/*

Created by:	Steve Chesler
Created on: 06/20/2006

Modified by: Steve Chesler
Modified on: 09/06/2006

Notes:

* Site is DIV based site (In other words, no tables unless absolutely necessary)

* Inner pages Right column div floats right.  Floating Right column div requires that
Right column HTML must preceed Left column HTML on each page so both columns' 
top margins aligns properly.

* Global wrappers "div.main" for home page and "div#maininner" for 
inner pages have height property set to 600px. For pages where content
will extend beyond 600px, the height must be declared as inline styles 
for both the left & right column div's on the page.

* Properties preceeded by a "_" are exclusive to the IE6 browser only.


*/

/* <---- GLOBAL HOME PAGE FORMATTING ---> */

body, table, td, a, img	{
	margin: 0;
	padding: 0;
	border: none;
	font-family: helvetica, sans-serif;
	font-size: 13px;
	_font-size: 15px;
}

body	{
	background-color: #fff;
	text-align: center;
}

table, td, form, input	{
	font-family: helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: transparent;
}

input, textarea, select, option	{
	color: #000;
	background-color: #FFF;
}

sup	{
	font-family: helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
	color: #FFF;
	background-color: transparent;
}

div.main	{
	width: 800px;
	xheight: 600px;
	height: auto;
	background-image: url(images/vrule_blue.jpg);
	background-repeat: repeat-y;
	background-position: 395px 0px;
	background-color: #4a4284;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #948cc6;
}

div.main div.columnleft	{
	width: 395px;
	height: 600px;
	xbackground-image: url(images/vrule_blue.jpg);
	background-repeat: repeat-y;
	background-position: 395px 0px;
	background-color: #FFF;
	border-right: 0px solid red;
}

div.main div.columnleft div.leftupspacer	{
	width: 382px;
	height: 13px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}


div.main div.columnleft div.tagline	{
	display: inline;
	padding: 0;
	margin: 0px 0px;
	width: 415px;
	height: 34px;
	background-color: transparent;
	font-family: helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	border: 0px solid red;
}

div.main div.columnleft div.tagline img	{
	margin: 0;
	padding: 0;
	border: none;
}

div.main div.columnleft div.logo	{
	margin: 0px 21px;
	width: 274px;
	height: 44px;
	padding: 0;
	background-color: #FFF;
}

div.main div.columnleft div.tagline div.tag	{
	padding: 7px 0px 0px 25px;
}
	

/* <---- HOME PAGE LEFT COLUMN FORMATTING ---> */

div.main div#homeleft	{
	_height: 612px;
}

div.main div.columnleft div.menuhome	{
	margin: 15px 24px;
	_margin: 25px 24px;
	width: 350px;
	height: 463px;
	border: 0px solid green;
	vertical-align: top;
	background-color: #FFF;
}

div.main div.columnleft div.menuhome div.menuhome1, 
div.main div.columnleft div.menuhome div.menuhome2, 
div.main div.columnleft div.menuhome div.menuhome3, 
div.main div.columnleft div.menuhome div.menuhome4, 
div.main div.columnleft div.menuhome div.menuhome5, 
div.main div.columnleft div.menuhome div.menuhome6	{
	width: 348px;
	height: 62px;
	border: 1px solid #948cc6;
	margin: 0;
	padding: 0;
	margin-bottom: 17px;
}

div.main div.columnleft div.menuhome div.menuhome6	{
	margin-bottom: 0px;
}

div.main div.columnleft div.menuhome div.menuhome2 .wspace	{
	color: #FFF;
	font-size: 11px;
}

div.main div.columnleft div.menuhome img	{
	float: left;
	_margin-left: -3px; /* eliminate gap left margin IE6 */
	margin-right: 10px;
}

div.main div.columnleft div.menuhome a	{
	font-family: helvetica, sans-serif;
	font-size: 12px;
	color: #424263;
	line-height: 12px;
	_line-height: 11px; /* IE6 */
	text-decoration: none;
}

div.main div.columnleft div.menuhome a:hover	{
	text-decoration: underline;
}

div.main div.columnleft div.menuhome h3, div.main div.columnleft div.menuhome h3 a	{
	font-family: helvetica, sans-serif;
	font-weight: normal;
	_font-weight: bold; /* IE6 */
	font-size: 15px;
	color: #000;
	line-height: 22px;
	margin: 0;
	padding: 2px 0px 0px 0px;
	_padding-top: 5px; /* IE6 */
	_margin-bottom: -2px; /* IE6 */
	text-decoration: none;
}

div.main div.columnleft div.menuhome h3 a:hover	{
	text-decoration: underline;
}

/* <----	 HOME PAGE RIGHT COLUMN FORMATTING ---> */

div.main div.columnright	{
	float: right;
	margin: 0px 0px;
	width: 385px;
	_width: 377px; /* IE6 */
	height: 600px;
	background-color: #4a4284;
	border-right: 0px solid #FFF;
}

div.main div.columnright div.menutop	{
	margin: 12px 0px;
	width: 367px;
	height: 10px;
	font-family: helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
	color: #FFF;
	background-color: transparent;
	border: 0px solid pink;
}

div.main div.columnright div.menutop a	{
	font-family: helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	color: #FFF;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

div.main div.columnright div.menutop a:hover	{
	text-decoration: none;
	color: #f1522a;
}

div.main div.columnright div.homebanner	{
	margin: 48px 31px;
	_margin: 35px 23px;  /* IE6 */
	width: 240px;
	font-family: helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #FFF;
	padding: 0;
}

div.main div.columnright div.homebanner img	{
	margin-bottom: 15px;
	padding: 0;
}

div.main div.columnright div.homebanner	h2	{
	font-size: 16px;
	font-weight: bold;
}

div.main div.columnright div.homebanner	h2, 
div.main div.columnright div.homebanner	p	{
	margin-left: 20px;
	margin-right: 20px;
}

div.main div.columnright div.homebanner	p	{
	margin-bottom: 10px;
}

div.main div.columnright div.homebanner	.bannertitle	{
	color: #f1522a;
	font-weight: bold;
	letter-spacing: 1px;
}

div.main div.columnright div.homebanner	.recentspot	a {
	font-family: helvetica, sans-serif;
	font-size: 13px;
	_font-size: 15px;
	text-align: right;
	color: #FFF;
	text-decoration: underline;
	float: right;
	margin-right: 20px;
}

div.main div.columnright div.homebanner	.recentspot	a:hover {
	text-decoration: underline;
	color: #FFF;
}


/* <!---- INNER PAGES HEADER FORMATTING ---> */

div#maininner	{  /* FOR IE6 to fill gap left margin of header */
	_background-image: url(images/bg_header_fill.jpg);
	_background-repeat: no-repeat;
	_background-position: 200px 89px;
}

div#maininner div.leftupspacer	{
	width: 800px;
	height: 2px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-image: url(ximages/vrule_blue.jpg);
	background-repeat: repeat-y;
	background-position: 780px 0px;
}

div#maininner div#logoinner	{
	width: 800px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(ximages/vrule_blue.jpg);
	background-repeat: repeat-y;
	background-position: 780px 0px;
	background-color: #FFF;
}

div#maininner div#logoinner	img	{
	border: 0px solid red;
}


div#maininner div.tagline	{
	width: 800px;
	display: inline;
	margin: 0;
	padding: 0;
	border: 0px solid red;
	background-image: url(images/tagline800.gif);
	background-repeat: no-repeat;
}

div#maininner div.tagline img	{
	margin: 0;
	padding: 0;
	border: none;
}

div.main div#menutopinner	{
	width: 800px;
	margin: 0px 0px;
	margin-right: 0px;
	text-align: right;
	background-color: #FFF;
	border-top: 1px solid #CCC;
}

div.main div#menutopinner,
div.main div#menutopinner a	{
	font-family: helvetica, sans-serif;
	font-size: 10px;
	color: #7e83bd;
	color: #000;
	text-decoration: none;
	padding: 2px 0px 2px 0px;
}

div.main div#menutopinner a:hover	{
	color: #f1522a;
}

/* <!---- INNER PAGES LEFT COLUMN FORMATTING ---> */
		
div#maininner div.columnleft	{
	width: 199px;
	height: 600px;
	margin: 0;
	padding: 0;
	background-image: url(images/bg_leftcolumn.gif);
	background-image: url(images/vrule_blue.jpg);
	background-image: none;
	background-position: 0px 0px;
	background-color: #4A4284;
	background-color: #7b84bd;
	background-color: #9C2963;
	background-color: #EEE;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	_border-right: 0px solid #000;
}


div.main div.columnleft div.menuinner	{
	position: relative;
	display: block;
	vertical-align: top;
	margin: 0px 1px;
	width: 185px;
	width: 190px;
	border: 0px solid #CCC;
	background-color: #FFF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px 0px 0px 0px;
}

/* <!---- INNER PAGES RIGHT COLUMN FORMATTING ---> */

div.main div#rightinner	{
	float: right;
	width: 600px;
	_width: 595px; /* IE6 */
	height: 600px;
	border: 0px solid orange;
	background-color: #4a4284;
	background-color: transparent;
	padding: 0;
	margin: 0px 0px;
	_margin-right: 0px;
	border-top: 1px solid #000;
}

div.main div#rightinner div.rightheader	{
	width: 598px; 
	_width: 593px;
	height: 97px;
	border-bottom: 1px solid #000; 
	background-color: #fcf8f8;
	border-left: 1px solid #CCC;
	_border-left: none;
}

div.main div#rightinner div.rightheader img	{
	display: block;
	float: right;
	_float: none;
	padding: 0;
	margin: 0;
}

div.main div#rightinner div.rightheader2	{
	width: 598px; 
	_width: 595px;
	height: 66px;
	border-bottom: 1px solid #999; 
	background-color: #fcf8f8;
}

div.main div#rightinner div.rightheader2 img	{
	float: right;
	_float: none;
	padding: 0;
	margin: 0;
	_margin-left: 2px;
}

div.main div#rightinner div.headerright	{
	width: 385px;
	height: 85px;
	background-image: url(ximages/header_wwa.jpg);
	background-repeat: no-repeat;
	padding: 0;
}

div.main div#rightinner div.content	{
	margin: 28px 32px;
	_margin: 28px 0px; /* IE6 */
	_padding-left: 30px; /* IE6  */
	width: 570px;
	_width: 595px; /* IE6  */
	background-color: transparent;
	font-family: helvetica, sans-serif;
	font-size: 13px;
	_font-size: 15px; /* IE6 */
	line-height: 18px;
	_line-height: 20px; /* IE6 */
	color: #FFF;
}

div.main div.columnright div.content a	{
	color: #FFF;
	text-decoration: underline;
}

div.main div.columnright div.content a:hover	{
	color: #FC3;
	text-decoration: underline;
}

div.main div.columnright div.content h2	{
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
}

div.main div.columnright div.content h2, 
div.main div.columnright div.content p,
div.main div.columnright div.content table {
	width: 530px;
	margin-left: 0px;
	margin-right: 0px;
}

div.main div.columnright div.content ul,
div.main div.columnright div.content ol	{
	width: 510px;
	margin-left: 0px;
	margin-right: 0px;
}

div.main div.columnright div.content ul li,
div.main div.columnright div.content ol, li	{
	_margin-left: 25px;
	padding-bottom: 5px;
}

div.main div.columnright div.content ol#needscv	{
	_margin-left: -10px;
}

div.main div.columnright div.content ol#needscv li	{
	margin-left: -25px;
	_margin-left: 25px;
	padding-bottom: 5px;
}

div#maininner div#rightinner div.content div#educdesign	{
	float: right;
	margin: 10px 40px 10px 10px;
	_margin: 10px 20px 10px 10px;
}


div.main div.columnright div.content p	{
	margin-bottom: 10px;
}

div.main div.columnright div.content b	{
	color: #FC3;
}

div#maininner div.columnright div.content .bannertitle	{
	color: #f1522a;
	color: #FC3;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
}

div#maininner div#rightinner div.content .bannertitle a {
	font-family: helvetica, sans-serif;
	font-size: 13px;
	_font-size: 15px;
	color: #FC3;
	text-decoration: underline;
	margin-right: 20px;
	text-align: left;
}

div#maininner div#rightinner div.content .bannertitle a:hover {
	text-decoration: underline;
	color: #FFF;
}

div#maininner div#rightinner div#activities	{
	margin-top: 0px;
}


div#maininner div#rightinner div#activities	img	{
	margin-bottom: 3px;
	margin-right: 3px;
	border: 2px solid #4a4284;
}

div#maininner div#rightinner div#activities	a:hover img	{
	border: 2px solid #FC3;
}


div#maininner div#rightinner div#activsubmenu	{
	margin: 2px 179px 0px 161px;
	text-align: right;
	font-family: helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	border-right: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	padding: 2px 5px 2px 5px;
	background-color: #4a4284;
}

div#maininner div#rightinner div#activsubmenu a	{
	font-size: 12px;
	color: #FFF;
	xfont-weight: bold;
	text-decoration: none;
	border: 1px solid #FC3;
	padding: 2px 5px 1px 5px;
	xbackground-color: #DDD;
}

div#maininner div#rightinner div#activsubmenu a:hover	{
	text-decoration: none;
	background-color: #a9add2;
	color: #FFF;
	border: 1px solid #FFF;
	xfont-weight: bold;
}

div#maininner div#rightinner div.activdesc	{
	margin-left: 180px;
	width: 220px;
	color: #CCC;
	border-top: none;
	text-align: center;
}


div.footer	{
	margin: 0 auto;
	font-family: helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: center;
	width: 800px;
	border: 0px solid red;
}

div.footer div.milonic	{
	visibility: hidden;
}