/* MAIN BODY */
body {background: #A5B1CE url('/images/gradient-background.jpg') repeat-x; margin: 0; text-align: center; font-family: 'Arial', sans-serif; color: #000; font-size: 13px;}
#siteframe {width: 960px; margin: 0 auto;}
#header {height: 90px; height: 90px; margin: 0 auto;}
#topshadow {background: url('/images/shell_top.png') no-repeat 0 0; margin: 0 auto; height: 5px;}
#topimage {background: url('/images/shell_header_background.png') repeat-y; margin: 0 auto; padding: 0;}
#contentcap-top {background: url('/images/shell_contentcap_top.png') no-repeat 0 0; margin: 0 auto; height: 24px;}
#contentcap-bottom {background: url('/images/shell_contentcap_bottom.png') no-repeat 0 0; margin: 0 auto; height: 27px;}
#content {background: url('/images/shell_content_background.png') repeat-y; padding: 6px 32px 2px 32px; text-align: left; position: relative;}

html { overflow-y: scroll}

/* COLUMNS */
#column-sidebar {float: left; width: 230px; margin: 0 auto;}
#column-main {margin-left: 245px; padding: 0px;}

#column-main ul li {
padding: 2px 0 6px 4px;
margin-left: -10px;
list-style-image: url(/images/check.jpg);
}

.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 48%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }


/* FONTS */
p {font-weight: normal; font-size: 1em; line-height: 18px ;margin: 0 0 14px 0;}
.small {font-size: 1em; line-height: 18px; color: #666;}
.cookiecrumb {font-size: .9em; line-height: 18px; color: #666;}

#bios p {font-size: 1em; line-height: 18px; color: #666;}

a:link, a:visited {color: #2E4E98; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}

h1 {font-family:'Lucida Grande', sans-serif; color: #2E4E98; font-size: 1.6em; font-weight: normal; margin: 0 auto;}
h2 {font-family:'Lucida Grande', sans-serif; color: #000; font-size: 1.2em; font-weight: bold; margin: 0 0 5px 0;}
h3 {font-family:'Lucida Grande', sans-serif; color: #333; font-size: 1em; font-weight: bold; margin: 0 auto;}

.linebreak {border-bottom: 1px #CCC dashed; margin: 15px 0 15px 0;}

/* IMAGES */
img.logo {
float: right;
padding: 20px 4px;
margin: 0 auto;
border: 0;
}

img.right {float: right; padding: 0 0 15px 15px;}
img.left {float: right; padding: 0 15px 15px 0;}
img.ad {padding-bottom: 10px; border: 0;}

/* MAIN NAV */
#navigation {
height: 32px;
margin: 0 auto;
position: relative;
left: 0;
top: 63px;
}

ul#nav, ul#nav li {
float: left;
list-style: none;
height: 32px;
margin: 0 auto;
}

ul#nav {
font-family: 'Lucida Grande', sans-serif;
font-size: .9em;
text-align: center;
font-weight: bold;
padding: 0 0 0 4px;
}

ul#nav a, ul#nav a:visited {
background: transparent url('/images/navtabs.jpg') no-repeat top center;
width: 100px;
color: #2E4E98;
text-decoration: none;
display: block;
margin: 1px;
padding: 8px 0 8px 0;
font-weight: bold;
}

ul#nav a:hover {
background: transparent url('/images/navtabs.jpg') 0 -32px;
color: #2E4E98;
text-decoration: none;
display: block;
}

#nav li.selected a, #nav li.active a {
background: transparent url('/images/navtabs.jpg') 0 -64px;
color: #FFF;
text-decoration: none;
display: block;
}

/******** Sub Navigation ********/

.subNav{
width: 230px; /*width of menu*/
margin: 0 0 10px 0;
}

.subNav ul{
list-style-type: none;
margin: 0 0 10px 0;
padding: 0;
}

.subNav ul li a{
background: #CCC url(/images/subnavback.gif) repeat-x bottom left;
font: bold 1em;
color: #666;
display: block;
width: auto;
padding: 8px;
margin-bottom: 2px;
text-decoration: none;
}


* html .subNav ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 210px;
}

.subNav ul li a:visited, .subNav ul li a:active{
}

.subNav ul li a:hover{
color: #FFF;
background-image: url(/images/subnavback_hover.gif);
}

.subNav ul .subnav_active {
color: #FFF;
background-image: url(/images/subnavback_active.gif);
}

/* Holly Hack for IE \*/
* html .subNav ul li { height: 1%; }
* html .subNav ul li a { height: 1%; }
/* End */

/* ---------------------------------------
	Terciary Navigation
--------------------------------------- */

.terciaryNav {
width: 230px; /*width of menu*/
margin: 0 0 10px 0;
}

.terciaryNav ul {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
}

.terciaryNav ul li a {
font: bold 1em;
color: #2E4E98;
display: block;
width: auto;
padding: 6px;
margin-bottom: 2px;
text-decoration: none;
}

.terciaryNav ul li a:hover{
color: #000;
}

/* FOOTER */
#footer {
padding: 20px;
margin: 0 auto;
height: 100px;
}

#footer p {color: #E0E4EE;font-size: .8em; margin: 0 auto;}
#footer a:link, #footer a:visited {color: #FFF; text-decoration: none; font-weight: bold;}
#footer a:hover {color: #E0E4EE; text-decoration: none;}

/* DYNAMIC BUTTON */
.clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%;}
a.button {background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 10px; /* sliding doors padding */ text-decoration: none;}
a.button span {background: transparent url('/images/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 10px;}
a.button:active {background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */}
a.button:active span {background-position: bottom left; padding: 5px 0 5px 10px; /* push text down 1px */}

