/* This stylesheet is read first by the web pages.*/

/* This stylesheet contains mostly structural styles, with a few typography styles.  The typography styles in this stylesheet are not ones the client will need to view when updating the site with Contribute.  The styles in this document are more standard-setting/base-setting styles than anything else.  As the old saying goes, "If it ain't broke, don't fix it!"*/

/* ----------------------------------------GLOBAL BODY/BASE-SET STYLES----------------------------------------*/


/* to zero margins*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

/* to set font for body, background, and text-align center for IE5 fix to ignoring auto in wrapper*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000033;
	text-align: center;
	margin: 0;
	padding: 0;
	background-image: url(../images/structure/background.gif);
	background-repeat: repeat;
}

/* ----------------------------------------GLOBAL LINK STYLES----------------------------------------*/



/* module page navigation link tag styles for links, regular, hover, and visited*/
#content_header a {
	text-decoration: none;
	color:#000000;
}
#content_header a:hover {
	text-decoration: underline;
	color:#993300;
}

/* content_main (main module content area) link tag styles for links, regular, hover, and visited*/
#content_main a {
	text-decoration: underline;
	color:#006699;
}
#content_main a:hover {
	text-decoration: none;
	color:#993300;
}
#content_main a:visited {
	text-decoration: underline;
	color: #800080;
}

/* footer link tag styles*/
#footer_home a {
	text-decoration: none;
	color:#000000;
}
#footer_home a:hover {
	color:#993300;
	text-decoration: underline;
}

/* --------------------GLOBAL WRAPPER, MAIN NAVIGATION, AND CONTENT LAYOUT/DESIGN/STRUCTURE STYLES--------------------*/

/* to set container element for all elements in page, to position body element, and to reset text align to the left to fix IE5 aligning to center due to property above*/

/* wrapper for home page*/
#wrapper {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../images/structure/main_slice.gif);
	background-repeat:repeat-y;
	width: 760px;
}
/* wrapper for modules*/
#wrapper_mod {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../images/modules/mod_mainslice.gif);
	background-repeat:repeat-y;
	width: 670px;
	position:relative;
	z-index:1;
}
/* wrapper for resources*/
#wrapper_res {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../images/structure/resources_mainslice.jpg);
	background-repeat:repeat-y;
	width: 350px;
	position:relative;
	z-index:1;
}
/* banner and header for home and module pages*/
#banner {
	height: 157px;
	margin: 0;
	padding: 0;
	background-image: url(../images/structure/main_header.jpg);
	background-repeat: no-repeat;
}

#banner2 {
	height: 40px;
	background-image: url(../images/structure/main_top.gif);
	background-repeat: no-repeat;
	margin: 0;
	background-color: #FFFFFF;
}
#banner_mod {
	width:670px;
	background-image: url(../images/modules/mod_header.gif);
	height: 59px;
}
#banner_res {
	width:350px;
	background-image: url(../images/structure/resources_header.gif);
	height: 58px;
}
#banner_nav {
	width:670px;
	height: 30px;
}
#banner_nav2 {
	width:350px;
	height: 35px;
}
#banner2 h1 {
	display: none;
}
#banner2 h2 {
	display: none;
}

/* background to navigation for home page*/
#navmain {
	margin: 0;
	padding: 0;
	width: 194px;
	background-image: url(../images/structure/main_navslice.gif);
	background-repeat: repeat-y;
	min-height:272px;
  	height:auto !important;
	height:272px;
}
#navbackground {
	margin: 0;
	padding: 0;
	width: 194px;
	background-image: url(../images/structure/main_navslice.gif);
	background-repeat: repeat-y;
}

/* container for navigation--home and module*/
#leftcol{
	width: 194px;
	float: left;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	background-image: url(../images/structure/main_navslice.gif);
	background-repeat: repeat-y;
}

/* container and margins for content--home and module*/
.container {
	width: 100%;
	float: right;
}

/* content styles*/
#content {
	padding: 0;
	margin: 0 0 0 194px;
	background-color: #FFFFFF;
}
#content_main {
	margin: 0;
	background-image: url(../images/structure/main_contentslice.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	min-height:425px;
  	height:auto !important;
	height:425px;
}
#content_main_mod {
	margin: 0;
	background-image: url(../images/modules/mod_mainslice.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	min-height:320px;
  	height:auto !important;
	height:320px;
}
#content_main_res {
	margin: 0;
	background-image: url(../images/structure/resources_mainslice.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#header_mod {
	padding: 34px 10px 0px 90px
}
#top_paging_mod {
	margin:10px 20px;
	padding:0;
	text-align:right;
}
/*
	width:100%;
*/
#paging {
	padding:14px 0px 0px 490px;
}
.modIntro {height:415px;text-align:center;}
.modIntro table {margin-bottom:10px; }
.start {
	text-align:right; 
	margin: 0 20px;
}

/*-------------------styles for the module media pulldown/module nav bar-----------------------
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  padding: 0;
  width: 670px; /*For KHTML*/
  list-style: none;
  height: 30px;
}
ul#navmenu li {
  margin: 0;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
}
li#sub {
  width:280px;
  background-image:url(../images/modules/mod_nav_pullclosed.gif);
  background-repeat:no-repeat;
}
ul#navmenu ul {
  margin: 0;
  padding: 0;
  width: 280px;
  list-style: none;
  display: none;
  position: absolute;
  top: 0;
  left: 0;  
  background-image:url(../images/modules/mod_nav_pullopen.gif);
  background-repeat:no-repeat;
  padding:10px 10px 20px 13px;
  height:118px;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
ul#navmenu ul li {
  width: 260px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  background-image:none;
  padding-bottom:10px;
  height:auto;
}
/* Root Menu */
ul#navmenu a {
  padding: 0 0;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  /*background: #EEE;*/
  /*color: #666;*/  
  font-size: 11px;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
ul#navmenu li#sub a:hover
{
text-decoration:underline;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}
/*------------------------------------------video-------------------------------------*/
.video {
	height: 300px;
	width: 320px;
	position: static;
	text-align:center;
}
/* ----------------------------------------GLOBAL HOME AND MODULE FOOTER STYLES----------------------------------------*/

/* for footer text styles on home and module pages*/
#footer {
	margin:0;
	padding:0;
}
#footer p {
	font-size: 1em;
	margin:0;
	padding: 3px;
	text-align:center;
}

/* for home page footer background*/
#footer_home {
	background-image:url(../images/structure/main_footer.gif);
	background-repeat:no-repeat;
	margin:0;
	height: 48px;
	clear:both;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 130px;
	padding-bottom: 0px;
	padding-left: 325px;
	text-align:center;
}
/* for home page footer background*/
#footer_module {
	background-image:url(../images/structure/main2_footer.gif);
	background-repeat:no-repeat;
	margin:0;
	height: 48px;
	clear:both;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#footer_mod {
	background-image:url(../images/modules/mod_footer.gif);
	background-repeat:no-repeat;
	margin:0;
	height: 50px;
	clear:both;
	background-color: #FFFFFF;
}
#footer_res {
	background-image:url(../images/structure/resources_footer.gif);
	background-repeat:no-repeat;
	margin:0;
	height: 52px;
	clear:both;
	background-color: #FFFFFF;
}
#footer_text {
	background-image:url(../images/structure/background.gif);
	background-repeat:repeat;
	margin:0;
	clear:both;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align:center;
	color:#FFFFFF;
}
#footer_text a {
	text-decoration:none;
	color:#FFFFFF;
}
#footer_text a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
/*------------------------------------------ video player window style ----------------------------------*/
#video_wrapper {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:left;
	background-color:#FFFFFF;
	width: 365px;
	background-image:url(../images/structure/video_window.gif);
	background-repeat:no-repeat;
}
#video_window {
	width:320px;
	height:382px;
	text-align:center;
	margin:0px 22px 0 20px;
	font-size:1.2em;
}
#video_title {
	width:320px;
	padding: 10px 0 13px 0;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}
#videoAnswer {
	width:320px;
	margin: 12px 10px 20px 145px;
	text-align:center;
	float:left;
}