/* CSS Document */

/* -- General ------------------------------ */

html, body {
	margin: 0px; padding: 0px;
	background-color: #CCCCCC;
	background: #ffffff url(images/background.gif) repeat;
}

html, body { height:100%; } 

html, body { margin:0;padding:0; }


a {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:700;
	 color: #006699; text-decoration: none;
}

a:active {
font-weight:700;
	color:#FF6600;
}
a:hover {
	font-weight: 700;
	text-decoration: none;
	color: #FF6600;	
}

.textIndent{ margin-left:20px;}

/* -- Position ---------------------------- */

#container		  { min-height:100%; height:auto;}
* html #container { height:100%; }

#container {
	width: 778px; 
	margin: 0 auto -21px auto;
	padding: 0;
	background: #ffffff url(images/mainBack.gif) repeat-y;
}
#collegeBanner {
	margin: 0 auto;
	height: 39px; width: 778px;
	background-color: #333333 ;
	text-align: right;
}
#headerPrint { display:none;
}
#header {
	margin: 0 auto;
	height: 90px; width: 778px;
	background: #5C5C5C;
	text-align: right;
}

#menutop {
	margin: 0; padding:0;
	float: right;
	height: 26px; width: 778px;
	background:#ffffff url(images/topNav.gif) no-repeat bottom left;
}
.boldredtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #CC3300;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

/* -- Title Green Background with line in the bottom----------------------------- */
.titleGreenBackground {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold; color: #333333;
	padding: 1px 1px 1px 2px;
	background-color: #C2D2E0;
}

/* -- Title White Background ----------------------------- */
.titleWhiteBackground {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	color: #333333; padding: 1px 1px 1px 2px;
}

/* -- Gray Border Table----------------------------- */
.GrayBorderTables { border: 1px solid #CCCCCC; color: #000000;}

/* -- Gray Bg - Dashed Border line top Bottom----------------------------- */
.dottedBorderGrayBack {
	background-color:#F3F3F3; padding:2px;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
}

/* --White Bg - Dashed Border line top Bottom----------------------------- */
.dottedBorderWhiteBack {
	padding: 2px;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	background-color: #FFFFFF;
}
.dottedBorderGrayBack12pxf {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left;
	background-color:#F3F3F3; padding: 2px;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
}

.GrayBack12pxf {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	background-color:#F3F3F3;
	padding: 2px;
}

/* --White Bg - Dashed Border line Bottom - Small font----------------------------- */
.bottom_dottedBorderWhiteBack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; padding: 2px;
	border-bottom: 1px dashed #CCCCCC;
	background-color: #FFFFFF;
}

.dottedBorderWhiteBack12pxf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 2px;
	border-bottom: 1px dashed #CCCCCC;
	background-color: #FFFFFF;
	border-right: 1px dashed #CCCCCC;
	border-left: 1px dashed #CCCCCC;
	width: 576px;
}
.orangeUnderline {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #D5610E;
}
.orangeborderright {
    border-right-width: thin;
	border-right-style: solid;
    border-right-color: #D5610E;

}
.grayUnderline {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}
.grayborderright {
    border-right: 1px solid #CCCCCC;
}
.grayborderrightbottom {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#colL { height: auto; width: 171px; float: left; }
		
#colL table { height: auto; margin-bottom: 0px;}


#colR { height: auto; width: 590px; float: left; padding:5px; }

#content { height: auto; width:776px; float: left; background-color:#ffffff; border-left: 1px solid #000033; border-right: 1px solid #000033;}


#space 			  { clear:both; height:6px; } /*needed to make room for footer*/
* > html #space  { float:left; width:100%;  } /* ie mac styles */


#footer {
	margin: 0 auto;
	width: 778px;
	position:relative; clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: normal;
	color:  #113448; text-align: center;
	padding: 2px 0 2px 0; 
	border-top:1px solid  #113448;
	background:#ffffff url(images/footerBack.gif) repeat;


}

/* -- TopNav ---------------------------- */
/*#topmenu-nav    {
	list-style: none;
	display: block;
}*/

#topmenu-nav    { border: 0;  margin-top: 2px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; float:left;}

#topmenu-nav td { border-left: 1px solid  #113448; border-right: 1px solid  #113448;  padding: 0px 5px 0px 5px;}

#topmenu-nav a{ text-align: left; color:  #113448; text-decoration: none;}
#topmenu-nav a:hover { text-decoration: underline;}

/* -- TopNavSearch ---------------------------- */
/*#topmenu-search    {
	list-style: none;
	display: block;
}*/

#topmenu-search { border: 0;  margin-top: 2px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; float:right;}

#topmenu-search td { border-left: 1px solid  #113448; border-right: 1px solid  #113448;  padding: 0px 5px 0px 5px;}

#topmenu-search a{ text-align: left; color:  #113448; text-decoration: none;}
#topmenu-search a:hover { text-decoration: underline;}


.borderTable{ margin-top:1px; border-bottom: 1px solid #666666; border-collapse:collapse;
}

.mainMenu{ margin:0; margin-top: 1px; border: 0; float: right;
}

select {
	margin: 0; border: 1px solid #F2F5F8; font-weight: 500; color:  #113448; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; padding:0; }

/* ---- Side menu layout ------------------- */

#sidemenu, .mainlevel { font-family: Arial, Helvetica, sans-serif;  font-size:11px; margin: 0; padding: 0; width:171px; border: 0; }

#sidemenu .titleSupport {
display:block;
font-family: Arial, Helvetica, sans-serif;  font-size:11px;
	padding: 5px 5px 5px 10px;
	color: #ffffff; text-decoration: none;
	background: url(images/titleSupport.gif) no-repeat;
	
	
}
#sidemenu .OnState {
display:block;
font-family: Arial, Helvetica, sans-serif;  font-size:12px;
	padding: 5px 5px 5px 10px;
	color: #113448; text-decoration: none;
	background: url(images/btnLeftOn.gif) no-repeat;
	
	
}
#sidemenu a {
font-family: Arial, Helvetica, sans-serif;  font-size:12px;
	display:block;
	padding: 5px 5px 5px 10px;
	color: #ffffff; text-decoration: none;
	background: url(images/btnLeft.gif) no-repeat;

}

#sidemenu a:hover { background: url(images/btnLeftOn.gif) no-repeat;  color: #113448; text-decoration: none; }

#sidemenu a:active   { background: url(images/btnLeftOn.gif) no-repeat; color: #113448; }

#sidemenu    { border: 0;  }
#sidemenu li { list-style-type: none;  }
#sidemenu a  { display: block; width: 99.99%; }


.mainlevel {
	position: relative; z-index:100; margin:0px ; 
}

/* ---- Sub-menu layout ------------------- */

#submenu { font-family: Arial, Helvetica, sans-serif; font-size:12px; margin: 0; padding: 0; width:171px; border: 0; }

#submenu .titleMenu{
	font-family: Arial, Helvetica, sans-serif;  font-size:12px; 
	width: 99.99%;
	margin: 0; 
	height: 24px;
	padding: 5px 5px 5px 10px;
	color: #113448; text-decoration: none;
	background:url(images/areaTitle.gif) no-repeat; display:block;
	
}
#submenu .OnStateSub {
	 display:block;
	color: #000000; text-decoration: none;
	background: url(images/subbtnLefton.gif) no-repeat;
	padding: 4px 5px 4px 20px;
	
}

#submenu a {display:block; width: 99.99%;  font-size:12px; font-family: Arial, Helvetica, sans-serif;
	color: #000000; text-decoration:none;
	background: url(images/subbtnLeft.gif) no-repeat;
	padding: 4px 5px 4px 20px; font-weight:normal;
	
}

#submenu a:hover { background: url(images/subbtnLefton.gif) no-repeat;  color: #084256; text-decoration: none;  font-weight:normal;}

#submenu a:active   { background: url(images/subbtnLefton.gif) no-repeat; font-weight:normal; }

#submenu    { border: 0;  }
#submenu li { list-style-type: none;  }


/* -- Forms ---------------------------- */

.formtable { border: 0;  margin: 0; padding: 0px 5px 0px 5px; vertical-align: middle; }

input.inputbox, textarea.inputbox {
	margin-top:0px;
	background-color: #ffffff;
	border: 1px solid #86806B;
	color: #0A223D;
}

.button {
	height:19px;
	color: #0A223D; font-weight:bold; font-size:12px;
	border: 1px solid #86806B;
	background-color: #F2F1ED;
}

/* -- Small Link ------------------------------ */
a.small {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	font-weight: normal; color: #355675;
	text-decoration: none;
}
a.small:visited {color:#000000; }
a.small:active { color: #666666; text-decoration: underline; }
a.small:hover { color: #336600; text-decoration: underline;}


.titleBold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #000033;
	text-align: left;
	vertical-align: middle;}
	
.dashedLine{ border-top: 1px dashed #79838B; width:100%; 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500; 
	padding:8px;}
	
.text {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;
	text-align: left; padding: 3px;
}

.titleUnderlineBold{
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	color: #336600; font-weight:700; 
	padding:2px 2px 0 10px; text-decoration:underline;
}

#imgPadding img{
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.quotedTextStyle{
font-family: "Lucida Calligraphy", Times, serif;
font-size:12px;

}

/*Table border id's, for tables inside the content, and for extra page navigation*/

#tableBorderSimple table{
	border: 1px solid #C0C0C0;
	border-collapse:collapse;
	padding: 1px;
}

#tableBorderSimple td{
	border: 1px solid #C0C0C0;
	border-collapse:collapse;
	
}

#tableBorderSimpleOutside{
	border: 1px solid #C0C0C0;
	border-collapse:collapse;
}

#tableBorderSmall table{
	border: 1px solid #EFEFEF;
	border-collapse:collapse;
	padding: 0px;
}

#tableBorderSmall td{
	border: 1px solid #EFEFEF;
	border-collapse:collapse;
	padding: 2px;
}

#extraNavTable td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse:inherit;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #6F6F6F;
	border-right-color: #6F6F6F;
	border-bottom-color: #6F6F6F;
	border-left-color: #6F6F6F;
	padding: 3px;
	margin: 3px;
}

/*end of table border section */
#liftText {	
    position:absolute;
	text-align:right;
	/*use the "right" property on a full width page*/
	/*right:193px;*/
	/*use the "width" property on a template page*/
    /*these are new*/ width:50px;
    /*these are new*/ top:-200px;
	border:0px;
	margin:0px;
	padding:0px;
}
#liftText a{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#FFFFFF;
   text-decoration:none;
   border:0px;
   margin:0px;
   padding:0px;
}
#liftText a:hover{
   text-decoration:underline;
   color:#EAEAEA;
}

.payscalesPage table tr td{
	text-align:center;
	vertical-align:middle;
	color:#000;
	}
.payscalesPage table tr td p{
	margin-bottom:0px;
	margin-top:0px;
	color:#000;
	}