@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none; list-style-position:outside; margin-left: 15px}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* clear Fix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

/* page css*/

body {background: #bcbdc0 url(../images/bg.jpg) repeat-x; font-size: 13px; font-weight: normal; color: #616161; font-family: Arial, Helvetica, sans-serif; line-height: 20px}
#pageContainer {background: url(../images/bg-shadow.png) repeat-y center center;}
.wrapper { width: 920px; margin: 0 auto; position: relative; padding: 0px 20px; background: #FFF;}

.top {background: url(../images/topBG.png) repeat; -moz-border-radius:0px 0px 0px 10px; float:right; max-width: 500px}
#header {height: 160px; clear: both}
.logo, .midNav {float: left}
.logo {height: 125px;}
.midNav {width: 300px; height:100px;}
.login {background: url(../images/loginHor.png) repeat-x 0 0; width: auto; padding:2px;-moz-border-radius: 0px 0px 10px 10px; float:right; max-width: 290px}


#navTop {height: 28px}
.pNav, .sNav {float: left; width: 670px;}
.sNav {width: auto}
.hotspot {float: left; width: 164px }
#navBot {background: url(../images/pNavBg.png) repeat-x 0 0; -moz-border-radius: 10px; height: 26px; padding-top:7px;}
.searchBox {float: right; margin-right: 10px}
.searchBox .submitBut {padding: 2px; border: none;}


#contentCont {width: 100%; padding: 10px 0px; margin-top:10px; overflow: hidden}


.lCol {float: right; width: 267px; line-height: 18px ;padding-right: 8px}
.lCol a {color: #f8ae55}
.lCol h2 {margin-top:10px; background: url(../images/modHeading.gif) repeat-x scroll top right; height:44px}

.titleMod {height: 42px}
span.titleMain {color:#3c7d8f; font-size: 25px; float:left; margin-top:10px}
span.modImage {margin-right:30px; float: right ;}


.mod{border: #3c7d8f solid 1px; background: #fff; -moz-border-radius: 10px; margin-bottom: 20px;}
.tweetMod {padding:5px; overflow:hidden}
.blogMod {min-height: 230px; padding:5px;}



.content {float: left; width:610px; padding:10px 5px}
.content a {color: #f58500}
.main .content{width: 100%; padding: 0px}

#footer {color:#FFF}
#footer a {color: #FFF}
.social {text-align: center}
.footer {text-align: center; height: 50px; background: url(../images/footerBG.jpg) repeat-x 0 0; padding: 10px; -moz-border-radius: 10px;}


/* type general css*/

.content p {line-height: 21px; color: #616161; margin-top: 10px; margin-bottom: 25px}
.content ul {margin: 15px 10px;}
li {line-height: 20px; color: #000}
h1 {font-size: 27px; color:#444; line-height: 35px;}
h2, h3, .componentheading{font-size: 16px; background: #3C7D8F url(../images/topBG.png) repeat scroll 0 0; padding: 8px; color: #fff; margin-top: 4px}
h4 {font-size: 18px;}
h5 {font-size: 20px}

.content img {border: 0px none; padding:2px; clear: none}


/* table styles*/

td {padding: 5px}


.pNav ul, .pNav li {text-decoration:none;}
.pNav li {display:inline; no-repeat left top; float:left; margin:0px 2px;}
.pNav li a{display:block; font-size:12px; text-transform: uppercase; text-decoration:none; white-space: nowrap;height:15px; line-height: 12px; padding: 10px 5px; font-weight: bold }

.pNav li a:link, .pNav li a:visited {color: #666}
.pNav li a:hover {color: #ffb155; text-decoration: underline;}
.pNav li.active a {color:#f1f1f1; font-size: 18px; background: url(../images/nav.png) repeat; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;}



/* user and sec nav*/
.topNav {height: 22px; float: right; margin-right:20px; display:none}
.topNav ul, .topNav li, .sNav ul, .sNav li {text-decoration:none;}
.topNav li, .sNav li {float:left; margin:0px 2px; display: inline;}
.topNav li a, .sNav li a {display:block; text-decoration:none; height:12px; line-height: 12px; padding: 5px ; }
.topNav li a:link, .topNav li a:visited, .sNav li a:link, .sNav li a:visited{color: #fff; font-size:11px; font-weight:bold; text-transform: uppercase}
.topNav li a:hover, .sNav li a:hover {background: #000} {background: #000}
.topNav li.active a, .sNav li.active a {background: #fff; font-weight: bold; color: #000}


.sNav li a{ height:16px; }


.logout {float: left; color: #fff}
.logout input.button {background-color:#000; color:#fff; border: solid 2px #000}
.submitBut, button {background: url(../images/buttonBG.png) repeat-x; font-weight: bold; padding: 5px 10px; color: #FFF; cursor: pointer;  border: solid 2px #000; -moz-border-radius: 10px; border-radius: 10px}

input, select {background: #fff; border: solid 1px #909090; padding: 2px}
textarea {width: 80%; height: 150px}

input:focus, textarea:focus{background: #e3e3e3}

label {padding: 4px; line-height: 20px}
select, textarea {border: solid 1px #909090}



ul.pagination li {float: left}


/* tweet css*/

.tweet-message {margin-top: 10px}