body {
	margin:0;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}

.titleBar {
	color: #FFFFFF;	
	background-color: #ffffff;
	background-image: url(../../images/logo-new2.gif);	
	height:120px;	
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #CCCCCC;
}

.titleBar img {display:none;}

.menuBar1 {
	color: #000000;
	background-color: #EEEEEE;
	border-bottom: 1px solid #9C9A9C;
	font: 70% Verdana;
	padding:5px;
	padding-left:146px;
}

.menuBar1 ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

.menuBar1 li {
	margin-left: 0;
	list-style: none;
	display: inline;
	border-left: 1px #C4C4C4 solid;
}

.menuBar1 a {
	text-decoration:none;
	color: #000000;
	background-color: #EEEEEE;
	margin: 5px;
	border: 1px solid #EEEEEE;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px;
}

.menuBar1 a:hover {
	text-decoration:none;
	color: #000000;
	background-color: #FFFFCC;
	margin: 5px;
	border: 1px solid #999999;
}

.menuBar1 .selected {
	text-decoration:none;
	color: #000000;
	background-color: #FFE6C4;
	margin: 5px;
	border: 1px solid #999999;
}


.leftColumn {
	width: 155px;
	float:left;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	clear: both;
	padding:0px;
	margin:0px;
}

.menuBar2 {
	position:absolute;
	font-family: Verdana;
	font-size: 0.7em;
	color: #666666;
	background-color: #FFFFFF;
	padding:0px;
	width:155px;
	float:left;
	z-index:3;
}
	.menuBar2 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	.menuBar2 li {
		padding: 0;
		margin: 0;
		}


	.menuBar2 ul li a {
		display: block;
		width:131px;
		margin:0;
		padding-left: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 15px;
		color: #006699;
		text-decoration: none;
		font-weight:normal;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #045A8B;
		border-bottom: 1px solid #FFFFFF;
	
		/*display: block;
		width:135px;	 fix for IE  compensates for padding 
		margin:0; 
		padding-left: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 15px;
		color: #FFFFFF;
		text-decoration: none;
		font-weight:normal;
		font-size:100%;
		font-family:verdana;*/		
		
	}
	
	.menuBar2 li a:hover {
		color:#0099CC ;		
		}

	.menuBar2 ul li a.selected {
		color:#0099CC;
		border-left-color: #7DC242;
	}
	
	.menuBar2 ul li ul li a {
	   padding-left:15px;
		width: 121px;
		color: #006699;
		border-left-color: #1BA3A3;
		}
		
	.menuBar2 ul li ul li a:hover {
	   padding-left:15px;
		width: 121px;
		background-color: #FFFFEE;
		padding-left:15px;
		}	

	.menuBar2 ul li ul li a.selected {
		padding-left:15px;
		width: 121px;
		background-color:#ffffff;
		color: #0099cc;
		}

		div.mainArea {
			position:absolute;
			left:-6px;
			padding-left:180px;
			background-image: url(../../images/clear.gif);
			background-repeat: repeat-x;
			background-position: top;
			display:block;
			padding-top:1em;
			z-index:1;
		}
.innerContainer {
	width: 585px;
	padding: 0px;
	margin-left: 10px;
	float: left;
}

#header {
	width: 100%;
	height: 73px;
	background-image: url(../../images/topstrip_blue_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #045A8B;
	margin-top:0px;
	padding-top:0px;
}

#topBar {
	width: 750px;
	height: 21px;
	background-color:#E5DE86;
	background-image: url(../images/topstrip_sandy_bg.gif);
	background-repleat: repeat-x;
}

div.mainArea p {
	font: 12px Verdana;
	margin-top:5px;
}

div.mainArea ul {
	font: 12px Verdana;
	margin-top:5px;
}

.normal {
	font: 12px Verdana;
	margin-top:5px;
}

a {
	color:#006699;
}

div.mainArea a:hover {	
	color:#0099CC;
}

div.mainArea h1 {
	font: 130% Arial;
	color: #541900;
	width:100%;
	padding-top:3px;
	padding-bottom:3px;
}

h2 {
	font: bold 100% Verdana;
	color: #669900;
	margin-bottom:5px;
}

div.mainArea .faq {
	font: bold;
	color: #006699;
	margin-bottom:2px;
}

div.documentaryRepository {
	font: 75% Verdana;
}

.infoRequestBox {
	width:700px;
	height:200px;
}

.contactTable {
	font:12px Verdana;
	width:90%;
}

.contactInput {
 	width:200px;
 	font:100% Verdana;
 }

.contactHeader {
	color:#FFFFFF;
	background-color:#233F8E;
	font-weight:bold;
}

.contactTable tr {
	background-color:#FFFFEE;
}

.contactTable td {
	padding:5px;
}

.contactTable td input {
	width:95%;
	font:100% Verdana;
}

.contactTable td.chkBoxTd input {
	width:20px;
}

.descriptionTextBox {
	width:95%;
	height:70px;
}

.requestedTable {
	width:810px;
}

.agreedTable {
	width:810px;
}

.course {
	font:11px Verdana;
	valign:top;
}

.course td {
	padding:5px;
}

.agreedTable .course td {
	background-color:#EEFFEE;
}

.requestedTable .course td {
	background-color:#FFFFEE;
}    	

.agreedTable .courseHeader td {
	font:11px Verdana;
	color:#FFFFFF;
	background-color:#669900;
	padding:5px;
}

.requestedTable .courseHeader td {
	font:11px Verdana;
	color:#FFFFFF;
	background-color:#233f8e;
	padding:5px;
}    	

.numInput { 
	width: 30px 
}

.dateInput { 
	width: 70px 
}

.descriptionInput { 
	font: 12px Verdana; 
	width: 185px; 
	height: 3.2em 
}

.webRequestedTable { 
	width: 810px 
}

.webRequestedTable .course td { 
	background-color: #ffeeee 
}

.webRequestedTable .courseHeader td { 
	padding:5px;
	font: 11px Verdana; 
	color: #ffffff; 
	background-color: #669900; 
}    
h3.formTops
{
	font:12px Verdana; 

	background-color:#669900;
	color:#FFFFFF;	
	padding:5px;
	padding-right: 17px;
	margin:0;
	width: 510px;
	background-image: url(../../images/corner_cal.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
	
.formattedForm 
{
	width: 510px;
	display: block;
	border: 1px solid #669900;
	padding: 10px;
	margin: 0;
	background-color:#F2F2E6;
}

.error {
	font-weight:bold;
	color:#FF0000;
}

.normalText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.smallText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #666666;
}

.truncatedDropdown
{
	width:70%;

}

/* amenities area*/

.amenities {
	border: 1px solid #233f8e;
	padding: 5px;
	margin-right: 10px;
	margin-top: 5px;
}

.approved {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left; 
	width: 150px;
	border: 1px solid #ccc;
	padding: 5px;
	margin-right: 3px;
}

.statusKey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 465px;
	border: 1px solid #ccc;
	padding: 5px;
}

.layoutTable td
{
	font: 75% Verdana;
}

.excelButton
{
    	height:27px;
    	background-image: url(../../images/excelbutton2.gif); 
    	background-repeat: no-repeat;
    	padding-left:18px;
}

.biggerTextArea {
	width:560px;
	height:70px;
}

.errorMessage {
	display:block;
	width:548px;
	background-color:#FFEEEE;
	border: 1px solid #990000;
	padding:5px;
	font:11px Verdana;
}
