body {font:80% 'Century Gothic';background: #000 url(../../images/bg.jpg) center top fixed no-repeat;margin: 0; padding: 0;text-align: center;color: #fff;}

.pageStructure #container {width: 960px;margin: 0 auto;text-align: left;}

.pageStructure #header {padding:0; margin:8px 0 23px 0; height:133px; border-bottom:1px #8F9EAB solid}

.pageStructure #homeHeader {height:230px; background:url(../../images/base.png) no-repeat}

.pageStructure #mainContent {padding: 0; margin-top:-10px;}

/*reWrite HTML tags____________________________________________________*/
h1 {font-size:24px; font-weight:normal; margin:0;/*border-bottom:1px #687B8F solid;*/}
h1.home {font-size:24px; font-weight:normal; margin:0;border-bottom:1px #687B8F solid;}
h1.subPage {border-bottom:1px #909EAB solid; font-size:24px; font-weight:normal; margin:0; color:#000}
h1.subPageRightColumn {/*border-bottom:1px #909EAB solid;*/ font-size:24px; font-weight:normal; margin:0; color:#000}
h1.subPage span{float:right; font-size:14px; margin-top:11px; text-transform:uppercase}
h1.subPage span a {font-size:12px;cursor:pointer;color:#666;}
h1.subPage span a:hover {text-decoration:underline;color:#000;}

h2{margin: 0;padding:0px; font-size:1.6em; color:#000; font-weight:normal;text-decoration:none;} 
h2 a{margin: 0;padding:0px; font-size:80%; color:#000; font-weight:normal;text-decoration:none; border-bottom:1px #E0B352 solid} 
h2 a:hover{color:#224C84;text-decoration:none; border-bottom:1px #fff solid} 
h2 .newsDate{margin:0 10px;padding:0px; font-size:.6em; color:#11362F; font-weight:normal;} 

a.inlineLink {color:#000; text-decoration:none; border-bottom:1px #fff solid}
a.inlineLink:hover {color:#000; text-decoration:none; border-bottom:1px #F17E01 solid}


.pageStructure #rightPanel {float:right;padding: 0; width:250px;margin-left:30px}
.pageStructure #leftPanel {padding:0; width:676px;border-top:none;}
.pageStructure #leftPanelSubPages {padding:0; width:676px;border-top:none;}

.leftColumn {float:left;width: 204px;padding:3px; background:#F17E01; margin-top:19px;}
.middleColumn {margin:0 230px;padding:3px; width:204px; background:#F17E01; margin-top:19px;}
.rightColumn {float: right;width: 204px; padding:3px; background:#F17E01; margin-top:19px;}
.serviceTitles {font-size:22px; color:#000; padding:8px 10px;}

.pageStructure #footer {padding: 0; font-size:12px;border-top:1px #687B8F solid; margin:5px 0; color:#8F9EAB}
.pageStructure #footer p {margin: 0;padding: 10px 0;}
.pageStructure #footer p.eTeam { float:right;margin: 0;padding: 10px 0;}
.pageStructure #footer a{color:#fff; text-decoration:none}
.pageStructure #footer a:hover{color:#fff; text-decoration:underline}







/* top menu ____________________________________________________*/
.topMenuContainer {float:right;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:15em; margin-left:0}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.5em;z-index:9999;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em;top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em;top:0;}

/*** SKIN ***/
.sf-menu {float:left;margin-bottom:0;}
.sf-menu a {padding:.75em .2em; margin-left:20px;text-decoration:none;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:#264B82;}
.sf-menu a:hover{color:#000;border-bottom:2px #F17E01 solid}
.sf-menu a.active{color:#000;border-bottom:2px #F17E01 solid}
.sf-menu li {color:#264B82;}
.sf-menu li li {background:#F17E01; border-right:none; }
.sf-menu li li li {background:#E0B352; border:none}
.menuBorder {}









/* news page cotnent slider __________________________________________*/
.vertical {position:relative;overflow:hidden;height: 665px;}
.items {position:absolute;height:20000em;margin: 0px;}
.items div {margin:0 0;padding:0;font-size:12px;}
.items img {float:left;margin-right:20px;height:180px;width:240px;}
.items h3 {margin:0 0 0 0; color:#fff; font-size:12px;font-weight:normal; background:#909EAB}
#actions {margin:30px 0 10px 0;}
#actions a {font-size:12px;cursor:pointer;color:#666;}
#actions a:hover {text-decoration:underline;color:#000;}
.disabled {visibility: visible;}
.nextPage {}	


/* input _______________________________________________________*/
.textfield {font:normal 14px 'Century Gothic';color:#000; padding:4px 15px 4px 4px;border:1px #F27E20 solid; background:#fff url(../../images/must.jpg) top right no-repeat}
.textfield:focus, .textfield:hover {font:normal 14px 'Century Gothic';color:#000; border:1px #214B83 solid;}

.textfieldUnnecessary {font:normal 14px 'Century Gothic';color:#000; padding:4px 15px 4px 4px;border:1px #F27E20 solid;}
.textfieldUnnecessary:focus, .textfieldUnnecessary:hover {font:normal 14px 'Century Gothic';color:#000; border:1px #214B83 solid;}

.selectTitle {background:#F27F21; color:#fff; padding:2px 6px}
.select { color:#224C84; font-size:12px; padding:2px; font-weight:normal; border:1px #F27F21 solid; outline:1px #F27F21 solid; width:137px}

.button {background:#fff; border:1px #fff solid; padding:4px; color:#000; cursor:pointer}
.button:hover {background:#F17E01; border:1px #F17E01 solid; padding:4px; color:#000; cursor:pointer}

.buttonPost {background:#E61F26; border:1px #E61F26 solid; padding:4px; color:#fff; cursor:pointer; font-size:12px}
.delete {background:red; padding:2px 3px; color:#fff; cursor:pointer; font-size:11px; text-decoration:none}



/* Easy Slider for newsDetail page ___________________________________________*/
#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{}
#slider2 li{width:650px;}	
#slider2 li img{border:none}	
#prevBtn a{color:#fff; margin:10px 0 0 0; background:#000; padding:4px 6px; text-decoration:none; font:normal 11px verdana;}
#nextBtn a{color:#fff; margin:10px 0 0 0; background:#000; padding:4px 6px; text-decoration:none; font:normal 11px verdana}	






/* pager with content component ____________________________________________*/
#wrapper {width: 100%;margin: 0 auto;}
#slider {width: 100%;margin: 0 auto;}
.scroll {width: 100%; height:630px;overflow: visible;overflow-x: hidden;position: relative;clear: left;}
.scrollContainer div.panel {height: 50px;width: 580px;}

ul.navigation {list-style: none;margin: 0;padding: 0;padding-bottom: 0;}
ul.navigation li {display: inline;margin: 0;}
ul.navigation a {padding:2px 6px;color: #fff;background:#000;text-decoration: none;}
ul.navigation a:hover {color: #FFFF00;	background:#000;}
ul.navigation a.selected { color:#fff; background:#224C84}
ul.navigation a:focus {outline: none;}

.scrollButtons {position: absolute;top: 150px;cursor: pointer;}
.scrollButtons.left {left: -20px;}
.scrollButtons.right {right: -20px;}
.hide {display: none;}
/* for admin panel (list)*/
div.adminlistItems{margin:0;padding:0;}
div.adminlistItems {color:#fff;list-style-type:none;background:#224C84;margin:0;padding:10px 0;font-family:verdana;font-size:12px; height:auto;}

div.adminlistItems a {padding: 0;text-decoration:none;color:#fff; text-decoration:underline}
div.adminlistItems a:hover {color:#fff;text-decoration:none;}

div.adminlistItems .publish {font-weight:normal;padding:10px 0px;color:#8B8B8B;font-family:verdana;font-size:11px;text-transform:none;line-height:25px;}		
div.adminlistItems a.delete {padding: 2px 4px;background-color:red;text-decoration:none;color:#fff;font-family:Verdana;	font-size:10px;margin: 0 0 0 5px;}
div.adminlistItems a.delete:hover {color:#fff;text-decoration:none;background-color: #ff0000;}
div.adminlistItems a.edit {padding: 2px 4px;background-color:#6F6F6F;text-decoration:none;color:#fff;font-family:Verdana;font-size:10px;margin: 0 0 0 5px;}
div.adminlistItems  a.edit:hover {color:#fff;text-decoration:none;background-color: #F68A41;}		
div.adminlistItems a.active {padding: 2px 4px;background-color:#FFFF00;text-decoration:none;color:#711200;font-family:Verdana;font-size:10px;margin: 0 5px 0 0;}
div.adminlistItems a.active:hover {	color:#ACA899;text-decoration:none;background-color: #F5F4EA;}
div.adminlistItems a.inActive {padding: 2px 4px;background-color:#F5F4EA;text-decoration:none;color:#ACA899;font-family:Verdana;font-size:10px;margin: 0 5px 0 0;}






/* grayscale images (onHover) for home pages ______________________________*/
img {border: none;}
ul.gallery {width: 676px;list-style: none;margin: 0 auto; padding: 0;}
ul.gallery li {float: left;width: 204px;padding:3px; background:#F17E01;margin: 17px 0 0 0;display: inline;text-align: center;
	/*border: 1px solid #ccc;*/
	/*-moz-border-radius: 3px; --CSS3 Rounded Corners--*/
	/*-khtml-border-radius: 3px; --CSS3 Rounded Corners--*/
	/*-webkit-border-radius: 3px; --CSS3 Rounded Corners--*/
	 /*--Gimp Fix aka IE6 Fix--*/}
ul.gallery li a.thumb {width: 204px;height: 143px;cursor: pointer;}
ul.gallery li span {width: 204px;height: 143px;overflow: hidden;display: block;}
ul.gallery li a.thumb:hover {background: #333;}
ul.gallery li h2 {font-size: 2.2em;font-weight: normal;margin: 0; padding:2px 10px;background: #F17E01;/*border-top: 1px solid #fff*/}
ul.gallery li a {text-decoration: none; color: #000; display: block; border:none}
ul.gallery li a:hover {text-decoration: none; color: #214B83; display: block; border:none}






/* product list for consumer page __________________________________________*/
#menu_blue{
	width:100%;
	margin:0; padding:0; height:120px
}
#menu_blue ul{
	list-style:none;
	width:100%;
}
#menu_blue li{
	display:block;
	float:left;
	
}
#menu_blue li img{width:130px; height:100px}
#menu_blue li a{
	background:#e4e8eb url(../../images/Untitled-1.jpg) repeat-x;
	border:2px solid #bdc5cd;
	margin:0 1px;
	padding:4px;
	display:block;
	float:left;
	color:#2b61a1;
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	height: 130px;width:130px; vertical-align:bottom
}
#menu_blue li a span{
	color:#636363;
	font-size:10px;
	text-transform:lowercase;
	font-weight:normal;
}
#menu_blue li a:hover{
	background:#e46825 url(../../images/Untitled-2.jpg) repeat-x;
	border:2px solid #4a88ce;
	text-decoration:none;
}
#menu_blue li a:hover span{
	color:#636363;
}
.current_blue{
	background:#74befd url(../../images/Untitled-2.jpg) repeat-x;
	border:2px solid #4a88ce;
	margin:0 1px;
	padding:15px 15px 15px 15px;
	display:block;
	float:left;
	color:#2b61a1;
	text-transform:uppercase;
	text-decoration:none;
	font-size:13px;
	cursor:pointer;
	font-weight:bold;
	height: 50px;
}
.current_blue span{
	color:#636363;
	font-size:10px;
	text-transform:lowercase;
	font-weight:normal;
}



.tableBorder { border:1px #fff solid; margin-bottom:10px;/*filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;*/}

/* calendar for admin section _______________________________*/
table.jCalendar {
	border: 0px solid #000;
	background: #fff;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: red;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
	font-family:verdana;
}
table.jCalendar td {
	background: #FCD4D6;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: red;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ffff00;
	font-size: 10px;
	font-family: verdana;
	color:#fff;
	padding: 2px;
	width: 185px;
	line-height: 1.2em;
	margin: 20px 0 0 0;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	color:#000;
	margin: 2px 0;
	padding: 0 0 5px 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: red;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 19px;
	height: 18px;
	padding: 0;
	margin: 6px 3px 0 3px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../../images/calendar.jpg) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 0;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}




/* column list __________________________________________________________*/
.fourColumns  li {width: 50%;float: left; list-style:none;}
/* This will clear the floating in standads compliant browers... might not work in IE */
.fourColumns:after {display: block;clear: both;}

/*<ol class="fourColumns">
<li>An item </li>
<li>Another item </li>
<li>A different item</li>
<li>Item four </li>
<li>etc </li>
<li>An itme </li>
<li>An item </li>
<li>Another item </li>
<li>A different item</li>
<li>Item four </li>
<li>etc </li>
<li>An itme </li>
<li>An item </li>
<li>Another item </li>
<li>A different item</li>
<li>Item four </li>
<li>etc </li>
<li>An itme </li>
</ol>*/