/* CSS Document */



/***********************\

    Universal

\***********************/



* {	padding:0px; margin:0px;}





html, body { background-color: #f8f7e9; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#333333; }	



#container { width:100%; position:relative; top: 0px; left: 0px; border:0px; height:auto !important; /* real browsers */

	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	
	margin-bottom:-183px;

 }

 

a:link, a:visited {

	color:#611427;

}



a:hover, a:active {

	background-color:#E2DFC7;

}



p {

margin:5px 0px;

}



blockquote {

	margin: 20px 40px;

}

 

 

 



/***********************\

    Main Layout

\***********************/



#Navigation_100 {

	width:100%;

	height:55px;

	background:url(/images/Nav_BG.gif) repeat-x #000000;

	position:relative;

}





#header_100 {

	position:relative;

	width:100%;

	background:url(/images/Header_BG.gif) top repeat-x #3B0C18;

	height:177px; 

}

	#header_arrow {	bottom:1px;	position:relative; }



#body_fixed {

	height:auto !important;

	height:100%;

	min-height:100%;
	
	padding-bottom:200px;



}

	#body_left { width:615px; float:left; }	

	#body_right { width:299px; float:right; }

	

#footer_100 {

	width:100%;

	background:url(/images/footer_bg.gif) top repeat-x #000;

	height:183px;

	position:relative;

	bottom:0px;

	left: 0px;


}



#footer_left {

	float:left;

	width:615px;

}



#footer_right {

	float:right;

	width:299px;

	/* text-align:right; /* This only works in IE */

}



#Navigation_Fixed, #header_Fixed, #body_fixed, #footer_fixed, #header_arrow {

	width:924px;

	margin:0 auto;

}







/***************************\

   Content Box for Body 

\***************************/



.contentBox_Container_Intro, .contentBox_Container {

	width:605px; 

	margin:0 auto; 

	position:relative;

}



.contentBox_Top { 

	position:relative; 

	top:0px; 

	width:605px; 

	overflow:hidden;

}

.contentBox_Top_2 { 

	position:relative; 

	top:0px; 

	width:605px; 

	height:auto; 

	background:url(/images/GenericBox_whiteBG.gif) repeat-y;  

}



.contentBox_Left, .contentBox_Right {

	width:13px; 

	float:left;

	height:117px; 

	overflow:hidden;

}



.contentBox_Left2, .contentBox_Right2 {

	width:13px; 

	float:left;

	height:277px; 

}



.contentBox_Bottom_Left, .contentBox_Bottom_Right { 

	width:13px; 

	float:left;

	height:13px;

}



.contentBox_Bottom, .contentBox_Bottom_2 { 

	position:relative; 

	width:605px; 

	font-size:1px;

}



.contentBox_Body {

	background:url(/images/Intro_BG_DropShadow.gif) top repeat-x;	

	padding: 10px 0 0 0; 

	min-height:107px; 

	width:579px; 

	height:auto; 

	float:left;

}



.contentBox_Body_2 { 

	background:url(/images/GenericBox_BG.gif) top left repeat-x #FFF; 

	height:auto; 

	padding: 10px 0 0 0; 

	width:579px; 

	height:auto; 

	float:left;

}



.contentBox_Bottom_Body { 

	background:url(/images/GenericBox_Body_Bottom.gif) repeat-x bottom; 

	height:13px; 

	float:left; 

	width:579px; 

}



/************************\

 Navigation States 

\************************/



#navigation, #navigation a:link, #navigation a:visited {

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:18px;

	color:#FFFFFF;

	text-decoration:none;

	padding:0 11px;

	display:block;

}



#navigation a:hover {

	background: url(/images/Over_Left.gif) no-repeat left top;

	float:left;

	padding: 0 0 0 11px;

	cursor:pointer;

	display:block;

}



#navigation a:hover span {

	float:left;

	background:url(/images/Over_Right.gif) no-repeat right top;

	padding:0 11px 0 0;

	display:block;

}



#navigation ul li {

	display:inline;

	line-height:55px;

	float:left;

	display:block;

}



#navigation ul li.on {

	background:url(/images/ON_Left.gif) left top no-repeat;

	padding: 0 0 0 11px;

}



#navigation ul li.on span {

	background:url(/images/ON_Right.gif) right no-repeat;

	padding:0 11px 0 0;

	display:block;

}



/***********************\

    Header

\***********************/



#trans_Logo {

	background:url(/images/transLogo.png) right;

	float:left;

	width:265px;

	height:177px;

	margin:0 0 0 -66px;

	position:relative;

}



#header_txt {

	width:400px;

	text-align:right;

	margin:38px 0px 0px 40px;

	float:left;

}



#header_txt h1 {

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:36px;

	color:#FFF;

	font-weight:400;

}



#header_txt h1 span {

	font-size:24px;

}



/***********************\

    CLEAR

\***********************/



.clear {

	clear:both;

}



.float_left {

	float:left;

}



.float_right {

	float:right;

}



/**********************\

	LightBox Styles

\**********************/



			#lightbox{

				position: absolute;

				left: 0;

				width: 100%;

				z-index: 100;

				text-align: center;

				line-height: 0;

				}

			

			#lightbox a img{ border: none; }

			

			#outerImageContainer{

				position: relative;

				background-color: #fff;

				width: 250px;

				height: 250px;

				margin: 0 auto;

				}

			

			#imageContainer{

				padding: 10px;

				}

			

			#loading{

				position: absolute;

				top: 40%;

				left: 0%;

				height: 25%;

				width: 100%;

				text-align: center;

				line-height: 0;

				}

			#hoverNav{

				position: absolute;

				top: 0;

				left: 0;

				height: 100%;

				width: 100%;

				z-index: 10;

				}

			#imageContainer>#hoverNav{ left: 0;}

			#hoverNav a{ outline: none;}

			

			#prevLink, #nextLink{

				width: 49%;

				height: 100%;

				background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

				display: block;

				}

			#prevLink { left: 0; float: left;}

			#nextLink { right: 0; float: right;}

			#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

			#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

			

			

			#imageDataContainer{

				font: 10px Verdana, Helvetica, sans-serif;

				background-color: #fff;

				margin: 0 auto;

				line-height: 1.4em;

				}

			

			#imageData{	padding:0 10px; color: #666; }

			#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

			#imageData #caption{ font-weight: bold;	}

			#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

			#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

					

			#overlay{

				position: absolute;

				top: 0;

				left: 0;

				z-index: 90;

				width: 100%;

				height: 500px;

				background-color: #000;

				}

				

			

			/* Min-Width */

			.lbWidth { /* most browsers */

				position: absolute;

				top: 0px; left: 0px;

				width: 100%;

				min-width: 790px;

				}

			

			* html .lbContent { /* IE6 */

				margin-left: -790px;

				position:relative;

				}

			

			* html .lbMinWidth { /* IE6 */

				padding-left: 790px;

				}

				

				

			/* Clearfix */	

			.clearfix:after {

			content: ".";

			display: block;

			height: 0;

			clear: both;

			visibility: hidden;

			}

			

			.clearfix {display: inline-block;}

			

			/* Hides from IE-mac \*/

			* html .clearfix {height: 1%;}

			.clearfix {display: block;}

			/* End hide from IE-mac */ 

	



/***********************\

    FONT CLASSES

\***********************/



.title {

	display:block;

	background-color:#cacab5;

	padding:1px;

	margin:3px 0px;

}



.titleBlackBg, .titleBlackBg a:link, .titleBlackBg a:visited, .titleBlackBg a:hover, .titleBlackBg a:active  {

	color:#dddcc5;

	background-color:#000;

	display: inline;

	text-decoration:none;

}



.newsTextRight {

	color:#333;

	margin-top:-5px;

	font-weight:400;

}



.newstitle a:link, .newstitle a:visited, .continued a:link, .continued a:visited {

	text-decoration:underline;

}



.newstitle a:hover, .newstitle a:active, .continued a:hover, .continued a:active {

	text-decoration:underline;

}



.rightbox {

	margin:0 0 0 5px;

}



.hr {

	color:#cacab5;

	height:1px;

	margin:0px;

	padding:0px;

}



/********** Georgia FONTSSS ************/



/********* These 3 make up the Date, line, and posted in section of the top of each content box ***************/

.georgiafont {

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:18px;

}

			

			/* Geogia Font is Generic but the Date and Line are only specific to the BlogSytles found in blogstyles.css */

			

/************************************************************************************/



.georgiafont span {

	font-size:26px;

	color:#6a6a61;

}



.georgiafont16 {

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:16px;

}



.gRed {

	color:#611427;

}



.gRed span {

	background-color:#d7d7c4;

	font-size:18px;

}



.gBeige {

	color:#6a6a61;

}



.header {

	padding:10px;

}



/********************/



.contentboxServices {

	margin:25px 0px 10px 15px;

}



.margins {

	margin:10px 0px 15px;

}



.contentcontainer { 

	width:500px; 

	text-align:left;

	margin-top:15px;

	margin:0 auto;

}



.blogtitle {

	margin:0 5px;

	font-weight:normal;

}



.text {

	padding:5px 30px;

	text-align:justify;

}



.text p {

	margin-bottom:20px;

	font-size:14px;

}



.continued {

	text-align:right;

	margin:10px;

}



#port a:link img,#port a:visited img {

	border:2px solid #999999;

	padding:3px;

}



#port a:hover img,#port a:active img {

	border:2px solid #d7d7c4;

	padding:3px;

}





/***********  FOOTER Styles *************/



#validation {

	background:url(/images/xhtmlcss.gif);

	background-repeat:no-repeat;

	width:172px;

	height:49px;

	margin:75px 0px 0 0; /* Left and Right Margin don't work */

	float:right;

}



#validation p {

	text-align:center;

	margin:0px 0px 0 30px; /*Assumption: Margin for right and left in p*/

	padding:10px 0 0 0; /*Assumption: Padding for top and bottom in p */

	color:#c8c8c8;

	font-size:14px;

}



#validation a:link, #validation a:visited {

	text-decoration:none;

	border-bottom:dotted 1px #c8c8c8;

	color:#c8c8c8;

}



#validation a:hover, #validation a:active {

	background-color:#333333;

	text-decoration:none;

}





#validation p span {

	letter-spacing:2px;

	color:#515151;

	font-size:12px;

}



.copyright {

	font-size:12px;

	color:#666666;

	margin-top:15px;

}



.footer_box {

	width:149px;

	height:114px;

	margin:10px 0 0 20px;

	float:left;

}



.footer_box a:link, .footer_box a:visited {

	color:#666666;

	display:block;

}



.footer_box a:hover, .footer_box a:active {

	color:#999999;

	background-color:#333333;

	display:block;

}



.footer_box_left {

	background:url(/images/footerBox_left.gif) left top;

	background-repeat:no-repeat;

	width:11px;

	height:114px;

	float:left;

}



.footer_box_right {

	background:url(/images/footerBox_right.gif) right top;

	background-repeat:no-repeat;

	width:11px;

	height:114px;

	float:left;

}



.footer_box_text {

	float:left;

	width:127px;

	background-color:#1e1e1e;

	height:114px;

}



.footer_box_text p {

	font-size:11px;

	line-height:15px;

}



.footer_box_text p span {

	color: #611427;

	font-size:14px;

	line-height:20px;

	font-weight:700;

}