/* CSS Document */

html {
	height: 100%;
	margin: auto;
	padding: 0px;
	}

body {
	font: 12px/19px Verdana, Tahoma, Arial, sans-serif;
	width: 780px;
	margin: auto;
	}

.required {
	color: #C00;
	font-size: 10px;
	font-weight: none;
}

#container {
	background-repeat: repeat-x;
	background-position: top left;
	}

#frame {
	display: table;
	width: 780px;
	margin: auto;
	border-left: solid 1px #818181;
	border-right: solid 1px #818181;
	border-bottom: solid 1px #818181;	
	background-color: #FFFFFF;
	vertical-align: top;
	height: 100%;
}

/* left side */

.left-side-top {
	background: #ffffff url(images/logo-large.jpg) center top no-repeat;
	width: 340px;
	height: 80px;
	margin: auto;
	}
	
.left-side-pic {
	background-color: #fff;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;	
	width: 339px;
	height: 160px;
	margin: auto;
	}

.left-side-bottom {
	background: #ffffff url(images/left-bottom.gif) center top no-repeat;
	width: 339px;
	height: 24px;
	margin: auto;
	}
	
.left-side-repeat {
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
}	

/* right side */

.right-side-top {
	background: transparent url(images/right-top-banner.gif) center top no-repeat;
	width: 421px;
	height: 79px;
	margin: auto;
	font-family: arial;
	color: #ffffff
	}

.right-side-top-thankyou {
	background: #ffffff url(images/westwood-right-top-thankyou.gif) center top no-repeat;
	width: 421px;
	height: 88px;
	margin: auto;
	}

.right-side-repeat {
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
}

.right-side-bottom {
	/*background: #ffffff url(images/westwood-right-bottom.gif) center top no-repeat;*/
	width: 421px;
	height: 79px;
	margin: auto;
	}

/*============*/

.body-div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px 10px 7px 20px;
}

.body-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0px 10px 7px 10px;
}

.continue-link {
	border: none;
	vertical-align: middle;
}

.dropdown-text {
	/*margin-bottom: 4px;*/
}

.enter-zipcode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0px 0px 7px 10px;
}

.form_input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.input-box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0px 0px 0px 0px;
}

.step-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0px 10px 7px 0px;
}


/* LINKS ========================= */


a:link, a:active {
	font-family: Myriad, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	text-align: left;
	line-height: 16px;
	color: #536481;
	}

a:visited {
	font-family: Myriad, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	text-align: left;
	line-height: 16px;
	color: #000099;
	}
	
a:hover {
	font-family: Myriad, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	text-align: left;
	line-height: 16px;
	color: #FF9900;
	}	

/* ========================= */

.enter-box-arrow {
	background: url(images/enter-box-arrow.gif) right top no-repeat;
	width: 70px;
	height: 170px; 
}

.enter-box-repeat {
	background: url(images/enter-box-middle.gif) top repeat-x;
	height: 170px; 	 
}

.enter-box-rightside {
	background: url(images/enter-box-rightside.gif) left top no-repeat;
	width: 61px;
	height: 170px; 	
}

/* ========================= */


/* ========STEP 2 Top BOX========== */

.info-box-lft-step2 {
	background: url(images/info-box-lft-step2.gif) right top no-repeat;
	width: 54px;
	height: 110px; 
}

.info-box-repeat-step2 {
	background: url(images/info-box-repeat-step2.gif) top repeat-x;
	height: 110px; 	 
}

.info-box-rt-step2 {
	background: url(images/info-box-rt-step2.gif) left top no-repeat;
	width: 54px;
	height: 110px; 	
}

/* ========================= */


/* ========STEP 2b Campus BOX========== */

.info-box-lft-2b {
	background: url(images/info-box-lft.gif) right top no-repeat;
	width: 55px;
	height: 135px; 
}

.info-box-repeat-2b {
	background: url(images/info-box-repeat.gif) top repeat-x;
	height: 135px; 	 
}

.info-box-rt-2b {
	background: url(images/info-box-rt.gif) left top no-repeat;
	width: 55px;
	height: 135px; 	
}

/* ========================= */



#main {
	width: 740px;
	border: 0px;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#666666;
	}



/* UL and LI Tags */

ul {
/*	padding: 0px -5px 0px 0px;*/
}

li {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	margin: 0px 0px 10px 0px;
/*	padding: 0px 0px 0px 0px;*/
}









/* Drop down menu CSS */
#nav, #nav ul { /* all lists */
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 1;
}

#nav a {
        display: block;
        /*width: 10em;*/
}

#nav li { /* all list items */
        float: left;
        /*clear: left;*/
        /*width: 10em; /* width needed or else Opera goes nuts */
        text-align: left;
}

#nav li ul { /* second-level lists */
        position: absolute;
        background: #eee;
        width: 10em;
        left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        margin: 0px 0px 0px 0px;
        text-align: left;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
        left: auto;
        margin: 0px 0px 0px 0px;
        text-align: left;
}

li.menuitem {
        margin: 7px 0px 5px 0px;
        text-align: left;
		font: 10px/14px Verdana, Arial, Helvetica, sans-serif bold;
		color: #FFFFFF;
        width: 100%
}

li.menuitem:hover, li.menuitem.sfhover {
        background: #aaa;
        margin: 7px 0px 5px 0px;
		font: 10px/14px Verdana, Arial, Helvetica, sans-serif bold;
		color: #FFFFFF;
}

.med { font-size: 11px; }

b, h2 {
	color: #00467f;
	}