/** document general options **/
body {font:9pt Helvetica, Arial, Tahoma, sans-serif; background:url(../img/side_gradient.gif) #fff repeat-y center; color: #333; font-size: 12px;}
body, html {height:100%}

a {color:#169edd; text-decoration:none; font-weight:bold;text-decoration:none;}
a:hover {color:#004460;}
a.blue-link {color:#169edd;}
a.blue-link:hover {color:#004460;}
a.green-link {color:#7BC143;}
a.green-link:hover {color:#286100;}

span.clearFix {width:100%; height:0px; visibility:hidden; clear:both; display:block; margin:0; padding:0; font-size:0px;}
.hidden {display:none;}

/** button stylings **/
div.inner-nav {clear:both; margin:10px 0;}
div.inner-nav a, a.button {display:inline-block; background:url(../img/bg-buttons-left.gif) no-repeat; text-decoration:none; height:21px; padding:0 0 0 15px; color:#fff; font-weight:bold;
font-size:9pt;}
div.inner-nav a:hover, a.button:hover {color:#333;}
div.inner-nav a span, a.button span {display:block; background:url(../img/bg-buttons-right.gif) no-repeat right; padding:0 15px 0 0; line-height:21px;}
a.button {margin:0 10px;}
a.headlink{width: 405px; display:block; font-weight:normal; color: #fff}
a.headlink:hover{color: #ccc}

.align-left {float:left;}
.align-right {float:right; padding-right:5px;}

div#container {position:relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -113px;}
.push {height:133px;}

/** HEADER AND NAVIGATION **/
	
	/** header userbox **/
	p#userbox {float:right; color:#c1cad0; background:url(../img/icon-greet-user.gif) no-repeat 0px 5px; padding:5px 0px 0px 18px; margin:0;}
	p#userbox small {display:block; margin-top:5px; color:#8d9599; font-size:0.9em;}
	
	div#top {height:179px; background:url(../img/main_banner.jpg) no-repeat top; margin:0 auto;}
	div#menuholder {background:url(../img/bg-topnav-mask.gif) no-repeat top; height:40px; margin:0 auto;}
	
	/** menu **/
	ul#menu {margin:0 auto; width:1000px;}
	ul#menu li {float:left; height:40px; position:relative}
	ul#menu li a {color:#fff; text-decoration:none; padding:15px 12px 5px; height:20px; display:inline-block; text-align:center; text-transform:uppercase; font-weight:bold; background:url(../img/bg-topnav-mask.gif) no-repeat 0 0; position:relative;}
	ul#menu li.home a {padding:12px 15px 8px;}
	ul#menu li a:hover {color:#fff; background:#fff; background:url(../img/bg-topnav-mask.gif) no-repeat top right;}
	ul#menu li.selected a {background:#ffffff; color:#004460; border-top:1px solid #169edd;}
	ul#menu li.selected ul li a {border:none;}
	
		ul#menu li ul {position:absolute; top:40px; min-width:200px !important; left:0px; z-index:999; background:#fff; visibility:hidden; display:none;
		padding-bottom:10px; border:2px solid #ccc; border-left:none; border-top:none; border-right-width:1px; padding-top:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
		ul#menu li ul li {float:none; height:auto; border-bottom:1px dotted #d6d8d9;}
		ul#menu li ul li:hover {background:url(../img/bg-submenu-hover.gif) #e5f5fc no-repeat;}
		ul#menu li ul li a {padding:6px 3px 6px 20px; display:block !important; background:url(../img/link-arrow-regular.gif) no-repeat 10px 8px !important; color:#5c6467; text-decoration:none; text-align:left; text-transform:capitalize; height:auto; background-color:none !important; font-weight:normal;}
		ul#menu li ul li a:hover {color:#000; background:url(../img/link-arrow-hover.gif) no-repeat 10px 8px !important;}
			
/** END OF HEADER **/

/** CONTENT **/
div#content {padding-top:14px; margin:0 auto; background: url("../img/main_bg.png") top no-repeat; min-height: 400px;}
div#content-inner {width:1000px; margin: 0 auto;}

	/** main heading of the page **/
	div#content-top {border-bottom:1px solid #bcbcb7; padding-bottom:8px; margin-bottom:15px;}
	div#content-top a#topLink {float:right; background:url(../img/icon-blue-arrow.gif) no-repeat; display:inline-block; padding-left:23px; text-decoration:none; font-weight:bold; color:#508db8; height:16px; margin-top:10px; margin-right:12px;}
	div#content-top a#topLink:hover {color:#333;}
		
		
	/** box general settings **/
	div.box {margin-bottom:20px; background: none;}
	div.box-container {background-color:#fff; padding: 5px 5px 0; margin:0;}
	div.box-container p {margin:0 5px 15px; line-height: 1.5em;}
	div.full-col div.box-container .content {margin-top: 10px;}
	div.box-container .content p {margin-bottom:0px; padding:0 0 10px;}
	div.box-container .content ul {margin-left:30px; margin-bottom:0px; list-style: disc; padding:0 0 10px;}
	div.box-container .content li {margin-bottom:5px; padding:0;}
	div.box-container h5 {color:#333; padding-left:0px; border-bottom:1px solid #d7d9d9; font-weight:bold; padding-bottom:7px; margin-bottom:1px; padding-top: 1px;}
	div.box-container h5 span {font-weight:normal; font-size:0.9em;}
	div.box-container-f-l {height:15px; width:730px; background:url(../img/box-f-l.png) no-repeat 0 0;}
	div.box-container-f-m {height:15px; width:390px; background:url(../img/box-f-m.png) no-repeat 0 0;}
	div.box-container-f-s {height:15px; width:250px; background:url(../img/box-f-s.png) no-repeat 0 0;}
	
	div.box h1, div.box-container h2 {background:url(../img/header-large-blue.png) no-repeat 0 0; padding:16px 10px 10px 47px; color:#fff; font-size:25px; margin:0;}
	div.box h3.jobs {background:url(../img/header-medium.png) no-repeat; padding:16px 16px 10px; color:#fff; font-size:14px; margin:0;}
	div.box h3.forumhead{background:url(../img/header-medium-forum.png) no-repeat; padding:16px 16px 10px; color:#fff; font-size:14px; margin:0;}
	div.box h3.rss{background:url(../img/header-medium-rss.png) no-repeat; padding:16px 16px 10px; color:#fff; font-size:14px; margin:0;}

	div.box h4 {background:url(../img/header-small.png) no-repeat; padding:16px 16px 10px; color:#fff; font-size:14px; margin:0;}
	div.box h1.green {background:url(../img/header-large-green.png) no-repeat;}
	div.box h1.pink {background:url(../img/header-large-pink.png) no-repeat;}
	
	#menu1 li h1, #menu1 li h2 {width:538px;}
	#menu1 li h1 a, #menu1 li h2 a {display:block; color:#fff; font-weight:normal; font-size:25px;}
	#menu1 li h1.mediumblue {background:url(../img/header-medium-blue.png) no-repeat; padding-bottom:5px; padding:16px 10px 5px 42px; margin:0;}
	#menu1 li h2.mediumpink {background:url(../img/header-medium-pink.png) no-repeat; padding-bottom:5px; padding:11px 10px 5px 42px; margin:0;}	
	#menu1 li h2.mediumgreen {background:url(../img/header-medium-green.png) no-repeat; padding-bottom:5px; padding:11px 10px 5px 42px; margin:0;}
	#menu1 li a, #menu1 li a:hover {cursor:pointer;}
	#menu1 p {padding:10px 10px 5px; background: #fff; color: #333; line-height: 1.5em; width:570px; margin:0;}
	#bottomlip {width:590px; height:15px; background:url(../img/bottomlip.png) transparent no-repeat;}

	/** columns **/
	div#left-col {float:left; margin-right:20px; width:250px;}
	div#mid-col {width:510px; float:left;}
	div.full-col {width:730px !important; margin-right:0 !important;}
	div#home-col {width:590px; float:left;}
	div#home-col #topbox {margin-bottom:8px;}
	div#home-col #topbox p {color: #fff; font-size: 24px;}
	div#homeright-col {width:390px; margin-left:20px; float:left;}
		
	/** list links **/
	ul.list-links, div#to-do-list ul {margin:0;float:left;}
	ul.list-links li {float:none; height:auto; border-bottom:1px dotted #d6d8d9;margin:0;}
	ul.list-links li a {padding:8px 3px 6px 20px; display:block !important;; background:url(../img/link-arrow-regular.gif) no-repeat 10px 10px #fff; color:#333; text-decoration:none; font-weight:bold; width:217px;margin:0;}
	ul.list-links li.selected a {background:url(../img/link-arrow-regular.gif) no-repeat 10px 10px #e5f5fc; color:#000;}
	ul.list-links li a:hover {background:url(../img/link-arrow-hover.gif) no-repeat 10px 10px #e5f5fc; color:#000;}
	ul.list-links li ul {font-size:0.9em; margin:0; padding:0;}
	ul.list-links li ul li {border-bottom:none; padding-left:10px;margin:0;}
	ul.list-links li ul li a {padding:8px 3px 6px 20px !important;width:207px;margin:0;font-weight:normal}
	ul.list-links li a.ui-state-active {font-weight:bold;}
	
	/** system messages **/
	div#sys-messages-container h5 {background:url(../img/icon-messages.gif) no-repeat;}
	div#quick-send-message-container h5 {background:url(../img/icon-quick-send-message.gif) no-repeat;}
	
	div#sys-messages-container ul {margin-bottom:20px;}
	div#sys-messages-container ul li {font-size:0.8em; padding:8px; position:relative;}
	div#sys-messages-container ul li a.sysmessage-delete {position:absolute; right:8px; top:7px;}
	div#sys-messages-container ul li a:hover {text-decoration:none;}
	
	div#sys-messages-container ul li.even-messages {background:#f3f6f7;}
	div#sys-messages-container ul li.even-messages a {color:#314d5b;}
	
	div#sys-messages-container ul li.odd-messages {background:#ebf0f3;}
	div#sys-messages-container ul li.odd-messages a {color:#1f2f35;}
	
	/** quick send message **/
	div#quick-send-message-container form {background:#f2f2f2; padding:8px; font-size:0.9em; color:#333; margin-bottom:5px;}
	div#quick-send-message-container form fieldset p {margin-bottom:6px !important;}
	div#quick-send-message-container form p:first-child {margin-top:0px;}
	div#quick-send-message-container form p label {font-weight:bold; display:block; margin-bottom:5px;}
	
	div#quick-send-message-container form input#message-title, div#quick-send-message-container form textarea {padding:5px; font-size:0.9em; border:1px solid #ccc; width:175px;
	font-family:Helvetica, Arial, sans-serif}
	
	/** to-dos **/
	ul.tab-menu {border-bottom:2px solid #3a4043; height:27px;}
	ul.tab-menu li {float:left; margin-right:5px;}
	ul.tab-menu li.tabs-selected a {background:#3a4043; color:#c4a93d; font-weight:bold;}
	ul.tab-menu li a {display:inline-block; background:#737d81; color:#ccc; font-weight:normal; padding:6px 10px; text-transform:uppercase; text-decoration:none;}
	.tabs-hide {display:none;}
	
	div#to-do-list ul {margin-top:-10px;}
	div#to-do-list ul li {border-bottom:1px solid #eeeddb; padding:8px 10px;}
	div#to-do-list ul li.even {background:#f5f4eb;}
	div#to-do-list ul li.odd {background:#fbfbf7;}
	div#to-do-list ul li a {font-weight:bold; color:#ae9a62;}
	div#to-do-list ul li a:hover {color:#666; text-decoration:none;}
	div#to-do-list ul li small {display:block; padding:5px 0 0 24px; font-size:0.9em; color:#999;}
	
	/* tables */
	table.table-short {width:500px; 	margin:-5px 0 0 -5px; border-collapse:collapse;	}
	table.table-long {width:740px; margin-left:-10px}
	table.table-short td, table.table-long td {border-top:1px solid #dfdfdf; font-size:0.9em; 	padding:10px 0; margin:0; color:#666;}
	table.table-short thead td, table.table-long thead td {font-weight:bold;}
	table.table-short thead td, table.table-short tfoot td, table.table-long thead td, table.table-long tfoot td {border:none;}
	table.table-short td:first-child, table.table-long td:first-child {text-align:left; padding:0 0 0 10px;}
	table.table-short tfoot, table.table-long tfoot {border-top:1px solid #ccc;}
	
	table.table-short tr.odd, table.table-long tr.odd {	background:url(../img/bg_tableRow.gif) repeat-x 0px 1px;	}
	
	td.col-chk {width:40px;}
	td.col-first {font-weight:bold; width:200px;}
	td.col-second a {color:#508db8; font-weight:bold;}
	td.col-second a:hover {text-decoration:none; color:#333;}
	
	td.row-nav {width:110px;}
	a.table-edit-link, a.table-delete-link {color:#666; text-decoration:none; display:inline-block; margin-right:10px; padding-left:20px; height:16px; text-align:right;}
	a.table-edit-link:hover, a.table-delete-link:hover {color:#000;}
	a.table-delete-link {margin-right:0px !important; background:url(../img/icon-delete.gif) no-repeat;}
	a.table-edit-link {background:url(../img/icon-edit.gif) no-repeat;}
	
	/** CALENDAR & DATE **/
	div#date-container {background-color:#f3f6f7; margin:-10px -10px 15px -10px; padding:10px; }
	div#date-container img {float:left; margin-right:10px;}
	div#date-container span.hour, div#date-container span.date {display:block; float:left;}
	div#date-container span.hour {font-size:220%; font-weight:bold; color:#d8a416; padding-top:2px;margin-right:10px;}
	div#date-container span.date {color:#666; font-size:0.8em; padding-top:4px;}
	
	div#calendar-container {width:100%;}
	div#calendar-container h5 {background-image:url(../img/icon-calendar.gif); background-repeat:no-repeat; display:block;}
	div#calendar-container div.ui-datepicker-header {background:#a1b1b3; padding:10px; text-align:center;
	position:relative; color:#fff; font-weight:bold; margin-bottom:1px;}
	span.ui-icon {position:absolute; top:10px; cursor:pointer;}
	.ui-icon-circle-triangle-e {right:10px;}
	.ui-icon-circle-triangle-w {left:10px;}
	a.ui-state-highlight {background:#fff;color:#ac0000; font-weight:bold;}
	a.ui-datepicker-next-hover span, a.ui-datepicker-prev-hover span {color:#000 !important;}

	table.ui-datepicker-calendar {width:203px; padding:5px; background:#f2f2f2; font-size:0.9em;}
	table.ui-datepicker-calendar th,table.ui-datepicker-calendar td {
	text-align:center; font-weight:bold; padding:2px;}
	table.ui-datepicker-calendar a {text-decoration:none; display:block; text-align:center;
	color:#666; padding:3px; border:1px solid #f2f2f2;}
	table.ui-datepicker-calendar a:hover {border:1px solid #ccc;}
	table.ui-datepicker-calendar a.ui-state-active {color:#ac0000 !important; border:1px solid #ccc; background:#fff;}
	td.ui-datepicker-week-end a {color:#999;}
	
	/** QUICK VISUAL LINKS **/
	ul#quick-visual-links {width:100%;}
	ul#quick-visual-links li {float:left;}
	ul#quick-visual-links li a {width:62px; text-align:center; margin:0 3px 5px 0; font-size:0.9em; border:1px solid #ccc; display:block; padding:5px 0; text-decoration:none; color:#444; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	ul#quick-visual-links li img {margin-bottom:3px;}
	ul#quick-visual-links li a:hover {color:#000; border-color:#999; background:#f3f6f7}
	
	/** FOOTER **/	
	div#footer-wrap {position:relative; margin: 0 auto;}
	div#footer {background: url("../img/footer_bg.gif") top no-repeat; height:113px; position:relative; margin:0 auto;}
	
	div#footer-top {color:#fff; width:1000px; margin:0 auto; padding:20px 0;}
	div#footer-top a {color:#fff; font-weight:bold; font-size:0.9em; text-decoration:none;}
	div#footer-top a:hover {color:#fff;}
	div#footer-top p {margin-bottom:10px;}
	div#footer-top .footer-right {float:right;}
	div#footer-top .footer-right img {float:right; margin-left:10px;}
	div#footer-top .footer-right p {float:right; text-align:right;}	
	
/**MINOR NAV FOR HOME PAGE**/
#nav ul {position: relative; height:45px; width:389px;float:right;background: url("/HeaderImages/nav.jpg") no-repeat; margin-bottom:18px;}

#nav ul li {float: right;list-style: none;}
#nav ul li a {position: absolute ;margin:0;text-indent: -9999px;text-decoration: none;border: none !important;top: 0; height: 45px;background: url("../img/minor_nav.png") no-repeat;		}

#nav ul li#nav-clock a {left: 0; width: 122px; background: url("../img/minor_nav.png") 0 0 no-repeat;	}
#nav ul li#nav-energy a {left: 132px; width: 124px; background: url("../img/minor_nav.png") -132px 0 no-repeat;	}
#nav ul li#nav-exchange a { left: 264px; width: 128px; background: url("../img/minor_nav.png") -264px 0 no-repeat;	}

#nav ul li#nav-clock a:hover, #nav ul li#nav-clock a.over { background-position: 0 -45px; }
#nav ul li#nav-energy a:hover, #nav ul li#nav-energy a.over { background-position: -132px -45px; }
#nav ul li#nav-exchange a:hover, #nav ul li#nav-exchange a.over { background-position: -264px -45px; }

div.box-container ul.homelist {list-style: none; margin:0; padding:0;}
div.box-container ul.homelist li {margin:0; padding:0;border-bottom:1px dotted #d6d8d9;padding:6px 3px;}

small {font-size:11px; font-style: italic; color:#a2a5a8;}
h3 {font-weight:bold; font-size:150%; margin-bottom:10px;}
h3 a,h4 a{color:#ffffff}
.gallery {margin: 0 auto; width:640px;}
#photos {text-align: center;}
#photos p {text-align:left;}