@charset "UTF-8";
/* CSS Document */

body {
	background-color: #8d8d8d;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
	font-size: 12px;
	/* background-image: url(../images/bg9.jpg);
	background-repeat: no-repeat;
	background-position: center top; */
}

a {
	color: #663300;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-top: 0px;
	margin-bottom: 10px;
}

td {
	vertical-align: top;
}

ul {
	list-style-type: disc;
	color: #333;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
ul.qt {
	list-style-type: disc;
	color: #333;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	
}

blockquote{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

.imageHead{
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #030;
}
.imageHead2{
	margin-right: 10px;
	margin-bottom: 10px;
	
}
.log{
	color: #FFF;
}
/* ============= DIV ID WRAPPERS =============== */

/* These frames are the top, middle, and bottom shadows
   There is a set of DIV IDS just for the home
   page because that is at the root level. Those
   DIV IDs contain "Home" in the ID name to
   differiate them from the wrappers used for the
   the pages once the user leaves the home page.
*/

div#frameHomeTop {
	background-color:#FFF;
	background-image:url(images/bg8.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-position:top;
	width: 804px;
	height: 152px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}

div#frameHomeMiddle {
	background-color:#FFF;
	background-image:url(images/corner.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-position:bottom;
	width: 804px;
	margin-top: 0px;
	margin-bottom: 0px;
	/* overflow: hidden; */
}

div#frameHomeBottom {
	background-image: url(../images/frame_bottom1.gif);
	background-repeat: no-repeat;
	width: 812px;
	height: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	overflow: hidden;
}

div#frameTop {
	background-color:#FFF;
	background-image:url(images/bg8.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-position:top;
	width: 804px;
	height: 152px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}

div#frameMiddle {
	background-color:#FFF;
	background-image:url(images/corner.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-position:bottom;
	width: 804px;
	margin-top: 0px;
	margin-bottom: 0px;
	/* overflow: hidden; */
}

div#frameBottom {
	background-image: url(images/frame_bottom1.gif);
	background-repeat: no-repeat;
	background-color: #8d8d8d;
	width: 804px;
	height: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	/*overflow: hidden; */
	
}

/* These are the DIV IDs for the navbar  Moved to menu.css*/


div#GWALogo {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: visible;
	left: 0px;	
}


/* These are DIVs for laying out the content on the Home page. */

td.whatsnew {
	vertical-align: middle;
}
.newBox {
	background-image: url(images/t-index.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #c4ba8b;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	padding-right: 20px;
	padding-left: 20px;	
	/*width: 209px;
	height: 280px;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	overflow: hidden;*/
	padding-top: 20px;
	line-height: 30px;
}

div#homeNewItems {
	height: 215px;
	width: 209px;
	overflow: hidden;
	vertical-align: top;
}

div#homeFeatureBox {
	clear: both;
	width: 790px;
	background-color: #ffffff;
	margin-left: 0px;
	/*margin-right: 36px;*/
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: top;
}

div#Content {
	clear: both;
}

div#homeLeftColumn {
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-left: 10px;
	text-align: left;
	width: 450px;
}

div#homeRightColumn {
	background-image: url(images/msc-logo-3.gif);
	background-repeat:no-repeat;
	background-position:right top;
	float: right;
	padding-left: 25px;
	padding-right: 30px;
	margin-top: 0px;
	margin-right: 10px;
	text-align: left;
	width: 270px;
	height: 315px;
	background-color: #C4DFF5;
	font-size:14px;
}

.current{
	font-size: 30px;
	font-weight: bold;
	color: #773E30;
	}
	
.news{
	float: right;
	font-size: 30px;
	font-weight: bold;
	color: #C4DFF5;	
	margin-right: 10px;
	
	}
	
	
div#homeLeftColumn2 {
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 10px;
	text-align: left;
	width: 450px;
	font-size: 30px;
	font-weight: bold;
	color: #773E30;
	
}

div#homeRightColumn2 {
	float: right;
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 5px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 10px;
	text-align: right;
	width: 270px;
	font-size: 30px;
	font-weight: bold;
	color: #C4DFF5;	
	
	
} 



/* For pages that have the right-side nav.*/

div#ContentLev2Left {
	clear: both;
	float: left;
	padding-left: 15px;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
	width: 550px;
}
div#ContentLev2Left2 {
	clear: both;
	float: left;
	padding-left: 10px;
	padding-right: 20px;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
	width:700px;
}
div#ContentLev2Right {
	float: right;
	padding-left: 0px;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
	width: 185px;
}
div#SideNavTop {
	background-image: url(../images/sidenav_top.jpg);
	background-repeat: no-repeat;
	height: 4px;
}

div#SideNavMiddle {
	background-image: url(../images/sidenav_middle.jpg);
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-right: 10px;
}

div#SideNavBottom {
	background-image: url(../images/sidenav_bottom.jpg);
	background-repeat: repeat-y;
	height: 4px;
}

div#PageNumbers {
	color: #000;
	font-size: .90em;
	text-align: right;
	margin-bottom: 10px;
	margin-right: 5px;
	/* white-space: nowrap; */
	white-space:normal;
}


/* ============ Text Styles ========== */

.breadcrumb {
	font-size: 11px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
}

.hdrPage {
	color: #003300;
	font-size: 1.35em;
	font-weight: bolder;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
}
.hdrPage2 {
	color: #CC3300;
	font-size: 1.50em;
	font-weight: bolder;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
}

.hdrSub {
	color: #003300;
	font-size: 1.15em;
	font-weight: bolder;
	text-align: left;
}
.program {
	color: #CC3300;
	
}

/* This DIV is used on all pages EXCEPT the Home Page */

div#footer {
	clear: both;
	background-image: url(images/footer-bkgrnd2.gif);
	background-repeat: no-repeat;
	color: #FFF;
	font-size: .85em;
	text-align: center;
	vertical-align: middle;
	/*margin-left: 36px;
	margin-right: 36px;*/
	margin-bottom: 0px;
	margin-top: 0px;
	overflow: hidden;
	padding: 0px;
	width: 800px;
	line-height: 32px;
}
div#navTop {
	clear: both;
	margin-bottom: 0px;
	z-index: 1000;
	
	/*
	overflow: hidden;         
	*/
}
.footer, a.footer:link, a.footer:hover, a.footer:visited {
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
}
.copyright, a.copyright:link, a.copyright:hover, a.copyright:visited {
	color: #666;
	margin-top: 10px;
	text-align: right;
	font-size: .85em;
	color: #666;
}

/* This DIV is used on all pages of the website */
   
div#address {
	color: #666;
	font-size: .70em;
	line-height: 1em;
	margin-top: 0px;
	/* margin-bottom: 10px; */
	margin-left: 36px;
	margin-right: 36px;
	overflow: hidden;
	padding: 0px;
	vertical-align: top;
	width: 740px;
}
/* This table backround style is for the light gradient used below
   the navbar that appears on all pages EXCEPT the home page.
*/

table.bkgrnd {
	background-image: url(../images/2ndLevel_bkgrnd.jpg);
	background-repeat: no-repeat;
	width: 800px;
	margin-left: 6px;
	margin-right: 6px;
	overflow: hidden;
}

/* End DIV ID Wrappers */

/* Styles Used in the Right-Side Nav Box */

p.sideHdr {
	color: #030;
	font-size: .95em;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	padding-left: 10px;
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 0px;
}

p.sideSection {
	color: #000;
	padding-left: 10px;
	line-height: 1.5em;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 0px;
}

p.sideLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .95em;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-right: 5px;
}

p.sideLinksSub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .95em;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 35px;
}

.sideLogoText {
	font-size: .95em;
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

/* ========= Table Display Styles ===== */

/* These table styles are for display only -- you want
   the borders in the table to be shown on the webpage,
   see the Members Profile page for an example).
   
   To use this style specify the class of tableUI in
   the <table> tag, like so: <table class="tableUI">. */

.tableUI {
	width: 100%;
	border-spacing: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B8C6B7;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B8C6B7;
	line-height: 1.4em;	
}

.tableUI td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B8C6B7;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B8C6B7;
	padding: 6px;
 /* Setting line-height explicitly to remedy an issue in IE6/7 where find results are being overlapped vertically --
             * Note: Use EM units so that scale is preserved during zoom, or with different character sets (Font + size)
             */
    
	}

/* If the display table has column headings, then in the
   code, replace the <td></td> cells in the column row with
   <th> </th> and the following style will be applied
   to the header cell.
*/

.tableUI th {
	background-color: #DDE7D8;
	font-size: 10px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B8C6B7;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B8C6B7;
	padding: 6px;
	vertical-align: bottom;
	text-align: left;
	text-transform: uppercase;
}

table.bkgrnd {
	background-image: url(images/2ndLevel_bkgrnd.jpg);
	background-repeat: no-repeat;
	width: 798px;
	margin-left: 6px;
	margin-right: 6px;
	overflow: hidden;
}

table.bkgrnd2 {
	
	margin-left: 0px;
	margin-right: 0px;
	/*overflow: hidden;*/
}
.ctaBold{
	font-size: 14px;
	font-weight: bold;
	}
p.cta{
	padding-right: 5px;
	padding-top: 2px;
	padding-left: 5px;
	font-size: 12px;
}
p.white{
	color: #FFF;
	clip: rect(auto,10px,10px,auto);
}

.prompt{
	color: #FFF;
	font-weight:bold;
	text-align:left;
	line-height:10px;
				}
.one{
	background-image: url(images/one.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.two{
	background-image: url(images/two.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.three{
	background-image: url(images/three.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.newBox a {
	color: #ffffff;
	text-decoration: none;
	text-align:right;
	font-size:14px;
}

.newBox a:hover {
	text-decoration: underline;
}

.files{
	color: blue;
	
				}
.larger{
	font-size: 16px;
	
				}
.redfaq{
	font-size: 16px;
	color: red; 
	}

.redfaq2{
	font-size: 12px;
	color: #8C1717;
	
				}	
.hdrSub2 {
	color: #458B00	;
	font-size: 1.15em;
	font-weight: bolder;
	text-align: left;
}
.hdrSub3 {
	color: #458B00	;
	font-size: 20px;

}