@charset "UTF-8";
/* CSS Document */

/*Title: SLACRR main style sheet
**Date: 1/25/2010
**Author: Jessa Hafer-Zdral (jessahz@gmail.com)
*/

/*First, zero everything out*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0; border:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; color:#000;}
/*to enable resizing for IE*/
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
select {margin:0px;padding:0px;}

html, body {
	height: 100%;
}

body {
	background: #253149;
	margin : 0;
	padding : 0;
	height : 100%;
}


#date {
	font-family: "Myriad Pro", Helvetica, sans-serif;
	font-size: 56px;
	position: absolute;
	z-index: 2;
	font-weight: bold;
	color: #fff;
	left: 131px;
	top: 63px;
	margin: 0;
	padding:0;
	line-height: 0.95;
	text-align: center;
	width: 270px
}
#year {
	font-size: 118px;
}

#keynote2 {
	position: absolute;
	font-family: "Myriad Pro", Helvetica, sans-serif;
	text-align: center;
	left: 0;
	width: 100%;
	top: 260px;
	z-index: 2;
}

#keynote2 p.speaker {
	font-size: 16px;
	margin-bottom: 95px;
}

#keynote2 p.date {
	font-size: 20px;
	margin-bottom: 25px;
}

#keynote2 p.hosted {
	font-size: 14px;
	margin-bottom: 12px;
}

#keynote2 p.host {
	font-size: 13px;
	margin-bottom: 12px;
}

.wide {
	letter-spacing: 2px;
}
.narrow {
	letter-spacing: -1px;
}


/*NAV*/

#nav {
	height: 42px;
	padding-left:3px;
	position: relative;
	z-index: 2;
	float: right;
	list-style: none;
	padding-top: 25px;
	font-family:Helvetica, Arial, sans-serif;
	margin-left: 0;
	margin-right: 10px;
}

#nav a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:17px;
	padding:14px 20px;
	padding-bottom: 9px;
	display: block;
}


#nav ul {
	list-style: none;
	margin: 0;
}

#nav li {
	margin: 0;
	
	float: left;
	position: relative;
	border-radius: 10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0;
}

#nav li:hover, #nav li.sfHover {
	background-color: #a70f0f;
}

#nav li ul {
	position: absolute;
	top: 42px;
	left: -9000px;
	width: 156px;
}

#nav li ul a {
	font-size: 15px;
}

#nav li:hover ul, #nav li.sfHover ul {
	left: 0;
}

#nav li ul li {
	width: 114px;
	float: none;
	border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;
}

#nav li ul a {
	padding: 10px 21px;
	width: 100%;
	background: none;
	display: block;
	background-color: #a70f0f;
}

#nav li ul li a:hover {
	background-color: #990000;
}


/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*MAIN*/

#box {
	background: #792929;
	width: 984px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	
}

#header {
	height:68px;
	position: relative;
	z-index: 2;
}

#header a img {
	border:none;
}

#homemain {
	position:relative;
	margin:0;
	/*padding:1px;*/
	height:487px;
	width:inherit;
    /*background-image:url(images/gatewayarch2.jpg);*/
	background-repeat:no-repeat;
	z-index: 1;
	background: url(images/gatewayarch2.jpg) no-repeat;
}

#homebanner {
	position: absolute;
	height: 667px;
	width: 239px;
	background: url(images/home-banner.png) no-repeat;
	top: 0;
	left: 70px;
}

.copyright {
	position:absolute;
	right:215px;
	bottom:3px;
	width:auto;
	height: auto;
	font-size: 10px;
	font-family:Helvetica, Arial, sans-serif;
}

.copyright a {
	color: #b70000;
	text-decoration: none;
}

#main {
	margin:0;
	height: 100%;
	background-image:url(images/contentbg.png);

}

/*#content {
	margin:0px;
	margin-left:135px;
	padding:20px;
	width: 621px;
	height: inherit;
	background-image:url(images/contentbg.png);
	background-color:#f7f7f7;
	float:left;
}*/

#images{
	position:relative;
	width:356px;
	float:right;
	border-left: 3px solid #7b1e1e;
	background-color: #7b1e1e;
}

#images img {
	border: 2px solid #7b1e1e;
}


.labelcol {
	/*text-align: right;*/
	font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
	width: 25%;
	float: left;
}

.labelcol p{
	margin:0;
	margin-bottom: 20px;
}

.maincol {
	width: 75%;
	font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
	float: right;
}

.maincol p{
	padding:0;
	margin:0;
	margin-bottom:20px;
}

.label {
	font-style:italic;
	padding-right:10px;
}

.paper {
	font-weight:bold;
}

.time {
}

.here {
	background-color: #b70000;
}


.keynote2 {
	width: 100%;
	text-align: center;
	left:  0;
}

h1 {
	color: #792929;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
}

h3 {
	font-weight: bold;
	margin-bottom: 10px;
}

p, ul, ol {
	font-size:14px;
	line-height: 1.2;
	margin-bottom: 10px;
}

p a, ul a, td a {
	color: #b70000;
	text-decoration: none;
}

ul {
	margin-left:15px;
	
}

td {
	margin:0;
	padding:0;
}
table{
	padding-left:20px;
	padding-right:20px;
}

ul.downloads {
	list-style: none;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.2;
}

ul.downloads li {
	margin: 5px 0;
	
}



/*MAIN*/

#main {
	width:100%;
	background-repeat:no-repeat;
	z-index: 1;
	min-height: 407px;
}

#content {
	width: 605px;
	padding: 40px;
	background: #fff;
	margin: auto;
	min-height: 406px;
	font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
}



/*FORM*/

.hide {
	display: none;
}

form ul {
	list-style: none;
	margin-left: 0;
}

form input, form textarea {
	width: 250px;
	margin-bottom: 5px;
}

form input.submit {
	width: auto;
}

.req {
	color: red;
}





/*FOOTER*/
#footer {
	clear:both;
	padding-top: 10px;
	text-align: right;
	margin-right: 150px;
	padding-bottom: 10px;
	font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
}

#footer.home {
	padding: 16px 25px;
	min-height: 100px;
	margin:0 ;
}

#footer p {
	color:#FFFFFF;
	font-size:12px;
	text-align: right;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}


.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}