/* -- MAIN ELEMENTS -- */

body {background:url(/images/bg.jpg) repeat-x 50% 0; margin-top: 0px;height:100%;}
#container { width:900px; margin-left: auto; margin-right: auto; height:100%;}
#maincontent {width:900px; background:url(/images/maincontent-bg.gif) repeat-y;}
.clear { clear: both; }


/* -- TEXT -- */

.bodycopy {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #28348D; line-height: 18px; text-align:left;	margin-left: 10px; margin-right: 10px;}
#bodycopy a:link, #bodycopy a:visited { color: #FF3B02;	text-decoration: none;}
#bodycopy a:hover { color: #FF3B02;	text-decoration: underline;}

#bodycopy2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-align:left; line-height: 13px; font-weight: bold; padding:0px 10px 0px 10px;}
#bodycopy2 a:link, #bodycopy2 a:visited {color: #FF3B02; text-decoration: none;}
#bodycopy2 a:hover {color: #FF3B02;	text-decoration: underline;}

#bodycopy3 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000033; line-height: 11px; text-align:left;	padding:5px 0px 0px 10px; margin: 0px 0px 0px 10px;}
#bodycopy3 a:link, #bodycopy3 a:visited { color: #FF3B02; text-decoration: none;}
#bodycopy3 a:hover {color: #FF3B02; text-decoration: underline;}

#bodycopy4 {padding:0px 0px 0px 40px; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; line-height: 16px; font-weight: bold; text-align:left; font-size: 12px; color: #FFF;}

ul li {list-style: url(/images/bullet.gif); margin-bottom: 0.5em;}

hr {border: 1px solid; width: 100%; color: #FFC523;
}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 16px;	color: #000; text-align:left; padding-top:10px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 13px;	color: #26328C;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-align:center; color: #FFF; padding-top:5px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight:bold; text-align:center; color: #26328C; padding-top:5px;}


/* --HEADER -- */

#header {background:url(/images/header-bg.jpg) no-repeat; height:101px; width:900px;}
#logo {float:left;}
#contact {text-align:right;}
#topnav { float:right; width:230px; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right;	padding: 5px 10px 0 0;}
#topnav a:link, #topnav a:visited {	color: #666; text-align: right;	font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;	text-decoration: none;}
#topnav a:hover { color: #333; text-align: right; text-decoration: underline;}


/* -- NAV -- */
#nav-container {width:670px; height: 34px;}

#nav, #nav ul { padding: 0;	margin: 0;	list-style: none; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #26328C;}
#nav a {display: block;	width:auto; text-decoration: none; color: #26328C; }
#nav li {float: left; padding:3px 10px 0 10px; background: url(/images/nav-line.gif) top right no-repeat; list-style:none;  line-height:25px; }
#nav li a:hover {color:#CC0000; text-decoration:none;}
#nav li a:active, #nav li.hvr a {color: #26328C;}

/* -- CONTENT AREA -- */
#content {width:668px; float:left;}

/* -- SIDEBAR -- */
#sidebar {width:230px; float:right;}
#sidebar-top { background:url(/images/sidebar-top-bg.jpg) top left no-repeat; width:230px; float:right; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; line-height:34px; font-weight:bold; padding:0; text-align:center; }

.sidebar-header-blue {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-align:center; color: #FFF; padding-top:3px;}
#sidebar-blue-top { background:url(/images/sidebar-blue-header-bg.jpg) top left no-repeat; height:27px;}
#sidebar-blue {width:230px; background:url(/images/sidebar-blue-bg.gif) repeat-y; vertical-align:top;}
.sidebar-copy-blue {padding:0 10px 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-align:left;line-height:14px; vertical-align:top;}

.sidebar-header-grey {font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight:bold; text-align:center; color: #26328C; padding-top:3px;}
#sidebar-grey-top { background:url(/images/sidebar-grey-header-bg.jpg) top left no-repeat; height:27px;}
#sidebar-grey {width:230px; background:url(/images/sidebar-grey-bg.gif) repeat-y; vertical-align:top;}
.sidebar-copy-grey {padding:0 10px 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#26328C; text-align:left; line-height:14px; vertical-align:top;}

.sidebar-copy-form {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-align:left;line-height:14px;}

/* -- FOOTER -- */

#footer {width:900px; background:url(/images/footer-bg.jpg) top left no-repeat; float:left;}
.footer {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; line-height: 22px; margin-top: 20px; text-align:left;}
.footer a:link {color: #666; text-decoration: none;}
.footer a:visited {color: #333; text-decoration: none;}
.footer a:hover {color: #CC0000; text-decoration: underline;}
.footer a:active {color: #CC0000; text-decoration: underline;}



/* -- SUBSCRIPTION PAGE -- */
#body .main { float: left; width: 580px; }
.page_home #body .main { float: none; width: 100%; }
#body .left { float: left; width: 320px; margin: 0 10px 20px 0;}
#body .right { float: right; width: 320px; margin: 0 10px 20px 0; }

#movie { margin-bottom: 10px; }
.video_frame { margin: 10px 0 40px; }
#body .left .video_holder { }
#body .right .video_holder { }
#video { width: 430px; height: 370px; background-color: #888; }
#body .left #video { margin: 0 auto; width: 320px; height: 270px; }
#body .right #video { width: 270px; height: 228px; margin: 0 auto; }
.video_frame p { text-align: center; width: 320px; }
#body .right .video_frame p { width: 270px; }

#body .gray { background: url(/images/graybg.gif) 0 0 repeat-x; border: 1px solid #ccc; margin-bottom: 10px; padding: 0 10px 5px; }
#body .gray h2 { margin: 0 0 10px; padding: 10px 0; }
#body .gray p { }
#body .gray ul {  }
#body .gray .article { padding: 10px; }
#body .gray .article h3 { }
#body .gray .article p { font-size: 11px; }
#body .gray .article p.postdate { font-style: italic; }
#body .gray .article p.more { }
#body .alerts ul li p { font-size: 10px; display: none; }

#body .alerts ul li .date { font-style: italic; font-size: 10px; padding-left: 1em; white-space: nowrap; display: none; }



#body .blue { background-color: #3d66a0; padding: 10px; color: #fff; }

#body .blue form { margin: 5px 0 10px; }

#body .blue label { display: none; }

#body .blue input.userText { font-size: 18px; }

#body .blue p { font-size: 11px; }

#body .blue a { color: #ccc; }



#body .fullblock { float: left; width: 620px; border-bottom: 2px solid #ccc; padding-bottom: 15px; }

#body .fullblock h2 { padding-left: 50px; background: url(/images/orange_arrow.gif) 20px 6px no-repeat; }

#body .fullblock p, #body .fullblock ul { padding-left: 50px; }

#body .halfblock { float: left; width: 249px; margin: 20px; }

#body .halfblock ul li p { font-size: 10px; display: none; }

#body .halfblock ul li .date { font-style: italic; font-size: 10px; padding-left: 1em; white-space: nowrap; display: none; }



#body .article { margin-bottom: 1em;}

#body .article h3 { }

#body .article p { }

#body .article p.postdate { }

#body .article p.more { text-align: left; }
a.blue_button {
        display: block; margin: 2px; padding: 0; width: 100px; height: 2.2em; line-height: normal;
        text-align: center; color: #fff !important; font-size: 125%; font-weight: bold;
        border: 3px outset #888; text-decoration: none;
}
/***********************/