body {

margin: 0;

padding: 1px 0 0 0;

background: #fff;

color: #333;

text-align: center;

font: 0.75em 'Trebuchet MS', Georgia, Tahoma, Verdana, Arial, sans-serif;

}



img {

border: 0;

vertical-align: top;

}



div#containerBox {

width: 775px;

height: auto;

margin: 0 auto;

text-align: left;

}



div#topImages {

position: relative;

width: 775px;

height: 203px;

background: url(img/blue_top_bg.gif) no-repeat top right;

margin: 0 0 20px 0;

}



img#people {

margin: 0 1px 0 0;

}



img#name {

position: absolute;

top: 10px;

left: 300px;

}



img#title {

position: absolute;

top: 147px;

left: 300px;

}



div#title {

position: absolute;

top: 147px;

left: 300px;

}



div#title h1 {

margin: 3px 0 9px 0;

color: #FFFFFF;

font-size: 1.1em;

}



div#floatingad {

float:left;

margin-top:0px;

margin-right:10px;

margin-bottom:5px;

}



/*Drop down menu */



div#navBox {

position: absolute;

top: 173px;

left: 290px;

}



ul#nav {

padding: 0;

margin: 0;

list-style: none;

}



ul#nav li {

float: left;

position: relative;

margin: 0 10px;

background: #336699;

}



ul#nav li a {

display: block;

color: #fff;

text-decoration: none;

font-size: 1.1em;

border-top: 7px solid #336699;

}



ul#nav li a:hover {

display: block;

color: #fff;

text-decoration: none;

font-size: 1.1em;

border-top: 7px solid #fff;

}



ul#nav li ul {

display: none;

position: absolute; 

top: auto;

left: -40px;

color: #fff;

}



ul#nav li > ul {

top: auto;

left: -40px;

}



ul#nav li ul li {

padding: 0;

margin: 0;

}



ul#nav li ul li a {

display: block;

width: 150px;

height: 20px;

margin: 0;

padding: 3px 0 0 3px;

border-top: 1px solid #336699;

border-left: 1px solid #336699;

border-right: 1px solid #336699;

background: #6699CC;

}



ul#nav li ul li a:hover {

display: block;

width: 150px;

height: 20px;

margin: 0;

padding: 3px 0 0 3px;

border-top: 1px solid #336699;

border-left: 1px solid #336699;

border-right: 1px solid #336699;

background: #336699;

}



ul#nav li:hover ul, ul#nav li.over ul { 

width: 150px; 

display: block; 

}



/*Drop down menu end */



div#leftPanel {

width: 187px;

height: auto;

margin: 0 0 20px 0;

float: left;

}



ul#articlesList {

margin: 10px 0 10px 10px;

padding: 0;

list-style: none;

}



ul#articlesList li {

margin: 5px 0;

padding: 0;

}



ul#articlesList li a {

color: #336699;

text-decoration: none;

}



div#textBox {

width: 430px;

height: auto;

margin: 0 5px 0 15px!important;

margin: 0 3px 0 7px;

float: left;

}



div#textBox pre {

margin: 5px 0;

text-indent: 0px;

}



div#textBox p {

margin: 5px 0;

text-indent: 15px;

}



div#textBox h1 {

margin: 3px 0 9px 0;

color: #336699;

font-size: 1.1em;

}



div#textBox h2 {

margin: 3px 0 9px 0;

color: #000000;

font-size: 1.1em;

}



div#textBox h3 {

margin: 3px 0 9px 0;

color: #000000;

font-size: 1.1em;

}



div#adsPanel {

width: 120px;

height: auto;

margin: 0;

float: right;

}



div#footer {

width: 775px;

height: 28px;

clear: both;

margin: 20px 0 5px 0;

color: #fff;

background: url(img/footer_bg.gif) no-repeat top center;

text-align: center

}



div#footer a {

color: #fff;

text-decoration: none;

line-height: 200%;

}



div#copyright {

color: #336699;

text-align: center;

}



div#copyright a {

color: #336699;

text-decoration: none;

}



/*WB styles for elements unused in this template*/

.menu {

	float: left;

	width: 140px;

	margin: 10px;

	margin-top: 3px;

}

.menu ul, .menu li {

	margin: 0;

	padding: 0;

	list-style: none;

	margin-bottom: 5px;

}

.menu ul ul {

	padding-left: 8px;

}

.menu a:link, .menu a:visited, .menu a:active, .menu a:hover {

	display: block;

	padding: 2px;

}

.menu_main a:link, .menu_main a:visited, .menu_main a:active {

	border-bottom: 1px dashed #999999;

}

.menu_main a:hover {

	border-bottom: 1px dashed #333333;

}

.login_table {

	border: 1px solid #D0D0D0;

	margin-top: 20px;

	margin-bottom: 5px;

	text-align: center;

	padding-bottom: 3px;

}

.login_table h1 {

	color: #660033;

	font-size: 12px;

	text-transform: uppercase;

	font-weight: bold;

	text-align: center;

	margin: 5px 0px 5px 0px;

}

.login_table input {

	text-transform: uppercase;

	font-size: 10px;

	margin: 5px 0px 1px 0px;

	width: 100px;

}

.content {

	margin-left: 150px;

	padding: 4px 10px 14px 10px;

	text-align: justify;

	clear: right;

}



.powered_by {

	text-align: center;

	font-size: 10px;

	padding-top: 2px;

}


