/* CSS Document */
html, body{
scrollbar-face-color:#aFcFff;
scrollbar-base-color:#1B337D;
scrollbar-arrow-color:#1B337D;
scrollbar-track-color:#8FAFDD;
scrollbar-shadow-color:#1B337D;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#1B337D;
scrollbar-darkshadow-Color:#1B337D;
}
body {
	background-color: #8FAFDD;
	background-image: url(images/bodybkg.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 45px;
	margin-bottom: 45px;
}

#container {
	background-color: #FFFFFF;
	border: 2px solid #000000;
	width: 950px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/containerbkg.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding:0px;
}

#nav {
	width: 200px;
	height: auto;
	float: left;
	text-align: center;
	padding: 0px;
}
#menu {
	float: left;
	text-align: center;
	padding: 0px;
	margin: 5px;
	top: 160px;
	display:block;
}

#header {
	text-align: center;
	margin: 0px 30px 0px 180px;
}

#contentheader {
	text-align: right;
	margin: 0px 15px 0px 205px;
}

#content {
	height: auto;
	margin: 0px 15px 0px 205px;
	text-align: justify;
}

#footer {
	text-align: center;
	font-size: 10px;
	margin: 10px 0px 0px 30px;
	vertical-align: baseline;
	clear:both;
	padding: 10px;
}
.container {
	
}
#contentoptions {
/*
	FILTER: Alpha(Opacity=100, FinishOpacity=0, startx=0, finishx=0, starty=0, finishy=200, Style=1);
*/	
	text-align: right;
	width: auto;
	height: 29px;
	border: none;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	border-top: solid 1px #000000;
/*	vertical-align: middle; */
	line-height: 27px;
	background-image: url(images/contentheaderbkg.gif);
	background-repeat: repeat-x;

}

#contentoptions a, #contentoptions a:link, #contentoptions a:visited, #contentoptions a:active {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px 20px;
	letter-spacing: 1px;
	font-weight: normal;
	
}
#contentoptions a:hover {
	color: #E29816;
}
a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #1B337D;
	font-weight: bold;
	
}
a:hover {
	color: #E29816;
}

#menu ul {
	width: 180px;
	margin: 0; 
	padding: 0px;
	list-style-type: none;
}
#menu li {
	margin: 3px 0 0;

}
#menu ul a, #menu ul a:link, #menu ul a:visited, #menu ul a:active {
	display: block;
	width:160px;
	padding: 0px 0px 0px 18px;
	margin: 0px;
	border-bottom: solid 1px #000000;
	background: none;
	text-decoration: none;
	text-align: left;
	background: #1c3580;
	background-image:url(images/menubkg.gif);
	background-repeat:no-repeat;
	min-height:14px;
	color: #ffffff;
	font-weight: normal;
}
#menu ul a:hover {
	background: none;
	color: #E29816;
	background-image:url(images/menubkgover.gif);
	background-repeat:no-repeat;

}
h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #1B337D;
	display: inline;
	font-weight: normal;
}
#menuborder {
	/*float: left;
	width: 7px;
	text-decoration:underline;
	color: #1B337D;
	margin: 8px 0px 0px 0px;
	position:relative;
	background-image: url(images/menubdr.gif);
	background-repeat: repeat-y;
	height: 521px;
	border-left: solid 1px #1B337D;*/
}

H2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #1B337D;
	font-weight: normal;
	line-height:18px;
}

H3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000000;
	font-weight: normal;
	text-align:right;
	line-height:16px;
}
H4 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-align:left;
	line-height:14px;
	letter-spacing:3px;
	margin-bottom: 4px;
	text-transform:uppercase;

}
H5 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0000;
	font-weight: bold;
	text-align:left;
	line-height:14px;
	margin-bottom: 4px;

}
#tl {
	position: relative;
	float:left;
	left: -2px;
	top: -2px;
	height: 9px;
	width: 9px;
}
#tr {
	position: relative;
	float:right;
	left: 2px;
	top: -2px;
	height: 9px;
	width: 9px;
}
#bl {
	position: relative;
	float:left;
	left: -2px;
	bottom: -7px;
	height: 9px;
	width: 9px;	
	BORDER: 0px; 
	Z-INDEX: 99; 
	PADDING: 0px; 
	CLEAR: right;
	MARGIN: -14px 0px 0px; 
}
#br {
	position: relative;
	float:right;
	left: 2px;
	bottom: -7px;
	height: 9px;
	width: 9px;
	BORDER: 0px; 
	Z-INDEX: 99; 
	PADDING: 0px; 
	CLEAR: right;
	MARGIN: -14px 0px 0px; 
}
#contentheaderbl {
	position: relative;
	float: left;
	left: 0px;
	top: 23px;
	height: 6px;
	width: 6px;	
	BORDER: 0px; 
	Z-INDEX: 99; 
	PADDING: 0px; 
	CLEAR: right;
	MARGIN: 0px; 
}
#contentheaderbr {
	position: relative;
	float: right;
	right: 0px;
	top: 23px;
	height: 6px;
	width: 6px;
	BORDER: 0px; 
	Z-INDEX: 99; 
	PADDING: 0px; 
	CLEAR: right;
	MARGIN: 0px; 
}
img {
	BORDER: 0px; 
}

.galleryimg {
	border: 1px;
	border-color: #1B337D;
}
.contacttable td{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #1B337D;
	margin: 5px;
	text-align: left;
}
.tr1 {
	background: #8FAFDD; 
}
.tr2 {
	background: #aFcFff; 
}
p td div {
	TEXT-ALIGN: justify;
}
#staffingview table { border-collapse: collapse; }
#staffingview table th { background: #1B337D; border-collapse: collapse; border: solid 1px #FFFFFF; color: #FFFFFF; padding: 3px;}
#staffingview table td { border-collapse: collapse; border-bottom: solid 1px #1B337D; padding: 3px;}

#staffingview ul { list-style:none; text-align: left;padding: 0;margin: 0; height: 80px;}
#staffingview ul li { display: inline; height:50px;}
#staffingview ul li a {padding: 5px; border: solid 1px #1B337D; margin: 5px; display:block; float: left; }

.expiring td, .expiring td a {color: #FF6600; font-weight:bold;}
.expired td, .expired td a {color: #FF0000;}

.staffrequired {background: #FF0000; font-weight:bold; color: #FFFFFF; }
.od td, .od td a{color: #00ff00;}
.available td a, .available td {color: #ff0000;}

.nobdrtbl{
	border-collapse:collapse;
	border:none
}
.nobdrtbl .thr td{
	border-bottom:solid 1px #000000;
}

#cal table { border-collapse: collapse; width:100%; table-layout: fixed; background: #FFFFFF; padding:0;margin:0;}
#cal #today {background: #ccccFF;}
#cal .OD { background: #82ff8b;}
#cal .TR { background: #ffdf5d;}
#cal .WA { background: #b0aeff;}
#cal .IH { background: #e3aeff;}
#cal #calendar span { width: 97px; display:block; text-align:left; margin-top: 0px; padding:3px;}
#cal #list span { width: 99%; display:block; text-align:left; padding:3px;}
#cal td { border-collapse: collapse; border: solid 1px #1B337D; color: #1B337D; vertical-align:top;}
#cal .dnim {background: #EAEAEA; border: solid 1px #cccccc;}

#cal #calendar td { width:14%; min-height: 100px; height: 100px;}
#cal #calendar .dim { width:14%; min-height: 100px; height: 100px;}

#cal th { background: #1B337D; color: #FFFFFF; height: 20px;}

#cal span.date { background: #cccccc; margin-top:none;}
#cal #today span.date { font-weight:bold;}
#cal #list .date { background: #cccccc; text-align:center; vertical-align:top; padding: 0px; width: 20px;}


#cal #all th.date { width:200px;}
#cal #all td.date { text-align:center; width:200px;}

#cal #list .dim { width: 20px;}

#calhdr {border:none;}
#calhdr td {border:none; vertical-align:bottom;}
#calhdr h1 {text-align:center;}


.calmnthmenu {position:relative; z-index:100;border:none;}
/* hack to correct IE5.5 faulty box model */
* html .calmnthmenu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.calmnthmenu ul {padding:0;margin:0;list-style-type:none;}
.calmnthmenu ul ul {width:200px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.calmnthmenu li {float:left;position:relative;}
/* style the links for the top level */
.calmnthmenu a, .calmnthmenu a:visited {display:block;text-decoration:none; padding-left:10px; line-height:29px; font-weight:normal;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .calmnthmenu a, * html .calmnthmenu a:visited {width:149px; w\idth:138px;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.calmnthmenu ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .calmnthmenu ul ul {top:30px;t\op:31px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.calmnthmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 
/* style the second level links */
.calmnthmenu ul ul a, .calmnthmenu ul ul a:visited {background:#FFFFFF; height:auto; line-height:1em; padding:5px 10px; width:200px;}
/* yet another hack for IE5.5 */
* html .calmnthmenu ul ul a, * html .calmnthmenu ul ul a:visited {width:150px;w\idth:128px;}
 
 /* style the second level hover */
.calmnthmenu ul ul a:hover, .calmnthmenu ul ul :hover > a {background:#d8dbe2;}


/* make the second level visible when hover on first level list OR link */
.calmnthmenu ul li:hover ul,
.calmnthmenu ul a:hover ul{visibility:visible; }

#dcontent{
	background: #ffffff; 
	border: solid 4px #1B337D;
	padding: 10px;
	width: 600px;

	position: absolute; 
	left: 400px; 
	top: 470px; 
	visibility:hidden;
	z-index:2;
}

#dcontent #closebox {
	display: block;
	height: 20px;
	text-align: right;
}
#cal p {
	font-size:14px;
}
.staffconfirmed, .staffconfirmed a {font-weight:bold; color: #00CC33; }
.staffdeclined, .staffdeclined a {font-weight:bold; color: #FF0000; }