/* CSS Document */

/*----------Zero out elements----------*/

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, input {
	margin: 0; /* Zeros out the various default values browsers place on elements to give a consistent starting point. */
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}
/* GLOBAL ELEMENTS ------------------------------------------------------------------- */
body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; /* Sets default font family options and default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an WinIE problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property. */

     margin: 0; /* Gets rid of default margin on body that most browsers add. */
     padding: 0; /* Gets rid of default padding on body that Opera adds. */
     text-align: center; /* Centers the page contents in WinIE5.x. */
}

/* Main div for all other content on page. A main wrapper div allows us to easily center everything in the viewport. */
#holder {
	margin: 10px auto 0 auto; /* The auto margin on the left and right center the holder div in standard compliant browsers. The 10px top margin adds space between the top of the holder div and the edge of the viewport. */
	width: 760px; /* Sets width of main container to fit within most maximized 800x600 windows. */
	text-align: left; /* Overwrites the center-aligned text set on the body. */
}

/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, or barring that, the body. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top of body. */
	left: 0; /* Places the div at the left side of body. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}


/* Wrappers for various content modules */



#content_single_col {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;

}

#content {

}

#content_lcol {
	float: left; /* Moves div to left side of #content. */
	width: 160px; /* Moves div away from edges of container and surrounding content. */
	display: inline; /* Prevents WinIE from doubling the left margin, which it will do on left floats. */
	font-size: .9em; /* Sets font size smaller than default. */
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#content_rcol {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 250px;
	margin-right: 30px;
	width: auto;
}

/* formatting for three column area */
#content_3col_lcol {
	float: left; /* Moves div to left side of #content. */
	width: 220px; /* Moves div away from edges of container and surrounding content. */
	display: inline; /* Prevents WinIE from doubling the left margin, which it will do on left floats. */
	font-size: .9em; /* Sets font size smaller than default. */
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#content_rt_two_container {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 270px;
	margin-right: 20px;
	width: auto;
}

#content_rt_two_left {
	float: left;
	width: 210px;

}

#content_rt_two_right {
	margin-left: 250px;

}

/* end for three column area */




/* Footer for page. */
#footer {
	font-size: 0.7em; /* Sets font size smaller than default and smaller than content text. */
	height: 50px;
	padding-top: 10px;
	float: left;
	width: 760px;
	margin-top: 10px;
}
#footer p {
	float: left; /* Moves paragraph to left side of #footer. */
	margin: 0; /* Removes default margin added to paragraphs. */
}
#footer ul {
	float: right; /* Moves list to right side of #footer. */
	margin: 0 6px 20px 0; /* 6px right margin aligns edge of text with border of content div instead of the edge of its shadow. 20px bottom margin provides space between end of footer and edge of window. */
	padding: 0; /* Removes default padding added to lists by some browsers. */
}
#footer p, #footer ul {
	display: inline; /* Prevents MacIE from expanding the floats to 100%, which would keep them from sitting on the same line. */
}
/* The following selector overwrites the display value of the paragraph and list back to the correct value, but is hidden from MacIE so it still gets the value it needs. */
/* hide from MacIE \*/
#footer p, #footer ul {
	display: block;
}
/* end hide */
#footer li {
	display: inline; /* Makes list items display horizontally. */
	margin: 0; /* Removes default margin some browsers add to list items. */
	padding: 0; /* Removes default padding some browsers add to list items. */
}
#footer a {
	color: #003399; /* Sets color of links to slightly darker gray than surrounding text. */
	text-decoration: none;
	}
#footer a:hover {
	color: #FF0000; /* Sets color of links on hover to white. */
	}


/* LINKS -------------------------------------------------------------------------------------- */
a {
	 /* Sets color of links within main content to blue used on body background. */
}
a:visited, a:hover, a:active {
	color: #9B0000;	 /* Sets color of visited, hovered, and active links within main content to dark purple. */
}


/* HEADINGS ------------------------------------------------------------------------- */
h1 {
	font-size: 1.3em; /* Sets font size of top level headings to larger than default. */
	}
h2 {
	font-size: 1.1em; /* Sets font size of second level headings to larger than default but smaller than h1. */
	}
h3, h4, h5, h6 {
	font-size: 1em; /* Sets font size for other headings to same size as default. Headings are bold by default, so they will still be distinguishable. */
	}

/* __________________________________________________________________*/
/* begin boxes */
/* begin single column box 
.box_single_top {
	background-image: url(../images/fullcontent_top.jpg);
	background-repeat: no-repeat;
	height: 18px;
	margin: 0;
	}

.box_single_middle {
	background-image: url(../images/fullcontent_body.jpg);
	background-repeat: repeat-y;
	width: 760px;
	float: left;
	}
.box_single_bottom {
	width: 760px;
	background-image: url(../images/fullcontent_bottom.jpg);
	background-repeat: no-repeat;
	height: auto;
	float: left;
	}
	
#holder .box_single_middle .content {
	padding-right: 20px;
	padding-left: 10px;
}

/* end single column box */

/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

.box_single_top {
	background-image: url(../images/fullcontent_top.jpg);
	background-repeat: no-repeat;
	height: 18px;
	margin: 0;
	}

.box_single_middle {
	background-image: url(../images/fullcontent_body.jpg);
	background-repeat: repeat-y;
	margin-bottom: -20px;
	width: 760px;
	float: left;
	}
.box_single_bottom {
	width: 760px;
	background-image: url(../images/fullcontent_bottom.jpg);
	background-repeat: no-repeat;
	height: 25px;
	float: left;
	}
	
#holder .box_single_middle .content {
	padding-left: 10px;
}

/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
/* begin TWO column box */
.box_double_top {
	background-image: url(../images/two_col_top.jpg);
	background-repeat: no-repeat;
	height: 18px;
	margin: 0;
	}

.box_double_middle {
	background-image: url(../images/two_col_body.jpg);
	background-repeat: repeat-y;
	margin-bottom: -20px;
	width: 760px;
	float: left;
	}
.box_double_bottom {
	width: 760px;
	background-image: url(../images/two_col_bottom.jpg);
	background-repeat: no-repeat;
	height: 25px;
	float: left;
	}
	
#holder .box_double_middle .content {
	padding-left: 10px;
}

.leftcolumn {
	float: left; /* Moves div to left side of #content. */
	width: 170px; /* Moves div away from edges of container and surrounding content. */
	display: inline; /* Prevents WinIE from doubling the left margin, which it will do on left floats. */
	font-size: 0.9em; /* Sets font size smaller than default. */
	margin-top: 0;
	margin-right: 0px;
	margin-left: 5px;
	padding-bottom: 20px;
}

.rightcolumn {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 250px;
	margin-right: 30px;
	width: auto;
}
/* end TWO column box */
/* begin THREE column box */

.box_tripple_top {
	background-image: url(../images/three_col_top.jpg);
	background-repeat: no-repeat;
	height: 18px;
	margin: 0;
	}

.box_tripple_middle {
	background-image: url(../images/three_col_body.jpg);
	background-repeat: repeat-y;
	margin-bottom: -20px;
	width: 760px;
	float: left;
	margin-top: 25px;
	}
.box_tripple_bottom {
	width: 760px;
	background-image: url(../images/three_col_bottom.jpg);
	background-repeat: no-repeat;
	height: 25px;
	float: left;
	}
	
#holder .box_tripple_middle .content {
	padding-left: 10px;
}

#holder .box_tripple_middle .content .leftcolumn {
	float: left; /* Moves div to left side of #content. */
	width: 200px; /* Moves div away from edges of container and surrounding content. */
	display: block; /* Prevents WinIE from doubling the left margin, which it will do on left floats. */
	font-size: 0.9em; /* Sets font size smaller than default. */
	margin-top: 0;
	margin-right: 0px;
	margin-left: 5px;
	padding-bottom: 20px;
}

#holder .box_tripple_middle .content .rightcolumn {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 250px;
	margin-right: 30px;
	width: auto;
}

#holder .box_tripple_middle .content .righttwowrapper {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 260px;
	width: auto;
}

#holder .box_tripple_middle .content .righttwowrapper .left {
	float: left;
	width: 210px;

}

#holder .box_tripple_middle .content .righttwowrapper .right {
	margin-left: 250px;
	margin-right: 20px;

}
/* end THREE column box */
/* End boxes */
/* _______________________________________________________________________________________________*/

#layout {
	background-image: url(../images/fullcontent_body.jpg);
	background-repeat: repeat-y;

	margin-top: -10px;
	margin-bottom: -13px;
	}
#layout_navbar {
	background-image: url(../images/fullcontent_body.jpg);
	background-repeat: repeat-y;
	}	
	
#layout_2col {
	background-image: url(../images/two_col_body.jpg);
	background-repeat: repeat-y;
	margin-top: 15px;
	}

#layout_3col {
	background-image: url(../images/three_col_body.jpg);
	background-repeat: repeat-y;
	}	

.pod {
	width: 760px;
	padding-bottom: 20px;
	background-image: url(../images/fullcontent_bottom.jpg);
	background-repeat: no-repeat;
	}
	
.pod_2col {
	width: 760px;
	background-image: url(../images/two_col_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 20px;
	}

.pod_3col {
	width: 760px;
	background-image: url(../images/three_col_bottom.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	}

.pod_top {
	background-image: url(../images/fullcontent_top.jpg);
	background-repeat: no-repeat;
	height: 18px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	margin: 0;
	}
	
.pod_top_2col {
	margin: 0;
	background-image: url(../images/two_col_top.jpg);
	background-repeat: no-repeat;
	height: 18px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	}

.pod_top_3col {
	margin: 0;
	background-image: url(../images/three_col_top.jpg);
	background-repeat: no-repeat;
	height: 18px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	}

.pod p {
	margin: 0;
	padding: 15px;
	}
.pod_two_col p {
	margin: 0;
	padding: 15px;
	}	

/* end Macromedia stuff */	

.lftimg {
	float: left; /* Floats an image to the left and wraps text around it. */
	margin-right: 10px; /* Adds 10 pixels of margin space to the right of the image. */
	margin-left: 10px;
}

.rghtimg {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #F4F7FC;
}#holder #layout .pod #content p {
	margin: 15px;
}
#holder #layout .pod #content h5 {
	margin-left: 35px;
}

#spacer {
	padding-bottom: 15px;
}
#content_rcol p {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
}

#header {
	background-position: center;
	height: 415px;
	width: 760px;
	margin-bottom: -100px;
}

#Layer1 {
	position:absolute;
	width:760px;
	height:415px;
	z-index:1;
	background-image: url(../images/header/header1.gif);
}

#Layer2 {
	position:absolute;
	width:760px;
	height:415px;
	z-index:2;
	background-image: url(../images/header/header2.png);
	background-repeat: no-repeat;
}

#Layer3 {
	width:760px;
	height:307px;
	z-index:3;
	background-image: url(../images/header/main_header.jpg);
	background-repeat: no-repeat;
	position: absolute;
}

#menu {
	position:absolute;
	left:464px;
	top:251px;
	width:281px;
	height:32px;
	z-index:10;
	visibility: inherit;
}
#web_bottom {
	background-image: url(../images/header/web_bottom.png);
	height: 108px;
	width: 760px;
	margin-top: 307px;
	z-index: 9;
	position: absolute;
}
.noBorder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.floatImageRight {
	float: right;
}
.question {
	font-style: italic;
	background-color: #264D8C;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #FF0000;
	font-size: medium;
}

.answer {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/* begin THREE column box */

	
#footer .content {
	padding-left: 10px;
}

#footer .content .leftcolumn {
	float: left; /* Moves div to left side of #content. */
	width: 160px; /* Moves div away from edges of container and surrounding content. */
	display: block; /* Prevents WinIE from doubling the left margin, which it will do on left floats. */
	font-size: 0.9em; /* Sets font size smaller than default. */
	margin-top: 0;
	margin-right: 0px;
	margin-left: 5px;
	padding-bottom: 20px;
}

#footer .content .rightcolumn {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 250px;
	margin-right: 30px;
	width: auto;
}

#footer .content .righttwowrapper {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 260px;
	width: auto;
}

#footer .content .righttwowrapper .left {
	float: left;
	width: 210px;
	padding-top: 10px;
}

#footer .right {
	margin-left: 250px;
	margin-right: 20px;
	padding-top: 10px;
}
/* end THREE column box */
/* begin TWO column box */

	
#footer .content {
	padding-left: 10px;
}

#footer .leftcolumn {
	float: left; /* Moves div to left side of #content. */
	width: 160px; /* Moves div away from edges of container and surrounding content. */
	display: inline; /* Prevents WinIE from doubling the left margin, which it will do on left floats. */
	font-size: 0.9em; /* Sets font size smaller than default. */
	margin-top: 0;
	margin-right: 0px;
	margin-left: 5px;
	padding-bottom: 20px;
}

#footer .rightcolumn {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 250px;
	margin-right: 30px;
	width: auto;
}
/* end TWO column box */
.menuover {
	position: relative;
	z-index: 20;
	margin-right: auto;
	width: 75%;
	margin-left: auto;
}