/************************************************************************/	
/************************** BASIC HTML ELEMENTS *************************/
/************************************************************************/	

* 						{border-collapse:collapse; margin:0; padding:0; border:0; outline-style:none; outline-width:0px;}/*all html elements default to no padding, borders, etc. */
body 					{font-family: "Century Gothic",Arial,Helvetica,Times; font-size:14px; font-style: normal; line-height:normal; font-weight: normal; font-variant: normal; color:#333333; background-color:#D5DBE4;}
a:link 					{text-decoration: none;}
a:visited 				{text-decoration: none;	}
a:hover 				{text-decoration: underline; }
a:active 				{text-decoration: none;}	
abbr					{}
acronym 				{}
blockquote 				{padding:6px 40px 14px 40px;}
code, kbd 				{font-family:monaco, courier, monospace; color:#777777;}
dd, dt 					{cursor:help;}
h1 						{color:#083260; margin-bottom:20px; padding:0 0 1px 0; border-bottom:1px solid #CCCCCC;}
h2 						{color:#083260; margin:20px 0 5px 0; }
h3 						{color:#083260; margin:20px 0 5px 0; }
h4 						{color:#083260; margin:20px 0 5px 0; }
h5 						{color:#083260; margin:20px 0 5px 0; }
h6 						{color:#083260; margin:20px 0 5px 0; }
hr 						{height:2px; font-size:0; line-height:0; width:100%; margin:0 0 10px 0; padding:0; border-bottom:solid 2px #DCDCDC;}
img 					{border:none; padding:0;} /* behavior:url("/css/iepngfix.htc");  'behavior" allows IE6 to properly display transparent .png files - requires 2 files in /css folder 'iepngfix.htc', and 'blank.gif'*/
ins 					{}
strong 					{font-weight:bold;}
a strong:hover 			{font-weight:bold;}  /* rollover color for "strong" OUTSIDE anchor tag (both should behave same)*/
a:hover strong			{}				/* rollover color for "strong" INSDIE  anchor tag (both should behave same)*/
table					{}
tbody 					{}
td 						{text-align:left; vertical-align:top;}
th 						{text-align:center; vertical-align:bottom;}
li 						{}
ol 						{padding:6px 0 14px 24px; list-style-type:decimal;}
p 						{margin-top:0px; margin-bottom:10px;}
pre 					{}
ul 						{padding:6px 0 6px 24px; list-style-type:none; }
var						{}
input, select, checkbox, radio, textarea					
						{border:solid 1px #AAAAAA; height:20px; margin:2px; padding:2px; vertical-align:middle;}
.button 				{border:solid 1px #AAAAAA; height:20px; margin:2px; padding:2px; background-color:#D9D9D9; vertical-align:middle;}
.button:hover 			{background-color:#666;}

/*************************************************************************/	
/*************************** BODY CONTENT/STRUCTURE **********************/
/*************************************************************************/

#container {
	width:900px;
	text-align:left;
	background-color: #FFFFFF;
	/* border:solid 1px #000000; */
	border-top:none;
	/* cross-browser hack to center div */
	margin-left:auto; 
	margin-right:auto; 
	/**/
	font-size:14px;
	font-style: normal;	
	font-weight: normal; 
	font-variant: normal; 
	color:#333333;
}

#header {
	height:120px;
	/*
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;*/
	
	background-color: #A2A2A2;
	background-image: url(/images/template/header_bg.jpg);
	background-repeat: repeat-x;
}

#headerclick{
	display:block;
	height:120px;
	width:240px;
	float:left;
	text-indent:-1000px;
	overflow:hidden;
}

#headerContent {
	color:#99FFFF;
	font:bold 16px/150% "Century Gothic",Arial,Helvetica,Times; 
}

#crumb{
	font-size:12px;
	font-style: normal;	
	font-weight: normal; 
	font-variant: normal; 
	color:#000000; 
}

#pageBody {
	/*margin:40px;*/
	width:900px;
	border:solid 1px #505b72;
	background-color:#FFFFFF;
	/*border:dashed 1px #DDD; */
	/* cross-browser hack to set minimum height for page body */
	min-height:360px;
	height:auto !important;
	height:360px;
	background-image:url("/images/template/right_side_bg.jpg"); 
	background-repeat: repeat-y; 
	background-position: right;
}

#pageBody ul{
	list-style-type:disc;
}

#pageBody_ContentTopImage{
	background-image:url("/images/template/right_top_bg.jpg"); 
	background-repeat:no-repeat; 
	background-position:top right;
}

#pageBody_Content{
	/*padding:40px 145px 60px 45px;*/
	background-image:url("/images/template/right_bottom_bg.jpg"); 
	background-repeat:no-repeat; 
	background-position:bottom right;
	/* hack sets min-height so top/bottom bg images don't overlap */
	min-height:545px;
	height:auto !important;
	height:545px;
	/* make width 840 + 30x2 padding in order to not have to make another div */
 	/*width: 900px;
	padding: 30px;
	/*background-color: #FFFFFF;*/
	color: #333333;/*border: 1px solid #425469;*/
}

#pageBody_contentMargin {
	padding:40px 120px 60px 45px;
}

#pageBody_Content div.wrapper {
	color: #333333;
}

/*  OPTELEC TABLE  */

#pageBody table.optelec{
	border:1px solid #083260;
}

#pageBody table.optelec th{
	background-color:#083260 ;
	color:#FFFFFF;
	padding:5px 5px 5px 15px;
}
#pageBody table.optelec .odd, #pageBody table.optelec .odd td, #pageBody table.optelec td{
	background-color:transparent;
	padding:5px 5px 5px 15px;
	border-right:1px solid #083260;
}
#pageBody table.optelec .even, #pageBody table.optelec .even td{
	background-color:#F0F0F0;
	padding:5px 5px 5px 15px;
	border-right:1px solid #083260;
}
/*  END OPTELEC TABLE  */

#pageBodyTable	{
	width:100%;
	background-image:url(/images/menu_bg_vert.jpg); /* put bg behind entire table to bridge rowspan to */
	background-position:top;
	background-repeat:repeat-x;
	background-color:#F4F4F4;

}
#pageBodyMenuTD{
	width:200px;

}
#pageBodyContentTD{
	background:#FFF;

}
#footer {
	width:900px;
	border:none;
	background-color:#5e84ae; /* #A2A2A2 */ 
	/* background-image: url(/images/footer_bg.jpg); */
	background-repeat: no-repeat;
	background-position:top;
	/* cross-browser hack to center div */
	margin-left:auto; 
	margin-right:auto;
	padding:0px;
	border-left:#505b72 1px solid;
	border-right:#505b72 1px solid;
	border-bottom:#505b72 1px solid;
}
#footerContent {
	/* padding:3px 48px 3px 48px; */
	background-color:#5e84ae;
	width:898px;
	padding-top:8px;
	padding-bottom:8px;
	color:#FFFFFF;
	font:normal 10px "Century Gothic",Arial,Helvetica,Times; 
	text-align:center;
}

#accessibility{
	text-align:center;
	padding-top:5px;
}

.loginBtn {
	background-image: url(/images/icons/login.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:auto;
	margin:0 10px 0 0;
	padding:0 25px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333333;
}
.loginBtn:hover {
	background-color:#ECEFF2;
}

.forgotBtn {
	background-image: url(/images/icons/forgot.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:auto;
	margin:0 10px 0 0;
	padding:0 25px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333333;
}

.forgotBtn:hover {
	background-color:#ECEFF2;
}

.findPasswordBtn {
	background-image: url(/images/icons/forgot.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:auto;
	margin:0 10px 0 0;
	padding:0 25px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333333;
}
.findPasswordBtn:hover {
	background-color:#ECEFF2;
}

.returnLoginBtn {
	background-image: url(/images/icons/login.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:auto;
	margin:0 10px 0 0;
	padding:0 25px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333333;
}
.returnLoginBtn:hover {
	background-color:#ECEFF2;
}

/************* EDIT DIVS (WITHIN DISPLAY PAGES) ************/
.editDiv {
	border:dashed 1px #0000CC;
	margin: -1px -1px -1px -1px;
}
.inlineEditDivIcon, .editDivIcon {
	display:block;
	width:24px;
	height:24px;
	background-image: url(/images/editdiv/editor.png);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9000px;
}

.editDivIcon {
	display:none;
	z-index:999;
	position:absolute;
}

.content_block {
	background-image:url(/images/admin/transparent.gif);
}
.edit_block {
	background-image:url(/images/admin/transparent.gif);
}

.loginTable {
	font-family: "Century Gothic",Arial,Helvetica,Times; 
	font-size:12px;
	font-style: normal;	
	font-weight: normal; 
	font-variant: normal; 
	color:#000000; 
}

.loginTable td {
	vertical-align:middle;
	padding:0 3px 8px 0;
}

.loginTableLabelTD {
	text-align:left;
	font-weight:bold;
	color:#393939;
}

.loginTableColumnInput {
	width:245px;
	height:20px;
	margin:0;
	padding:0 1px 0 1px;
	border:solid 1px #AAAAAA;
	font-size:14px;
	letter-spacing:0;
}

.basicTable {
	font-family: "Century Gothic",Arial,Helvetica,Times; 
	font-size:12px;
	font-style: normal;	
	font-weight: normal; 
	font-variant: normal; 
	color:#000000; 
}

.basicTable td {
	vertical-align:middle;
	padding:0 3px 8px 0;
}

.basicTableLabelTD {
	text-align:left;
	font-weight:bold;
	color:#393939;
}

/*  SEARCH  */
#searchOption {
	background-image:url(/mods/searchable/files/search_bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	border:medium none;
	border-collapse:collapse;
	color:#002B56;
	float:right;
	font-size:10px;
	height:21px;
	margin:6px 10px 0 0;
	position:relative;
	width:160px;
	vertical-align:middle;
	padding:1px;
	line-height:130%;
}

#searchOption input {
	border:medium none;
	border-collapse:collapse;
}

.searchInput {
	border:medium none;
	border-collapse:collapse;
	font-size:10px;
	letter-spacing:0;
	margin:0px 0 0 24px;
	width:120px;
	height:11px;
	border: 0pt none ;
}

#skip {
	display:none;	
}

.accessible {
	display:none;
}