@import url("topnav.css"); 

@import url("sidenav.css"); 



html {

margin:0;
padding:0;
background: #012c3f url(/images/layout/html-bg.gif) repeat-x top;

}




body {

margin:0;
padding:0;
background: url(/images/layout/body-bg.jpg) no-repeat center top;
width: 100%;
display: table;
font-size:62.5%;
font-family:Helvetica, Arial, Verdana, sans-serif;


}




/* hidding the print logo which is right above the header */

img#printlogo {

display:none;

}





/* my very basic reset */

p, h1, h2, h3, h4, ul, ol, li, form, input, img {

margin:0;
padding:0;
border:none;

}




a {

outline:none;
color:#1A3448;


}


a:hover {

text-decoration:none;


}



p {

font-size:1.3em;
margin-bottom:1.3em;
line-height:1.5em;


}



#maincontent ul {

font-size:1.3em;
margin-bottom:1.3em;
margin-left:1.3em;
line-height:1.5em;


}



#maincontent ol {

font-size:1.3em;
margin-bottom:1.3em;
margin-left:1.7em;
line-height:1.5em;


}




#maincontent li {


margin-bottom:0.4em;


}




#maincontent li ul, #maincontent li ol {


font-size:12px;
margin-top:0.1em;
margin-bottom:0.7em;
margin-left:2.2em;
line-height:1.2em;


}




#maincontent li li {


margin-bottom:0.2em;


}





h1 {


font-size:2.0em;
color:#fff;
margin-bottom:0.4em;
text-transform:uppercase;
margin-bottom:36px;

}


h1 strong {

display:none;

}




/* header wrap is absolutely positioned inside "content" div */

#headerwrap {
	position:absolute;
	top:14px;
	right:-9px;
	z-index:4;
	width:9px;
	height:68px;
	background:url(/images/layout/content-header-sidewrap.gif) no-repeat top;

}





h2 {


font-size:1.9em;
color:#19364C;
letter-spacing:0.01em;
margin-bottom:0.6em;

}





h3 {


font-size:1.6em;
color:#701215;
letter-spacing:0.01em;
margin-bottom:0.4em;
line-height:1.3em;

}



/* class to remove bottom margin between headers and paragraphs if needed */

.nbm {

margin-bottom:0;

}




/* Base Layout */


#outerwrapper {

width:960px;
margin:0 auto 0 auto;


}



#header {

height:152px;


}


/* homelink is right inside header */

a#gohome {

float:left;
display:block;
width:300px;
height:100px;
margin-top:40px;
text-decoration:none;

}


a#gohome em {

visibility:hidden;
font-size:1px;


}




/* header-inside contains top nav seach and sign-in */

#header-inside {

width:560px;
float:right;



}



a#signin {

display:block;
width:113px;
height:18px;
background:url(/images/layout/memsignin.gif) no-repeat top;
text-decoration:none;
margin:20px 0px 20px 446px;

}



a#signin:hover {

background:url(/images/layout/memsignin-hover.gif);

}


a#signin em {

visibility:hidden;
font-size:1px;

}



/* the search form inside header div */


form#search {
	
	width:560px;
	height:24px;
	text-align:right;



}


form#search input#searchbox {

width:160px;
height:15px;
background: #fff url(/images/layout/searchbox-bg.gif) bottom repeat-x;
border:1px solid #132939;
font-size:12px;
padding:3px;


}


form#search input#searchbutton {

margin-left:8px;
margin-bottom:-6px;

}


/* end search form */








/* MAIN CONTENT LAYOUT */




#contentwrapper {


background:url(/images/layout/transparent-content.png);

padding:14px;

}



#content {

background-color:#fff;
padding:14px 0 13px 0;
position:relative;


}


#content-inside {

background:url(/images/layout/sidenav-bg.gif) repeat-y left;
min-height:570px;
overflow:auto;


}




/* NOTE: side nav style are in sidenav.css */






#maincontent {

width:674px;
padding:8px 10px 0 14px;
float:right;
background:url(/images/layout/maincontent-h1-bg.jpg) no-repeat top;

}






#footer {


padding:24px 0 0 28px;
color:#eaeaea;
font-size:1.1em;
margin-bottom:20px;
overflow:auto;

}


#footer a {

color:#fff;
text-decoration:none;

}


#footer a:hover {

color:#7EA1B7;
text-decoration:underline;


}



#footer #bottomnav {

text-transform:uppercase;
letter-spacing:0.03em;
margin-bottom:16px;

}


#footer #bottomnav a {


margin-right:22px;


}


#footer p#partnership {

float:left;

width:368px;
padding-right:20px;
font-size:1.04em;
line-height:1.6em;

}


#footer p#address {

float:left;
width:300px;
font-size:1.04em;
padding-right:20px;
line-height:1.6em;

}



#footer div#logos {

float:left;
width:224px;

}





/* generic clear div */

.clear {


clear:both;
width:20px;
height:1px;
overflow:hidden;

}








/* INTERNAL TABLES LOCKDOWN */


table {


width:100%;
text-align:left;
border-collapse:collapse;
font-size:1.2em;
margin-bottom:18px;
clear:both;

}




table caption {


font-size:1.4em;
color:#152E43;
font-weight:bold;
text-align:left;
padding-bottom:10px;

}



table td, table th {

border:1px solid #B5C3CE;
padding:8px;
text-align:left;
vertical-align:top;

}





table th {

font-size:1.2em;
color:#541008;
background-color:#D4E6EE;



}



table p {

font-size:1.0em;
line-height:1.4em;
margin:0px;


}




table td ul li, table td ol li {


margin-top:1.0em;
margin-bottom:1.0em;
font-size:0.9em;
line-height:0.9em;


}


table h1, table h2, table h3, table h4 {

font-size:1.2em;
line-height:1.2em;
margin-bottom:0.3em;


}


table tr.altrow {

background-color:#EFEFEF;

}






/* borderless table */


table.borderless td, table.borderless th {

border:none;

}



/* table with only horizontal borders */


table.hborders td, table.hborders th {

border-left:none;
border-right:none;


}



/* Calendar Date */


td.calendar-date {

background:url(/images/layout/calendar-date-bg.gif) no-repeat center;
text-align:center;
vertical-align:middle;
color:#fff;
font-size:1.6em;
width:8%;

}



.imageleft {

float:left;
margin:0 12px 0 0;
}



.imageright {

float:right;
margin:0 0 0 12px;
}





.column-left {

width:320px;
float:left;


}

.column-right {

width:320px;
float:right;

}



/* a special column left that hav a right v rule */

.colum-left-ruled {

width:300px;
float:left;
border-right:1px solid #B5C3CE;
padding-right:20px;

}



/* smaller text size for long explicit text links...to be applied in a span inside paragraphs */

.smalltext {

font-size:0.8em;

}



/* internal quotes class to apply to selected block quotes */


blockquote.styled {

margin:0;
border:8px solid #EAEAEA;
background-color:#F4F4F4;
padding:8px;
padding-bottom:0px;
font-style:oblique;

}

/* the attribute paragraph after the quote */


p.styled-quote-attribute  {


text-align:right;
padding:11px 62px 0px 6px;
background:url(/images/layout/internalattribute-pointer.gif) no-repeat 616px 0;
margin:0;
margin-bottom:1.3em;
font-weight:bold;


}






/* ALL THINGS VIDEO AND AUDIO */



/* div class for all videos and audio. makes sure the width of video is 360px and audio is 200px */

.videoholder {

width:360px;
overflow:hidden;

}

.audioholder {

width:200px;
overflow:hidden;

}


/* special additional holders class just for video and audio on intro page to give margin bottom */


.va-intro {

margin-bottom:16px;

}



/* special columns just for video and audio intro page */


.video-column-left {

width:360px;
float:left;
border-right:1px solid #B5C3CE;
padding-right:21px;

}

.audio-column-right {

width:270px;
float:right;

}


/* making table cells vertical align center on audio clip table */
table.audio td {

vertical-align:middle;


}



a.allvideos {

display:block;
margin:20px 0px 6px 0px;
width:140px;
background-color:#EFEFEF;
padding:6px;
text-decoration:none;
font-size:1.1em;
text-transform:uppercase;
font-weight:bold;
letter-spacing:.04em;
border:1px solid #B5C3CE;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;

}

a.allvideos:hover {


background-color:#D2D9E5;

}




/* END ALL THINGS VIDEO AND AUDIO */