@charset "utf-8";

*{
  margin: 0;
  padding: 0;
}

html, body{
 height:100%;
}

html {
  font-size: 100%;
}

p {
	margin-bottom:10px;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:15px;
}


body {

	font-family: Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	color:#4e4e4e;

	
}

a{
	color:#1594d9;
  	text-decoration: none;
	outline: none; /* firefox fix  */
}


a:hover{
  color: #3bb8ff;

}

/* Login Panel */


#toppanel {
	position: absolute;   /*Panel will overlap  content */
	/*position: relative;*/   /*Panel will "push" the content down */
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}
#panel {
	width: 100%;
	height: 230px;
	background: url(images/top-panel-bg.jpg) top repeat-x;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel h3 {
	margin-bottom:10px;
}

#panel h4 {
	margin:0;
	font-size:14px;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}
#panel ul {
	margin: 0 0 0px 0;
	padding: 0;
	line-height: 1.6em;
	list-style: none;
}
#panel .content {
	width: 920px;
	margin: 0 auto;
	text-align: left;

}
#panel .content .left {
	width: 274px;
	float: left;
	margin-bottom: 25px;
	padding: 10px 15px;
	min-height: 220px;
	background:url(images/panel-ul-break.jpg) left repeat-y;

}



#panel .content .border {
	background:url(images/panel-ul-break.jpg) right repeat-y;
	width:4px;
	height:260px;
	float:right;
	display:block;
}

#panel .content .narrow {
	width:120px !important;
}

#panel ol li {margin:0;list-style:none;margin-bottom:5px;}


/* Panel Tab/button */
.tab-wrap {
  	background: url(images/tab_b.png) repeat-x 0 0;
	height: 32px;
	position: relative;
	top: 0;
	z-index: 999;
}
.tab {
	width:960px;
	margin:0 auto;
}
.tab ul.login {
	display: block;
	position: relative;
  	float: left;
  	height: 30px;
	width: auto;
	line-height: 30px;
	margin: 0;
	left: 20px;
	text-align: center;
}
.tab ul.login li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 32px;
	width: 14px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
.tab ul.login li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 32px;
	width: 14px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
.tab ul.login li {
 	text-align: left;
  	padding: 0px;
	display: block;
	float: left;
	height: 30px;
  	background: url(images/tab_m.png) repeat-x 0 0;
}
.tab ul.login li a {
	color: #484848;
}

.tab .sep {color:#414141}
.tab a.open, .tab a.close {
	height: 28px;
	line-height: 26px !important;
	padding-left:0px;
	padding-right: 22px !important;
	cursor: pointer;
	display: block;
	width: auto;
	position: relative;
	top: 0px;
}

.tab a.open {background: url(images/bt_open.png) no-repeat right 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat right 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat right -23px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat right -23px;}


/* Main */


#wrapper {
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -10.2em; 
	*margin: 0 auto -9.9em; 
	
	
}

#page {
	width:960px;
	position:relative;	
	min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -4em; 
}

.inner-page {
	width:915px;
	margin:0 auto;
	position:relative;
}

#header{
  	z-index: 2; /* fix for stupid ie6/7 bug */
  	position:relative;
	background:url(images/header-background.jpg) bottom center no-repeat;
	margin-bottom:15px;
	
}

#header-logo {
	width:930px;
	margin:0 auto;
	height:100%;
	padding-bottom:10px;
	
}

#header-logo #logo {
	float:right;
	padding-top:15px;
	padding-right:8px;
}

#header-logo .description {
	color:#fff;
	padding-left:10px;
	padding-top:65px;
}

/* Menu Navigation */

#tabs-top {
	background:url(images/menu-top.jpg) center top no-repeat;
	padding-top:2px;
}

#tabs {
	width: 914px;
	margin:0 auto;
	position: relative;
	background:url(images/menu-background.jpg) center bottom no-repeat;
	padding-bottom:4px;
}

#tabs ul {
	list-style:none;
	padding-top:0px;
	margin-left:28px;
}

#tabs li {
	margin-left:-28px;
	position: relative;
	padding-bottom:0px;
	padding-right:15px;
	list-style:none;
}


#tabs li li{
	background:none;
	
}

#tabs a {
	padding:0;
	text-decoration:none;
	cursor: pointer; /* IE 7 bug-fix */
	color:#484848;
}

#tabs a .menu-item, #tabs .menu-home a, #tabs .menu-end {
	display:block;
	padding-right: 17px;
	padding-top:11px;
	padding-bottom:11px;
}


#tabs .menu-home a {
	width:35px;
}


#tabs ul li .menu-item, #tabs ul li .menu-end {
	background:url(images/menu-span-bg.png) center left no-repeat;
	min-height:15px;
}


#tabs .menu-home a  {
	background:url(images/menu-home.png) center left no-repeat;
}

#tabs a span span, #tabs a div div {
	display:block;
	background:none;
	height: auto;
	padding: 0px 5px 0 25px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs ul li .menu-item:hover{
	background:url(images/menu-span-bg-hover.png) center left no-repeat;
	color: #fff;
}

#tabs ul li.current_page_item .menu-item {
	background:url(images/menu-span-bg-hover.png) center left no-repeat;
	color:#fff;
}

#tabs .menu-home  a:hover {
	background:url(images/menu-home-hover.png) center left no-repeat;
}


/* Sub Menu */
#tabs ul li{
 float:left;
 position:relative;

}

#tabs ul ul {
	position: absolute;
	display: none;
	top: 37px;
    left: 0px;
	margin: 0;
	background:none;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}




#tabs ul li ul {
	height:auto;
	margin: 0;
	padding:0;
	clear:both;



}

#tabs ul li ul li a span span {

	background:none;
	padding: 0px 10px 0 25px;
	white-space:nowrap;
}

#tabs ul li ul li .menu-item {
	padding-top:4px;
	padding-bottom:4px;
}



#tabs ul li ul li {
	padding:0;
	margin:0;
	background:url(images/sub-menu-bg.jpg) center repeat-x;
	border-top:1px solid #dfdfdf;
	
}

#tabs ul li ul li .menu-item {
	background:url(images/submenu-span-bg.png) right no-repeat;
	min-height:15px;
	display:block;
	width:12em;

}

#tabs ul li ul li .menu-item:hover {
	background:url(images/submenu-span-bg-hover.png) right no-repeat;
	color:#fff;
}

#tabs ul li ul li.current_page_item .menu-item {
	background:url(images/submenu-span-bg-hover.png) right no-repeat;
	color:#fff;
}



#tabs ul li ul a{
  height:auto;
  margin: 0;
  display:block;
  line-height:18px;

}


#tabs ul li ul a span, #tabs ul li ul a span span{
  margin: 0;
  padding: 0;
  height: auto;
  float: none;
}

#tabs ul ul a:hover, #tabs ul ul a:hover,
#tabs ul a.active ul a:hover, #tabs ul li.current_page_item ul a:hover, #tabs ul li.current-cat ul a:hover{
 
}

#tabs ul ul ul{
  top:auto;
}

#tabs ul li ul ul {
  left:195px;
  top: 4px;
}

#tabs ul li:hover ul ul, #tabs ul li:hover ul ul ul, #tabs ul li:hover ul ul ul ul{
  display:none;
}
#tabs ul li:hover ul, #tabs ul li li:hover ul, #tabs ul li li li:hover ul, #tabs ul li li li li:hover ul{
  display:block;
  
}


/* Search Bar */

.search-wrap {
	position:absolute;
	right:0;
	top:6px;
	
}



#searchform span, #respond span, #panel span {
	margin:0;
	padding:0;
}

#searchform .input-wrap, #respond .input-wrap, #panel .input-wrap {
			border:1px solid #fff;
			width:auto;
}

#searchform .input-wrap, #panel .input-wrap {
	float:left;
}



#searchsubmit {
	background:url(images/search.png) center center no-repeat;
	border:none;
	height:28px;
	width:28px;
	cursor:pointer;
	margin-left:5px;
	margin-right:10px;
}

#searchsubmit:hover {
	background:url(images/search-hover.png) center center no-repeat;

}

/* Page Structure */ 

#main-wrap {
  position:relative;		/* IE7 overflow bugfix */
  clear:both;
  float:left;
  width:100%;
  overflow:hidden;			/* chops off any overhanging divs */
}

#mid-wrap, #side-wrap {
  float:left;
  width:100%;
  position:relative;
}

#mid, #sidebar, #sidebar2 {
  float:left;
  position:relative;
  padding:0;
  margin:0;
  overflow:hidden;
}


#page #main-wrap #mid-wrap { right:0%;   /* width of the 2nd column, 0 because it doesnt exist */ }
#page #main-wrap #side-wrap { right:75%; /* width of the main column */ }

#page #main-wrap #mid {
  width:75%;			/* width of main column */
  left:75%;				/* same */
}

#page #main-wrap #sidebar {
  width:25%;			/* width of the sidebar */
  left:75%;
}

.page-img {
	width:914px;
	position:relative;
	margin:0 auto;
	margin-bottom:5px;
	padding:2px;
	background:url(images/image-shadow.jpg) left bottom no-repeat;
	padding-bottom:30px;
}

#content-top {
	background:url(images/content-top.jpg) no-repeat left top;
	height:15px;
	position:relative;
}

#content-wrap {
	background:url(images/content-bg.png) repeat-y top left;
	padding:0;
	padding-top:0px;
	position:relative;
}



#content {
	background:url(images/content-grad.jpg) repeat-x center bottom;
	padding:15px;
	padding-top:0px;
	padding-bottom:10px;
	width: 628px;
	color:#555555;
	margin-left:3px;
	margin-right:3px;
	min-height:250px;
	position:relative;
}

#content .post-titles {
	margin-bottom:15px;
}

#content .post-titles h2,#content .post-titles h3 {
	margin:0;
	margin-bottom:5px;
}

#content .post-titles h3 {
	color:#999999;
}


#content ul li {
	margin:15px;
	margin-left:30px;
	list-style-image:url(images/li-arrow.png);


}

#content ol li {
	list-style:upper-roman;
	margin:15px;
	margin-left:50px;
	
}

#content textarea {
	width:400px;
}


.navigation {
	width:660px;
	position:relative;
	margin-bottom:10px;
}

.navigation .alignleft {
	float:left;
	background:url(images/nav-left.jpg) left center no-repeat;
	line-height:18px;
}

.navigation .alignleft:hover {
	float:left;
	background:url(images/nav-left.jpg) left center no-repeat;
	line-height:18px;
}

.navigation .alignleft a {
	padding-left:22px;
}

.navigation .alignright {
	float:right;
	background:url(images/nav-right.jpg) right center no-repeat;
	line-height:18px;
}

.navigation .alignright:hover {
	background:url(images/nav-right-ovr.jpg) right center no-repeat;
}

.navigation .alignright a {
	padding-right:22px;
}

#content-footer {
	background:url(images/content-footer.jpg) no-repeat left bottom;
	height:15px;
	position:relative;
}


/* Footer */

#footer-wrap {
	width:918px;
	margin:0 auto;
	background:url(images/footer-bg.png) repeat-y top left;
}

#footer-wrap .copyright {
	padding-left:20px;
	margin-left:2px;
	margin-right:2px;
	border-top:1px solid #dfdfdf;
	line-height:30px;
}

#footer-wrap .copyright span {
	float:left;
}

.copyright .break {
	background:url(images/footer-break.jpg) center left no-repeat;
	width:15px;
	float:left;
	margin-left:10px;
	margin-right:10px;
}

#footer-header {
	background:url(images/footer-header.jpg) no-repeat top center;
	width:960px;
	margin:0 auto;
	height:10px;
	margin-top:20px;
}

#footer {
	margin:0 auto;
	padding:20px;
	height:auto;
	background:url(images/footer-grad.jpg) bottom repeat-x;
	margin-left:3px;
	margin-right:3px;
	padding-top:10px;
	position:relative;
}

#footer a {
	color:#6c6c6c;
}

#footer a:hover {
	color: #3bb8ff;
}

#footer ul li {
	list-style:none;
}

#footer .footerlinks {
	float:left;
	margin-right:50px;
}

#footer .footerlinks li a {
	padding:4px;
	padding-left:15px;
	display:block;
	border-bottom:1px solid #dfdfdf;
	background:url(images/li-arrow-drk.png) center left no-repeat;
}

#footer .footerlinks h3 {
	margin-bottom:5px;

}

.push {
	height:14em;
}


/* Sidebar Formatting */



li.widget_recent_entries, li.widget_tddrecentposts, li.widget_text .textwidget-pod {
	background:url(images/sidebar-li-header.jpg) top left no-repeat;
	padding-top:2px;
	margin-bottom:15px;

}

li.widget_recent_entries ul, li.widget_tddrecentposts ul {
	background:url(images/sidebar-li-footer.jpg) bottom left no-repeat;
	padding-bottom:15px;
		
}

li.widget_text .textwidget-footer {
	background:url(images/sidebar-li-footer.jpg) bottom left no-repeat;
	padding-bottom:5px;
	
}


li.widget_recent_entries ul li, li.widget_tddrecentposts ul li {
	background:url(images/sidebar-li-bg.png) left repeat-y;
	padding:20px;
	padding-bottom:6px;
	padding-top:4px;
	
}

li.widget_text .textwidget-content {
	background:url(images/sidebar-li-bg.png) left repeat-y;
}


li.widget_recent_entries h2, li.widget_tddrecentposts h2 {
	padding:4px;
	margin:0;
	margin-bottom:10px;
	padding-left:6px;
	background:url(images/sidebar-li-h2.png) center center no-repeat;
	border-bottom:1px solid #dfdfdf;
	font-weight:normal;
	margin-left:3px;
	margin-right:2px;
	*margin-left:2px; /* ie7 fix */
}



li.widget_text .textwidget-pod h2 {
	padding:4px;
	margin:0;
	padding-left:6px;
	background:url(images/sidebar-li-h2.png) center center no-repeat;
	border-bottom:1px solid #dfdfdf;
	font-weight:normal;
	margin-left:3px;
	margin-right:2px;
	*margin-left:2px; /* ie7 fix */
}

.textwidget-pod h2 a {
	color:#4e4e4e;
}

li.widget_tddrecentposts .post-title{
	font-weight:100;
	color:#4e4e4e;
	display:block;
	padding-bottom:4px;
}


li.widget_tddrecentposts .sidebardate {
	font-style:italic;
	color:#747474;
	padding-bottom:2px;
}

li.widget_tddrecentposts .post-text{
	line-height:16px;
	display:block;

}

li.widget_tddrecentposts .readmore {
	padding-top:4px;
	padding-bottom:4px;
	background:url(images/sidebar-li-break.jpg) bottom center repeat-x;
	display:block;
}

li.widget_tddrecentposts .readmore a {
	background:url(images/li-arrow.png) center right no-repeat;
	padding-right:12px;
	white-space:nowrap;
	
}


li.widget_text {
	margin-bottom:20px;

}

/* Pod Formatting */

.environmental-wrap {
	background:url(images/environmental-impact.jpg) top center no-repeat;
	position:relative;
	height:106px;
	
}

.environmental-wrap .pod-text a {
	color:#fff;
	line-height:22px;
}

.environmental-wrap .pod-text a:hover {
	color:#3bb8ff;
}

.routemap-wrap {
	background:url(images/route-map.jpg) top left no-repeat;
	height:103px;
	margin-top:2px;
	margin-left:3px;
	margin-right:2px;

}


.routemap-wrap a {
	display:block;
	height:100px;
}

.pod-text {
	padding:18px;
	padding-left:15px;
	color:#fff;
	position:relative;
}

/* Misc Formatting */

blockquote {
	background:#f9f9f9;
	border-left:#54b0f9 1px dotted;
	margin:1em 1em 2em 1em;
	font-style:italic;
	padding:1em;
}

.clear {
	clear:both;
}

.table-style-one {
	border-top:1px solid #1594d9;
	border-right:1px solid #1594d9;
}
.table-style-one td {
	border-bottom:1px solid #1594d9;
	border-left:1px solid #1594d9;
	padding:3px;
}

/* Comments */

#content ol.commentlist li {margin:0;list-style:none;}

ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; } 
ol.commentlist li { } 
ol.commentlist li.alt { } 
ol.commentlist li.bypostauthor {} 
ol.commentlist li.byuser {} 
ol.commentlist li.comment-author-admin {} 
ol.commentlist li.comment { border-bottom:1px solid #dfdfdf; padding:1em; } 
ol.commentlist li div.comment-author {} 
ol.commentlist li div.vcard { font:normal 16px georgia,times,serif; } 
ol.commentlist li div.vcard cite.fn { font-style:normal; } 
ol.commentlist li div.vcard cite.fn a.url {} 
ol.commentlist li div.vcard img.avatar { border:1px solid #ccc; padding:2px; float:left; margin:0 1em 1em 0em; } 
ol.commentlist li div.vcard img.avatar-32 {} 
ol.commentlist li div.vcard img.photo {} 
ol.commentlist li div.vcard span.says {} 
ol.commentlist li div.commentmetadata {} 
ol.commentlist li div.comment-meta { font-size:9px; } 
ol.commentlist li div.comment-meta a { color:#888; } 
ol.commentlist li p { font-size:11px; margin:0 0 1em; } 
ol.commentlist li ul { font-size:11px;  margin:0 0 1em 2em; } 
ol.commentlist li div.reply { font-size:11px; } 
ol.commentlist li div.reply a { font-weight:bold; } 
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } 
ol.commentlist li ul.children li {} 
ol.commentlist li ul.children li.alt {} 
ol.commentlist li ul.children li.bypostauthor {} 
ol.commentlist li ul.children li.byuser {} 
ol.commentlist li ul.children li.comment {} 
ol.commentlist li ul.children li.comment-author-admin {} 
ol.commentlist li ul.children li.depth-2 { border-left:1px solid #dfdfdf; margin:0 0 .25em .25em; } 
ol.commentlist li ul.children li.depth-3 { border-left:1px solid #dfdfdf; margin:0 0 .25em .25em; } 
ol.commentlist li ul.children li.depth-4 { border-left:1px solid #dfdfdf; margin:0 0 .25em .25em; } 
ol.commentlist li ul.children li.depth-5 {} 
ol.commentlist li ul.children li.odd {} 
ol.commentlist li.even { background:#fff; } 
ol.commentlist li.odd { background:#f6f6f6; } 
ol.commentlist li.parent { border-left:1px solid #dfdfdf; } 
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; } 
ol.commentlist li.thread-alt { } 
ol.commentlist li.thread-even {} 
ol.commentlist li.thread-odd {}

/* Forms */


#content input[type="submit"],  #panel button[type="submit"], #panel .wpsb_form_btn {
	background: #333 url(images/form-button-bg.jpg) repeat-x;
	border: 1px solid #ccc;   
	display: block;
	padding:4px;
	cursor:pointer;
	color:#fff;
}


#searchform #s, #panel input.field, #content input[type="text"], #content textarea, #panel input[type="text"], #panel textarea {
	background:none;
	border:1px solid #dfdfdf;
	padding:4px;
	padding-left:6px;
	background:#fff;
}

#panel textarea {
	width:240px;
	height:60px;
}

#panel .error { color:#D70005; }
#panel .error { font-size: 11px; clear:both;}
#panel textarea .error {

}
#panel ol.forms label {
	cursor:pointer;
}
#searchform #s, #respond input, #panel input.field {
	width:172px;
}

.screenReader { left: -9999px; position: absolute; top: -9999px; }


