/* ---------------------- YUI supplement ---------------------- */
#doc,#doc1,#doc2,#doc3,#doc4{background-color: #fff;}
#bd{padding: 20px 10px; height:80%;}
#ft{padding: 20px 10px 10px 10px;}
/* ---------------------- END YUI supplement ---------------------- */

/* ---------------------- HTML tag styles ---------------------- */
body{min-width: 1024px;font:13px/1.22 "trebuchet MS", Verdana, Arial, Helvetica, sans-serif, sans-serif;*font-size:small;*font:x-small;color:#696969;line-height:131%;background-color: #eee;}/* 13pt */
h1{font-family:font:Georgia, "Times New Roman", Times, serif;font-size:154%;;margin-top:10px;margin-bottom:10px;}/* 23pt */
h2{font-family:font:Georgia, "Times New Roman", Times, serif;font-size:138.5%;margin-bottom:.4em;color:#689D4B;}/* 18pt */
h3{font-family:font:Georgia, "Times New Roman", Times, serif;font-size:100%;color:#143D55;margin-top:10px;margin-bottom:10px;}/* 18pt */
h4{font-weight:bold;}/* 13pt */
h5{font-size:77%;}/* 10pt */
p,fieldset,table{margin-bottom:1em;}
a{color:#2E7FAD;}
a:hover{color:#A0B842;}
em {font-style:italic;}
strong,b{font-weight:bold;}
abbr,acronym {border-bottom:1px dotted #555;cursor:help;} 
blockquote{margin:1em;}
ol,ul{margin-left:2em;margin-bottom:2em;}
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;margin-bottom:.7em;}
dl{margin:10px;}
dt{margin-top:.5em;font-weight:bold;padding:5px 2px;}
dd{font-size:92%;margin:0;padding:0 5px;}
table {font-size:inherit;font:100%;}
pre{background-color:#EFF7FF;border:1px dashed #333333;font-family:"Courier New",Courier,mono;font-size:12px;margin-bottom:5px;margin-right:10px;margin-top:5px;overflow:auto;padding:5px;width:575px; min-height:35px;}
code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
label{margin: 7px 0;display: block;float:left;}
fieldset{border:1px solid #D9D9D9; padding:10px 15px; margin:0px 10px 0px 10px;}
legend{padding:5px 20px; margin:10px 0px;font-weight:bold;border:1px solid #D9D9D9; background:#143D55;color:#FFF;}

/* ---------------------- END HTML tag styles ---------------------- */

.clear{clear:both;height:1px;line-height:0;font-size:0;}
.hidden{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.logo {padding: 10px 25px;}
.rss{float:right;padding:5px;}
.search{ 
	/*width: 400px;*/
	color: #FFFFFF;
	/*background: #143D55;*/
	/*height: 33px;*/
	padding: 3px 20px;
	text-transform: uppercase;
	font-weight: bold;
	float: right;
}
.search input{ margin-left: 5px; margin-top: 3px; } 
a.button, a.button:visited {background:transparent url(../images/template/btn_off.gif) repeat scroll 50%;border:1px solid #478b38;color:#FFFFFF;padding:2px 8px;position:relative;text-decoration:none;}
a.button:hover {background:transparent url(../images/template/btn_on.gif) repeat scroll 50%;border:1px solid #d27d00;color:#FFFFFF;}
.right {
	float:right;
	margin-right:10%;
}
/* ---------------------- menu nav ---------------------- */
#menucontainer{height:50px;background-color:#143D55;}
#menunav{height:33px;text-transform:uppercase;font-weight:bold;background-color:#82C7EA;background-image:url(http://testing.dotcms.org/global/images/template/menu_Bg.gif);background-repeat:repeat-x;background-position:bottom;}
#menunav ul{margin:0;}
#menunav ul li{display:block;float:left;}
#menunav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:10px 15px 0 15px;height:33px;}
#menunav ul li a:hover{color:#fff;font-weight:bold;}
#menunav ul li.active a{background-color:#143D55;display:block;float:left;text-decoration:none;padding:10px 15px 0 15px;height:33px;}



#menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	background-color:#82C7EA;
	}
#menu ul{
	background:#143D55 ;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	float: left;/*added mc*/
	}
	#menu li{
		float:left;
		padding:0px;
		}
	#menu li a{
		background:#82C7EA url("../images/template/seperator.gif") bottom right no-repeat;
		color:#EAF3F8;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 22px;
		text-align:center;
		text-decoration:none;
		}
		#menu li a:hover, #menu ul li:hover a{
			background: #82C7EA url("../images/template/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	#menu li ul{
		background:#143d55 ;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#menu li:hover ul{
		display:block;
		}
	#menu ul li.active a{
		background:#143D55;
		}
	#menu ul li.active a:hover{
		background:#143D55;
		}

	#menu li li {
		background:url('../images/template/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	#menu li:hover li a{
		background:none;
		
		}
	#menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#menu li ul a:hover, #menu li ul li:hover a{
			background:#82C7EA url('../images/template/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	#menu p{
		clear:left;
		}	

		
/* ---------------------- END menu nav ---------------------- */

/* ---------------------- Side Menu ---------------------- */
#subnav{float:left; width:250px;}
#subnav ul{margin:0;padding:0px;padding-bottom:20px;}
#subnav ul li{list-style:none;margin:0;padding:0px;display:block;}
#subnav ul li a{display:block;padding:7px 10px;text-decoration:none;border-bottom: 1px #ddd solid; }
#subnav ul li a:hover{background-color:#eee;border-bottom: 1px solid #eee;color:#2E7FAD;}
#subnav ul li.active a {color:#143D55;border-bottom: 1px #ddd solid; font-weight: bold;}
#subnav ul li.active ul li a {border-bottom:1px none;color:#2E7FAD;font-weight: normal;padding-left:27px;font-size:12px;padding-top:4px;padding-bottom:4px;}
#subnav ul li.active ul li a:hover {background-color:#eee;color:#2E7FAD;}
#subnav ul li.active ul {padding-bottom: 5px;border-bottom: 1px #ddd solid; }
#subnav ul li.active ul li.active a {border-bottom:1px none;color:#143D55;font-weight: bold;}
#subnav ul li.active ul li.active  a:hover {background-color:#eee;border-bottom:1px none;}
/* ---------------------- End Side Menu ---------------------- */

/* ------------------------ Crumb trail ------------------------ */
#crumbtrail {font-size:85%;background-image:url(../images/template/shaded_Bg.png);border:1px solid #ccc;height:17px;margin-bottom:1em;}
#crumbtrail ul{margin:0;}
#crumbtrail ul li{display:block;float:left;margin-left:10px;}
#crumbtrail ul li a{display:block;text-decoration:none;padding-right:15px;background:url(../images/template/icon_arrow.png) no-repeat right;}
#crumbtrail ul li a:hover{color:#2E7FAD;text-decoration:underline;}
/* ----------------------- End crumb trail --------------------- */

/* ---------------------- site tools ---------------------- */
#sitetools {float:right;}
#sitetools ul{margin:0;}
#sitetools ul li{padding:0px 10px 0px 10px;display:block;float:left;margin-top:10px;border:0px solid red;;height: 20px;}
#sitetools ul li a{text-decoration:none;}
#sitetools ul li a:hover{color:#2E7FAD;text-decoration:underline;}
/* ---------------------- END site tools ---------------------- */

/* ---------------------- shaded box ---------------------- */
.shadebox{background-image:url(../images/template/shaded_Bg.png);border:1px solid #E5E5E5;background-repeat:repeat-x;padding:5px 10px;margin-bottom:1em;}
/* ---------------------- END shaded box ---------------------- */

/* ---------------------- image box ---------------------- */
.imageboxHome{background-image:url(../images/template/sample.jpg);background-repeat:no-repeat;height:225px;}
.imageboxBody{background-image:url(../images/template/sample.jpg);background-repeat:no-repeat;background-position:center;height:200px;border:1px solid #E5E5E5;margin-bottom: 1em;}
/* ---------------------- END image box ---------------------- */

/* ---------------------- main ---------------------- */
#main{position:relative; /* mc width:75%; */margin-left:300px;height:70%;margin-right:5%; }
/* ---------------------- End main ---------------------- */

/* ---------------------- top ---------------------- */
#top{}
/* ---------------------- End top ---------------------- */

/* ---------------------- bottom ---------------------- */
#bottom{}
#bottom img{ padding: 4px; border: thin silver solid; clear:left; float: left; margin-right: 20px; margin-bottom: 5px;}
/* ---------------------- End bottom ---------------------- */

/* ---------------------- left ---------------------- */
#left{width: 45%;clear: left;float: left;border-right:1px silver dotted;padding:2%;}
/* ---------------------- End left ---------------------- */

/* ---------------------- leftbox ---------------------- */
.leftbox ul li{ }
/* ---------------------- End leftbox ---------------------- */

/* ---------------------- right ---------------------- */
#right{width: 45%;float:right; padding:2%;}
/* ---------------------- End right ---------------------- */

/* ---------------------- rightbox ---------------------- */
.rightbox ul li{}
/* ---------------------- End rightbox ---------------------- */


/* ---------------------- Footer ---------------------- */
#footer{position:relative;  clear: left;
}
#footer-address{height: 20px;padding-left:10px;padding-right:10px; }
#footer-address a{text-decoration:none;float:right}
.fat-footer-column{float:left;font-weight: bold;width: 220px;border: 0px red solid;}
.fat-footer-column ul{margin-left:5px;}
.fat-footer-column li{height: 20px;font-weight: normal;text-decoration: none;border: 0px red solid;margin:0px;display: block;}
.fat-footer-column a{text-decoration: none;}
#fat-footer{font-size: 11px;clear: both;height: 125px;font-weight: bold;margin:10px 10px 10px 20px;border-bottom: 1px #ddd solid;}
/* ---------------------- End Footer ---------------------- */




/* ============================================================= */
/* ========================= WIDGETS =========================== */
/* ============================================================= */

/* ---------------------- Title Generator ---------------------- */
#dotCMS-titleGenerator{clear:right;margin:5px 0;}
/* -------------------- End Title Generator -------------------- */

/* -------------------------- Toolbar -------------------------- */
#dotCMS-toolbar li.dotCMS-btn a{display:block;height:20px;width:35px;margin:0 1px;background-image:url('/../../../../../global/images/widgets/buttonBG.gif');
background-repeat:no-repeat;background-position:0 -20px;
}
#dotCMS-toolbar li.dotCMS-btn a:hover{background-position:0 0;}
#dotCMS-toolbar{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#dotCMS-toolbar img{border:none;}
#dotCMS-toolbar ul{margin:0;padding:0;float:right;margin:3px;}
#dotCMS-toolbar ul li{display:block;float:left;list-style:none;margin:0;padding:0;}
#dotCMS-toolbar ul li a{display:block;text-decoration:none;}
#dotCMS-toolbar ul li a:hover{background-color:#eee;color:#2E7FAD;}
/* -------------------------- End Toolbar -------------------------- */

/* ----------------------- Social Bookmarks ----------------------- */
#socialBookmarks{background-color:#f1f1f1;border:1px solid #ccc;width:150px;position:absolute;right:25px;z-index:100;}
#dotCMS-socialBookmarks img{border:none;}
#socialBookmarks ul li{list-style:none;float:none;}
#socialBookmarks ul li a{text-decoration:none;display:block;}
#socialBookmarks ul li a:hover{background-color:#eee;}
/* --------------------- End Social Bookmarks --------------------- */

/* ----------------------- Comment Form ----------------------- */
#commentForm label{margin: 0px;width:50px;padding:5px;clear:left;}
#commentForm input{margin: 0px;clear:left;}
#commentForm .CheckBox{width:300px;}
#comments b{color:#2E7FAD;}
#comments h5{color:#A0B842;font-size:138.5%;padding: 5px 0;border-bottom:1px dashed #666;margin-bottom:5px;}
.output{background-color:#FFFFFF; border:solid 1px; padding:5px;margin-top:1em; width:575px;}
/* ----------------------- End Comment Form ----------------------- */

/* LightBox styles*/

#lightbox{
	position: absolute;
	top: 40px;
	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;
	}
#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: #CCC;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}