*{
	margin:0px;
	padding:0px;
}
body{
	font-family: Helvetica;
}
.right{ float:right;}
.left{ float:left;}
a {color:#555; font-weight:bold;}

#topheader{width:100%;
	background: rgb(249,198,69); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(249,198,69,1) 0%, rgba(249,197,64,1) 25%, rgba(248,181,0,1) 53%, rgba(249,208,104,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,198,69,1)), color-stop(25%,rgba(249,197,64,1)), color-stop(53%,rgba(248,181,0,1)), color-stop(100%,rgba(249,208,104,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(249,198,69,1) 0%,rgba(249,197,64,1) 25%,rgba(248,181,0,1) 53%,rgba(249,208,104,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(249,198,69,1) 0%,rgba(249,197,64,1) 25%,rgba(248,181,0,1) 53%,rgba(249,208,104,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(249,198,69,1) 0%,rgba(249,197,64,1) 25%,rgba(248,181,0,1) 53%,rgba(249,208,104,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(249,198,69,1) 0%,rgba(249,197,64,1) 25%,rgba(248,181,0,1) 53%,rgba(249,208,104,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c645', endColorstr='#f9d068',GradientType=0 ); /* IE6-9 */
	border-bottom:solid 3px #336699;
}
.bg {width:100%;height:90px;background:url(../images/head-bg.png) repeat-x 0 0;}
.logo{float:left;margin:5px 0 0 20px;}
.logo a {display:block;width:80px;height:80px;background:url(../images/logo.png) no-repeat;color:transparent!important}
.title {float:left;margin:20px 0 0 20px}
.title h1 {color:#1e5891;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);font-family: 'Jockey One', sans-serif; font-size:28px;font-weight:bold;padding:0;}
.title h2 {font-size:16px;font-family: 'Jockey One', sans-serif;color:#1e5891;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);padding:0}

/* user panel */
.rpanel {float:right;margin: 15px 20px 0;overflow: hidden;}
.rpanel h4 {font-size: 14px;color:#1e5891;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);letter-spacing: -1px;margin: 0;padding: 0;}
.rpanel p {color: #1e5891;font-size: 12px;font-weight: bold;margin: 0;padding: 0;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);}
.rpanel p a {color: #1e5891;text-decoration: none;}
.rpanel p a:hover {color: #336699;}
.rpanel hr {border-bottom-color: #20568B;border-top-color: #042C54;margin: 3px 0;}
.rpanel .inlink {background: #336699;border-radius: 4px;color: #FFFFFF;display: inline-block;float: left;font-size: 11px;font-weight: bold;margin: 3px 3px 0 0;padding: 1px 5px;text-decoration: none;text-shadow: 0 1px 1px #333333;}
.rpanel .inlink:hover {background: #000033;}
.rpanel .logout {height:40px;line-height:40px;border-left: 1px dotted #2989D8;color:#336699;display: block;font-size: 11px;font-weight: bold;margin: 15px 0 0 10px;padding: 0 0 0 40px;text-align: center;text-decoration: none;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);background:url(../images/ic-logout.png) no-repeat 10px 50%}
.rpanel .logout:hover {color:#000033}

#footer{width:100%;margin:0 0 0 0;background:url(../images/footer-bg.png) repeat left top;border-top:solid 3px #336699;
	height: 29px;
	text-align: center;
	line-height: 29px;
	z-index: 11;
	font-size:12px;
	padding:0px;
}
.footer_content{width:100%;margin:auto;color:#555;}
.footer_content a{color:#555; text-decoration:none;}
.footer_content a:hover {color:#333}
.footer_bottom{clear:both;padding:0 0;float:left;width:100%;}
.footer_bottom_left{float:left;}
.copyrights{float:left; padding:0 0 0 5px;text-shadow:0 1px 0 #fff}
.copyrights a {font-weight:bold}
.footer_right_links{width:300px; float:right; padding:0; text-align:right;}
.footer_right_links ul{ list-style:none; padding:0px; margin:0px; }
.footer_right_links ul li{padding:0px; margin:0px;display:inline;}
.footer_right_links ul li a{padding:0px; margin:0px; padding:0 12px 0 12px;color:#555;text-shadow:0 1px 0 #fff;text-decoration:none;}