/* GENERAL RULES */

body {
	background-color: #FFFFFF;
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0;
	padding: 0;
	line-height: 18px;
	background-repeat: repeat-x;
	background-image: url('/framework/background.png');
}

/*in case the background gets too dark!
body {
	background-color: #87AEC5;
	font-family: arial;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
	background-image: url(http://www.tizag.com/pics/BannerTileBackground.gif);
	background-repeat: repeat-x;
}
*/

A:link {text-decoration: underline; color: #333333;}
A:visited {text-decoration: underline; color: #FF6600;}
A:active {text-decoration: none}
A:hover {text-decoration: none; color: #FF6600;}

/*these are alternate link color systems*/
A.topTitleBar:link {text-decoration: none; color: #FFFFFF; }
A.topTitleBar:visited {text-decoration: none; color: #FFFFFF;}
A.topTitleBar:active {text-decoration: none}
A.topTitleBar:hover {text-decoration: none; color:#FF9C00;}

A.caption:link {text-decoration: underline; color: #FFFFFF; }
A.caption:visited {text-decoration: underline; color: #FFFFFF;}
A.caption:active {text-decoration: none}
A.caption:hover {text-decoration: none; color:#FF9C00;}

A.footerBar:link {text-decoration: none; color: #FFFFFF; }
A.footerBar:visited {text-decoration: none; color: #FFFFFF;}
A.footerBar:active {text-decoration: none}
A.footerBar:hover {text-decoration: none; color:#FF9C00;}



hr {
	width: 95%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/ 
	color: #9DB6D9;
	border: none 0; 
	border-top: 1px solid #9DB6D9;/*the border*/ 
   }

/* Main Page Rules*/

.caption {
	font-size: 9px;
}

.mainPageFooter {
	font-size: 9px;
	color: #333333;
	text-align: center;
	border-top: 1px solid #014587;
}

.topTitleBar {
	font-weight: bold;
	font-size: 15px;
}

.centerBar {
	font-weight: bold;
	font-size: 17px;
	text-align: center;
}

table {
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 18px;
}

#blueBarBack td {
	background-image: url('/framework/images/placeholder.png');
	background-repeat: repeat-x;
	background-color: #006699;
}

#blueBarBack2 td {
	background-image: url('/framework/images/placeholder.png');
	background-repeat: repeat-x;
	background-color: #006699;
}

#blueBarBack3 td {
	background-image: url('/framework/images/placeholder.png');
	background-repeat: repeat-x;
	background-color: #006699;
}

/*
li {
list-style: circle url(/framework/images/bullet.gif) outside;
}*/

.colorDeadline {
	color: white;
}

ul {
list-style: square outside;
}

li {
list-style: square outside;
}

.midbar {
	/*border-left: 1px solid #014587;*/
	border-right: 1px solid #014587;
}

.linkfix A:link {text-decoration: underline; color: #333333;}
.linkfix A:visited {text-decoration: underline; color: #333333;}
.linkfix A:active {text-decoration: none}
.linkfix A:hover {text-decoration: none; color: #333333;}

.rightbar {
	/*border-right: 1px solid #014587;*/
}

.centerTitle {
	background-color: #A3D39C;
	color: #075086;
}

.footerBar {
	color: #FFFFFF;
	font-size: 9px;
}


/* from the old style sheet */

.title {
  font-size: 13px;
  color: blue;
  font-weight: bold;
	line-height: 18px;
	color: blue;
    background-color: #006666;
	color: #DCDCDC;
	padding-left: 5px;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  color: #006666;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #006666;
  color: #DCDCDC;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	background-color: #CCCCCC;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-size: 16px;
	line-height: 24px;
	padding: 3px;
	color: #FFFFFF;
	background-color: #339966;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #99CC33;
}

.footer {
	display:none;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;
}

/*The all-powerful blue bar with text*/
.titlebar {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
  	background-color: #336699;
	padding-left: 3px;
}

/*tyson, what is this?*/
.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}
.whiteboldtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.whitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.pinktext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6699;
}

.aSound {
	border:0;
	}

A.aSound:link, A.aSound:visited, A.aSound:active, A.aSound:hover {text-decoration: none; color:none;;}

/*ajax auto guesser*/

/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:250px;	/* Width of box */
		height:100px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:0.9em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
	form{
		display:inline;
	}

/******************
masthead
*******************/

.mastheadBack { background-color: #014a7f; }

#masthead { color: #ffffff; font-family: "Helvetica Neue", Helvetica, sans-serif; }
#masthead a{ text-decoration: none; color: #ffffff; border-bottom: 1px dotted #ff3300; padding: 0 0 1px 0; }

#masthead a.img{ padding: 0; border: none; }
#masthead a.img:hover{ padding: 0; border: none; }

#masthead p, #masthead ul{ font-size: 14px; line-height: 35px; margin-bottom: 35px; }

#masthead { height: 70px; width: 1050px; }

#masthead ul{ float: left; position: relative; width: 1050px; height: 35px; margin: 0 0 0 -5px; line-height: 1; }
#masthead li{ float: left; height: 35px; text-indent: -9999px; list-style-type:none; }
#masthead li li{ position: static; text-indent: 0; font-size: 12px; color: #ffffff; background: #0462a5; width: auto; height: auto; list-style-type:none; margin-top: 12px; margin-left: 60px; }
#masthead li li a{ color: #ffffff; background: #0462a5; width: auto; height: auto; }
#masthead li li a:hover,
#masthead li li.selected a{ color: #47cdff; }
#masthead ul ul{ position: absolute; left: 0; width: 940px; height: 35px; margin: 0 0 0 40px; display: none; background-color: #0462a5; }
#masthead ul ul.selected,
#masthead ul ul.active{ display: block; }

/* specifics for location of first li li */
#masthead li li.firstLi { margin-left: -21px; }

/* topnav image file, slicing points, corresponding widths */
#masthead li a{ display: block; background: url('/framework/mainnav.png') top left no-repeat; height: 35px; padding: 0; border: none; }
#masthead li.home a{ background-position: 0 0; width: 112px; } /* was 80 */
#masthead li.units a{ background-position: -102px 0; width: 159px; }
#masthead li.labs a{ background-position: -261px 0; width: 106px; }
#masthead li.scheduling a{ background-position: -377px 0; width: 193px; }
#masthead li.forms a{ background-position: -570px 0; width: 137px; }
#masthead li.links a{ background-position: -707px 0; width: 153px; }
#masthead li.contact a{ background-position: -860px 0; width: 120px; }

/* this deals with slicing points and -35px margin from the top */
#masthead li.home a:hover,
#masthead li.home a.selected,
#masthead li.home a.active{ background-position: 0 -35px; }
#masthead li.units a:hover,
#masthead li.units a.selected,
#masthead li.units a.active{ background-position: -102px -35px; }
#masthead li.labs a:hover,
#masthead li.labs a.selected,
#masthead li.labs a.active{ background-position: -261px -35px; }
#masthead li.scheduling a:hover,
#masthead li.scheduling a.selected,
#masthead li.scheduling a.active{ background-position: -377px -35px; }
#masthead li.forms a:hover,
#masthead li.forms a.selected,
#masthead li.forms a.active{ background-position: -570px -35px; }
#masthead li.links a:hover,
#masthead li.links a.selected,
#masthead li.links a.active{ background-position: -707px -35px; }
#masthead li.contact a:hover,
#masthead li.contact a.selected,
#masthead li.contact a.active{ background-position: -860px -35px; }


#masthead li.home li a{ width: auto; }
#masthead li.units li a{ width: auto; }
#masthead li.labs li a{ width: auto; }
#masthead li.scheduling li a{ width: auto; }
#masthead li.forms li a{ width: auto; }
#masthead li.links li a{ width: auto; }
#masthead li.contact li a{ width: auto; }