/* CSS Document */

/* Layout */
body {
	background-image:url(images/pagebg.jpg);
	background-repeat: repeat-x;
	background-color: #FDFCEA;	
	text-align: center;
	margin:0;
  	padding:0;
}

textarea {
	width: auto;
	height: 80px;
	padding: 5px;
}


textbox {
	width: auto;
	padding: 5px;
}

.FileUpload {
	width: 90%;
	float:left;
}

span.Radio label, span.Radio, span.checkBox label, span.checkBox {

	text-align: left;
	float:none;
	white-space:nowrap;

	vertical-align:middle;
	font-weight:lighter;

	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	width:auto;

}


.title
{
	color: #5077AD !important;
	font-size: 1.0em;
	word-spacing: normal;
	line-height: 1.2em;
	clear:right;
	float:left;
	
}

.subtitle
{
	color: #000000 !important;
	font-size: 1.2em;
	word-spacing: normal;
	line-height: 1.5em;
	
}


#containerdiv {
	margin: 40px auto 0 auto;
	position:relative;
	text-align: left;
	left: auto;
	top: 0px;
	width: 903px;
	height: 100%;
	border: 1px solid #233f3e;
	background-color: #FDFCEB;	
}

body.Administration #containerdiv {
	width: 90%;
}


#MainLogoDiv
{
	position: absolute;
	z-index: 200;	
	top: 15px;
	left: 15px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left;
	width: 200px;
	height: 180px;
	/*border: solid 1px #000000;*/


}

#MainLogoDiv.home
{
	position: absolute;
	z-index: 200;	
	top: 15px;
	left: 15px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left;
	width: 200px;
	height: 180px;
	/*border: solid 1px #000000;*/


}

#menudiv{
	/*background-image: url(images/header_menu.jpg);*/
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 638px;
	height: 25px;	
	position: absolute;
	top: 20px;
	left: 265px;

	text-align:left;
	padding: 0px;
	margin: 0px;
	float:right;
	/*border: solid 1px #000000;*/

}


#submenudiv{
	background-image: url(images/logos/headertopcolored.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 634px;
	height: 30px;	
	position: absolute;
	top: 52px;
	left: 269px;

	text-align:left;
	font-size: .9em;

	padding: 0px;
	margin: 0px;
	float:right;
	/*border: solid 1px #000000;*/

}

#menudiv ul{
	list-style-type:none;
	display:inline;
}



#content{
	background-image:url(images/content_bg.jpg);
	background-repeat: no-repeat;	
	background-color: transparent;
	width: 903px;	
	height: auto;
	padding: 10px;
	margin: 0px;
	/*position: relative;*/
	overflow: hidden;
}

#contentFull {
	float: left;
	height: auto;
	padding: 0px;
	width: 95%;
	margin: 5px 5px 5px  15px;
	display: block;
	position: relative;

}

#menuSpacer{
	width: 610px;	
	height: 30px;	
	top: 0px;
	left: 0px;

	text-align:left;
	padding: 0px;
	margin: 0px;
	float:right;
	/*border: solid 1px #000000;*/

}

#contentright{
	width: 610px;	
	height: 100%;
	padding: 10px;
	margin: 0px 10px 15px 0px;
	float: right;
	background-color: transparent;
}

#footer{
	width: 100%;
	margin: 0px;
	height: 20px;
	padding: 0px 0px 0px 0px;

}

#footer .left{
	width: 300px;
	text-align:left;
	float:left;
}
#footer .middle{
	width: 300px;
	text-align:center;
	float:left;
}
#footer .right{
	width: 33%;
	text-align:right;
	float:left;
}


#HomeTrident{
	width: 903px;
	height: 319px;
	margin: 0px;
	padding: 0px;
}

/*#qoute {
	position: absolute;
	z-index: 200;	
	top: 325px;
	left: -5px;
	background-image:url(images/quote_bg.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left;
	width: 198px;
	height: 127px;
	
}

*/

#qoute p{
	color: #666666;
	font-size: .6em;
	line-height: 1em;
	font-style: italic;
	padding: 0px;
	margin: 60px 15px 0px 20px;
	overflow: auto;
}


#address {
	z-index: 200;	
	position: absolute;
	top: 300px;
	left: 15px;
	background-color: transparent;
	width: auto;
	height: auto;
	font-size: .7em;
	color: #2F2F2F;
}

/* Presentation */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	
}

#TopNavigation{
	text-align: left;
	/*background-image:url(images/logo.gif);*/
	background-repeat: no-repeat;
	background-color: #C0BB9D;	
	/*background-color: #e7f0f9;*/

	vertical-align:bottom;
	width: 100%;
	height: 50px;		
	margin: 0px 0px 0px 0px;
	
}

#TopNavigation.home {
	background-image:url(images/backgrounds/lightblue.jpg);

}

#header{
	background-image: url(images/logos/header3.jpg);
	background-repeat: no-repeat;
	background-color: #FDFCEB;	
	background-position: bottom;
	vertical-align:bottom;
	text-align:center;
	/*border-top:2px solid #233f3e;*/
	height: 200px;
	width: 903px;
	
}

#header.home{
	background-image: url(images/logos/headerWithLogo.jpg);

}

#breadcrumbdisplay{
	text-align: left;
}


#footer{
	text-align: left;
	background-color: #C0BB9D;	
	font-size: .6em;
	color: #2F2F2F;
}

h1, h2, h3, h4, h5 { color: #5077AD; margin: 5px 5px 5px 0px;}
h1 { font-size: 1.1em;}
h2 { font-size: 1.0em;}
h3, h4, h5, h6 { font-size: .8em;}

p {
	color: #666666;
	font-size: .7em;
	line-height: 1.5em;
	padding: 2px 2px 2px 0px;
}

a 
{
	color: #2a5b90;	
}

div.IndentText {

	background-image:none;
	border-color: #3366cc;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	width: 90%;
	margin:25px 0px 5px 0px;
	position:relative;
	padding: 10px 10px 10px 10px;
	text-align:left;
	float:none;
	display:block;    
}

#content ul li {
	color: #666666;
	font-size: .7em;
	line-height: 1.3em;
	padding: 2px 2px 2px 0px;
	list-style: circle;
}

#menudiv{
	/*background-image: url(images/header_menu.jpg);*/
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 638px;
	height: 25px;	
	position: absolute;
	top: 20px;
	left: 265px;

	text-align:left;
	padding: 0px;
	margin: 0px;
	float:right;
	/*border: solid 1px #000000;*/

}

#UserContext {
	font-size: 8pt;
	color:#ffffff;
	width: 600px;
	height: 25px;	
	position: absolute;
	top: 10px;
	left: 275px;

	text-align:left;
	padding: 0px;
	margin: 0px;
	float:right;
	
}

#UserContext a:link {
	color: #ffffff;
	text-decoration: none;
	text-decoration:underline;
}

/*Fieldset styles*/


form fieldset{
	border: solid 1px #cfcfcf; 
	margin:0px 0px 0px 0px;
	width:95%;
	position:relative;
	/*display:inline;*/
	padding: 5px 0px 5px 0px;
	clear:both;
	font-size: .9em;
}

form #contentFull fieldset{
	border: solid 1px #cfcfcf; 
	margin:0px 0px 0px 0px;
	width:100%;
	position:relative;
	/*display:inline;*/
	padding: 5px 0px 5px 0px;
	clear:both;
	font-size: .9em;
}

form fieldset legend{
	border-width:0px;
	border-style:solid;
	border-color:#333333;
	padding:2px;
	margin:10px 0px 0px 0px;
	color: #000000;
	font-size: 10pt;

	
}
	 
form fieldset legend img{
	padding:0px 5px 0px 5px;	
}

label {
	font-size: .8em;
	text-align: right;
	display:block;
	float:left;
	width:150px;
	white-space:nowrap;
	padding:  0px 8px 2px 0px;
	
	vertical-align:middle;
	clear:left;
	
}

.fieldsetdata {	
	display: block;
	margin: 0 0 5px 5px;
	padding: 0px 0px 0px 0px;
	font-size: .8em;
	clear:right;
}

label.full {

	width:90%;
	float:left;
	text-align: left;
	white-space:normal;
	padding:0px 0px 0px 25px;
	text-indent:-15px;

}

.fieldsetdataFull {	
	display: block;
	margin: 0 0 5px 5px;
	padding: 0px 0px 0px 5px;
	font-size: .8em;
	clear:both;
}


.button {
    border: 1px solid #006;
    background: #cbc5c5;
}

.error 
{
	/*color: #7d5500 !important;*/
	color:Red;
	font-weight:bold;
	font-size: 8pt;

}

.italic
{
	
}

.indent
{
	 padding: 5px 20px 5px 20px;
	 text-align:center;
	 border-top:solid 2px #7d5500;
	 border-bottom:solid 2px #7d5500;
	 margin-left:100px;
	 margin-right:100px;
	 

}

.center
{
	 text-align:center;
	 margin-left:100px;
	 margin-right:100px;

}

img.top {vertical-align:text-bottom; padding-bottom:25px}
img.bottom {vertical-align:text-bottom}
img.center 
{
	vertical-align:text-bottom;
	text-align:center;	
}

.CenteredImage
{
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}

.Script
{
	FONT-STYLE: italic; 
	FONT-FAMILY: 'Brush Script MT';
	font-size: 2.0em;
	letter-spacing: 1px; 
	line-height: 1.0em;

}

.ErrorMsg  {
	color: red;  
	font-size:10pt;
}

#content .error ul li 
{
	color: red;  
	font-size: .7em;
	line-height: 1.3em;
	padding: 2px 2px 2px 0px;
	list-style-type: square;
	
}

.FieldErrorMessage  {
	color: red;  
	font-size:10pt;
}

textarea {
	width: 300px;
	height: 100px;
	padding: 5px;
}


textbox {
	width: auto;
	padding: 5px;
}

.Thumbnail {
	float:left;
}	



/*Table Layout*/

table.panel {

	border: none;

}

table {

	behavior:url(JavaScript/sort.htc);
	width:95%;
	border: solid 1px #cfcfcf; 
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;

}


thead {
	background-color: #ffffff;
	
}

tr.ViewTableColumnHeader {	
	background-color: #2a5b90;
	color: #ffffff;
	font-size: .9em;
	font-weight:bold;
	padding: 5px;
	height: 20px;
	white-space:nowrap;
	
}

td.ViewTableColumnHeader {	
	background-color:  #2a5b90;
	color: #ffffff;
	font-size: .9em;
	font-weight:bold;
	padding: 5px;
	height: 20px;
	white-space:nowrap;
	
}

tr.StandardRow {	
	background-color:Transparent;
	font-size: .7em;
	height: 25px;
	padding: 25px;
	vertical-align: middle;
	margin:0px;
	border:none;

}

tr.AlternateRow {	
	background-color: #e2e2e2;		
	font-size: .7em;
	height: 25px;
	padding: 25px;
	vertical-align: middle;
	margin:0px;
	border:none;
}

td.bullet {
	background-image: url(../Images/arrow_bullet_gray.jpg);
	background-color: #ffffff;	
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
	vertical-align:middle;
	text-align:center;
	background-position:center center;
}


table td {
	padding: 5px;	
	
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: Transparent; /*overall menu background color*/
color: #5077AD;
text-align: center;
height: 30px;
vertical-align: middle;
}

.menuseperator {
	height: 2px;
	padding-top: 9px;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
margin-right: 15px;
padding: 7px 2px;
display: block;
width: auto; /*Width of top level menu link items*/
border: 0px solid black;
border-left-width: 0;
text-decoration: none;
color: #5077AD;
font-size: .8em;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
position: absolute;
left: -55px;
top: 30px;
width: 637px; /*width of sub menu levels*/
height: 30px; /*height of sub menu levels*/
display: inline;
visibility: hidden;
border: 0px solid red;
background-image: url(images/sub_menu_other2.jpg);
background-position: left;
background-repeat:no-repeat;
text-align: left;
padding-left: 5px;
vertical-align: middle;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: inline;
float: none;
text-align: left;
vertical-align: bottom;
height: 30px;
border: 0px solid #ccc;
margin: 0px 3px 5px 0px;
}

.suckertreemenu ul li ul li a:hover{
  text-decoration: underline;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 0px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: inline;
width: auto; /*width of sub menu levels*/
height: 30px; /*height of sub menu levels*/
color: #5077AD;
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: left;
font-size: .6em;
}

.suckertreemenu ul li a:hover{
text-decoration: none;
background-image:url(images/roll_over_bg.gif);
background-position: bottom;
background-repeat: repeat-x;

}

.suckertreemenu ul li ul li a:hover{
  	text-decoration: none;
	background-image: none;
	background-position: bottom;
	background-repeat: repeat-x;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{

}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: transparent url(images/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */