body{background:#ffffff; padding:0px; margin:0px;}

.site{width:863px; float:left; position:absolute; z-index:2; top:0px; left:50%; margin:0px 0px 0px -432px;}
.main_menu{width:863px; height:53px; background:url(./images/menu_bg.png);  float:left; list-style:none; color:#ffffff; font:normal 11px Arial; font:normal 12px Arial Narrow; font:normal 16px Accidental Presidency; padding:0px; margin:0px;}
.main_menu li{float:left;}
.main_menu a img{border:0px;}

.content{float:left; width:863px; height:283px; background:url(./images/header_bg.png);}
img {float:left;}

.issue{float:left; width:863px; border-bottom:1px solid #002469;}
.footer{float:left; width:863px; padding:5px 0px 10px 0px; font:normal 10px arial;}

.left_column{float:left; width:253px; padding:0px; margin:0px;}
.sub_menu{float:left; width:253px; padding:0px; margin:0px; list-style:none; text-align:left;}
.sub_menu li{float:left; width:253px; padding:1px 0px 1px 0px; border-bottom:1px dotted #6580a7;}
.sub_menu li a{font:normal 12px Comic Sans MS; text-decoration:none; padding-top:7px; padding-left:20px; color:#ffffff; float:left; width:233px; height:25px; background:#6580a7;}
.sub_menu li a:hover{background:#002469;}

.call_back{float:left;}
.call_back h1{text-align:left; margin:0px; padding-bottom:2px; font:normal 14px Comic Sans MS; color:#002469; border-bottom:1px solid #b9b9b9; width:253px;}
.call_back p{background:#e5e9f0; padding:10px; margin:0px; text-align:left; font:normal 14px Comic Sans MS;}
.call_back input{border:1px solid #d1d1d1; width:230px;}

.text{float:left; padding:12px 0px 0px 17px; width:593px;}
.links{float:left; font:normal 11px Arial;}
.links a{text-decoration:none;}
.links a:hover{text-decoration:underline;}
.selected {color:#0071bc;}
.black {color:#363636;}
.text h1{color:#363636; margin:0px; border-bottom:1px solid #002469; text-align:left; font:normal 18px Century Gothic, Verdana; padding-top:25px;}
.text p{text-align:justify; padding:0px 10px 10px 10px; font:normal 14px Century Gothic, Arial;}
.text hr{color:#ffffff;}
.text ol{float:left; font:normal 12px Century Gothic, Arial; text-align:left; padding:0px 10px 10px 30px;}
.text ul{float:left; font:normal 12px Century Gothic, Arial; text-align:left; padding:0px 10px 10px 30px;}

.text2{float:left; padding:12px 0px 0px 17px; width:833px;}
.text2 h1{color:#363636; margin:0px; border-bottom:1px solid #002469; text-align:left; font:normal 18px Century Gothic, Verdana; padding-top:25px;}
.text2 p{float:left; text-align:justify; padding:0px 10px 10px 10px; font:normal 14px Century Gothic, Arial;}
.text2 hr{color:#ffffff;}
.text2 ol{float:left; font:normal 12px Century Gothic, Arial; text-align:left; padding:0px 10px 10px 30px;}
.text2 ul{float:left; font:normal 12px Century Gothic, Arial; text-align:left; padding:0px 10px 10px 30px;}

.read {text-decoration:none; color:#0071bc; float:right;}
.read:hover {text-decoration:underline;}
.read_l {text-decoration:none; color:#0071bc; float:left;}
.read_l:hover {text-decoration:underline;}

.author{float:right; text-align:center;}

.c{clear:both;}

.slideshow {float:right; padding:10px 23px 10px 23px; width:392px; font:normal 15px arial; color:#ffffff; text-align:justify;}
.slideshow a{float:right; color:#ffffff; text-decoration:none;}
.slideshow a:hover{text-decoration:underline;}

#slider1 {
    width: 392px; /* important to be same as image width */
    height: 170px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}

#slider1Content {
    width: 392px; /* important to be same as image width or wider */
    position: absolute;
    top: 0;
	  margin: 0;
	  padding:0;
	  left:0;
}
.slider1Image {
    float: left;
    position: relative;
  	display: none;
}
.slider1Image span { position: absolute; font: normal 14px Arial; padding: 0px 0px 0px 0px; width: 392px; color: #fff; display: none;}
.slide_text {top: 0; left: 15px; width: 362px !important; height: 280px; text-align:justify;}

.backwards{unicode-bidi:bidi-override; direction:rtl; background:transparent; text-decoration:underline; padding:0 4px;}

.portfolio{border:1px solid #CFCFCF; width:590px; float:left; margin:0px;}
.item{border:1px solid #FFFFFF; width:568px; float:left; background:#E9E9E9; padding:10px;}
.item_img{float:left; width:347px; height:73px; border:1px solid #CFCFCF;}
.item_details{position:absolute; float:right; width:568px;}
.item_det{padding:15px 0px 0px 30px; width:200px; height:60px; background:url(./images/title_of.png) no-repeat; float:right; color:#676566; font:normal 12px Century Gothic, Arial; text-align:left;}
.item_det b{float:left;}
.item_det_img{border:0px; padding:5px 5px 0px 0px; float:left;}
.datum{padding-top:5px; float:left;}
.d{float:left; border-left:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF; width:566px;}
.dd{float:left; color:#676566; font:normal 12px Century Gothic, Arial; text-align:left; padding:10px; border-left:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF; width:543px;}

.portfolio_link{cursor:pointer; font:normal 16px Century Gothic, Arial; text-decoration:none; padding:0px 0px 5px 10px; float:left; color:#363636;}
.portfolio_link:hover{color:#0071bc; text-decoration:underline;}

#jquery-overlay {
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#facebox .b {
  background:url(./images/b.png);
}

#facebox .tl {
  background:url(./images/tl.png);
}

#facebox .tr {
  background:url(./images/tr.png);
}

#facebox .bl {
  background:url(./images/bl.png);
}

#facebox .br {
  background:url(./images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left:-310px;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #000000;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.f_content{background:#ffffff; font:normal 12px Century Gothic, Arial; width:600px;}
.close_image{float:right; cursor:pointer;}


/*
	Sitemap Styler 	 
*/

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	font:normal 14px Century Gothic, arial; 
}
#sitemap{background:url(./images/sitemap/line1.gif) repeat-y;}
#sitemap li{
	line-height:20px;
	margin-top:1px;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:25px; cursor:pointer; font:normal 14px Century Gothic, arial; text-decoration:none; color:#0071bc;}
#sitemap li a:hover{text-decoration:underline;}
#sitemap li span{float:left;position:absolute;top:3px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(./images/sitemap/collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(./images/sitemap/expanded.gif) no-repeat 0 0;}

/* sub levels */

#sitemap li ul{	
	margin-left:28px;
	background:url(./images/sitemap/line1.gif) repeat-y;
}
#sitemap li li{	
	background:url(./images/sitemap/line2.gif) no-repeat 0 0;
}

/* etc. */

/* float fix */

#sitemap:after, #sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sitemap, #sitemap ul{display:block;}
/*  \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
 /*  */
#sitemap ul{display:none;}

.interior_table{float:left; width:100%; margin:10px 0px 10px 0px;}
.interior_table th{color:#FFFFFF; font:bold 11px arial; border-bottom:1px solid #ffffff; background:#002666; text-align:center; padding:3px 10px 3px 10px;}
.interior_table td{color:#222222; font:bold 11px arial; text-align:center; padding:5px 10px 5px 10px;}
.interior_table .nd{background:#c6d6ed;}

