﻿/* CSS Document */

body,html {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background: #FFFFFF url(images/page_back.gif) repeat-x top;
}

img {
	border: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
}

div#wrapper {
	width: 959px;
	background-image: url(images/wrapper_back.gif);
	margin: auto;
}

div#wrapper div#shadow_left {
	background: transparent url(images/shadow_left.gif) no-repeat left top;
	padding-left: 12px;
	width: 947px;
}

div#wrapper div#shadow_left div#shadow_right {
	background: transparent url(images/shadow_right.gif) no-repeat right top;
	padding-right: 12px;
	width: 935px;
}

div#wrapper div#navbar {
	height: 42px;
	background-image: url(images/navbar_back.gif);
	padding-left: 24px;
}

div#wrapper img#header_img {
	border-bottom: 1px solid #FFFFFF;
	display: block; /* remove gap underneath in IE */
}

div#wrapper div#sidebar {
	float: left;
	width: 147px;
	margin-right: 2px;
}

div#wrapper div#sidebar a {
	display: block;
	height: 21px;
	width: 134px;
	line-height: 21px;
	background: transparent url(images/sidebar_link.gif) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 13px;	
}

div#wrapper div#sidebar a:hover {
	background: transparent url(images/sidebar_link_over.gif) no-repeat left top;
	color: #7baded;

}

div#wrapper div#sidebar h1 {
	color: #fdc20d;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	height: 32px;
	line-height: 32px;
	padding-left: 11px;
	padding-bottom: 3px;
	background: transparent url(images/sidebar_header.gif) no-repeat left;
	margin-bottom: -3px;

}

div#wrapper div#main {
	float: left;
	width: 786px;
}

div#wrapper div#main div.blue_bar {
	height: 32px;
	background-image: url(images/blue_bar.gif);
	text-align: right;
}

div#wrapper div#main div.blue_bar img.left {	
	float: left;
}

div#wrapper div#main div.blue_bar2 {
	height: 32px;
	background-image: url(images/blue_bar2.gif);
}

div#wrapper div#main div.blue_bar2 img.left {	
	float: left;
}


div#wrapper div#main div.blue_bar div#welcome_box {
	float: right;
	padding-top: 7px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 273px;
	background-image:url(images/welcome_box_back.gif);
	font-weight: bold;
	font-size:xx-small;
	color: #88a8df;
}

div#wrapper div#main div.blue_bar div#welcome_box span.date {
	color: #cbdcf9;
}

div#wrapper div#main div#fp_featured_article {
	background: #0d0d0d url(images/fp_article_back.gif) repeat-y 464px 0px;
	height: 208px;
	padding-right: 18px;
}
div#wrapper div#main div#fp_featured_article div#quote {
	color: #999999;
}

div#wrapper div#main div#fp_featured_article h1 {
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
	font-size: 15px;
}

div#wrapper div#main div#fp_featured_article h1 a {
	color: #fdc20d;
}

div#wrapper div#main div#fp_featured_article em {
	color: #fdc20d;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-style: italic;
}
div#wrapper div#main div#fp_featured_article h2 {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}
div#wrapper div#main div#fp_featured_article h2 a {
	color: #999999;
	text-decoration: underline;
	font-weight: bold;
}


div#wrapper div#main div#fp_featured_article h1 a:hover {
	color: #FFFFFF;
}

div#wrapper div#main div#fp_featured_article p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
}

div#wrapper div#main div#fp_featured_article img {
	float: left;
	margin-right: 24px;
	display: block;
}

div#wrapper div#main div#fp_featured_article a {
 	font-weight: bold;
	color: #FFFFFF;
}

div#wrapper div#main div#fp_whats_new {
	height: 227px;
	_height:  230px;
	padding-top: 12px;
	background: #8a8a8a url(images/fp_whats_new_back.gif) repeat-x top;
	border-bottom: 1px solid #878787;
	padding-left: 2px; /* make up for first one... */
}

div#wrapper div#main div#fp_whats_new div.preview {
	float: left;
	width: 187px;
	height: 217px;
	margin: 0px 4px;
	_margin: 0px 3px;
}

div#wrapper div#main div#fp_whats_new div.preview img.thumb {
	border: 1px solid #888888;
	margin-bottom: 3px;
}

div#wrapper div#main div#fp_whats_new div.preview div.desc {
	background: #080808 url(images/new_previews_back.gif) repeat-x top;
	border: 1px solid #888888;
	padding: 7px;
}

div#wrapper div#main div#fp_whats_new div.preview div.desc h1  {
	color: #fdc20d;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 7px;
}

div#wrapper div#main div#fp_whats_new div.preview div.desc h1 a {
	color: #fdc20d;
}

div#wrapper div#main div#fp_whats_new div.preview div.desc h1 a:hover {
	color: #FFFFFF;
}

div#wrapper div#main div#fp_whats_new div.preview div.desc div.links {
	padding-top: 15px;
	font-weight: bold;
	color: #707070;
}

div#wrapper div#main div#fp_whats_new div.preview div.desc div.links a {
	color: #999999;
}

div#wrapper div#main div#fp_whats_new div.preview div.desc div.links a:hover {
	color: #888888;
}

div#wrapper div#main div#black_div {
	clear: both;
	background-color: #000000;
	height: 27px;
}

div#wrapper div#main div.fp_article em {
	color: #2b67ba;
	font-size: 20px;
	font-weight: bold;
}

div#wrapper div#main div div.fp_article a  {
	color: #2b67ba;
	text-decoration:underline;
}

div#wrapper div#main div#main_left {
	width: 504px;
	padding: 9px 5px 0px 10px;
	float: left;
	color: #515151;
}

div#wrapper div#main div#main_left div.fp_article {
	padding: 5px;
	background: #f1eeee;
	margin: 3px 0px;
	border: 1px solid #cbcbcb;
	height: auto;
}

div#wrapper div#main div#main_left div.fp_article h1 {
	font-size: 12px;
}

div#wrapper div#main div#main_left div.fp_article h1 a {
	font-size: 12px;
	text-decoration: underline;
}

div#wrapper div#main div#main_left div.fp_article table {
	color: #515151;
}

div#wrapper div#main div#main_left div.fp_article div.thumb {
	width: 154px;
	height: 94px;
	float: left;
	text-align: center;
	background-image: url(images/thumb_back.gif);
	margin-right: 10px;
	line-height: 94px;
	vertical-align: middle;
}

div#wrapper div#main div#main_left div.fp_article div.thumb2 {
	width: 154px;
	height: 144px;
	float: left;
	text-align: center;
	margin-right: 10px;
	line-height: 94px;
	vertical-align: middle;
}

div#wrapper div#main div#main_left div.fp_article img.icon {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

div#wrapper div#main div#main_left div.fp_article div.thumb img {

	margin-top: 11px;
	
}

div#wrapper div#main div#main_left div.fp_article div.thumb2 img {

	margin-top: 11px;
	
}

div#wrapper div#main div#main_left div.fp_article strong {
	color: #2b67ba;
}

div#wrapper div#main div#main_left div.fp_article a  {
	color: #2b67ba;
	text-decoration:underline;
}

div#wrapper div#main div#main_left div.fp_article strong a {
text-decoration:underline;
}

div#wrapper div#main div#main_left div.fp_article em {
	color: #2b67ba;
	font-size: 18px;
	font-weight: bold;
}

div#wrapper div#main div#main_left div.fp_article span.date {
	color: #b6b6b6;
	font-size: 10px;
}

div#wrapper div#main div#main_left div#fp_ads {
	padding: 5px;
	background: #DDDDDD;
	margin: 3px 0px;
	border: 1px solid #999999;
}

div#wrapper div#main div#main_right {
	float:right;
	width: 260px;
	padding-top: 9px;
	padding-left: 5px;
}

div#wrapper div#main div#main_right div.black_box {
	background: #000000 url(images/black_rounded.gif) no-repeat left bottom;
	width: 258px;
	color: #707070;
	font-size: 10px;
	padding-bottom: 6px;
	margin-bottom: 5px;
}

div#wrapper div#main div#main_right div.black_box a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}

div#wrapper div#main div#main_right div.black_box a:hover {
	color: #fdc20d;
}

div#wrapper div#main div#main_right div.black_box div.entry {
	height: 90px;
	margin: 7px;
}
div#wrapper div#main div#main_right div.black_box div.entry img {
	float: left;
	margin-right: 10px;
}

div#wrapper div#main div#main_right div.black_box div.topic {
	background: transparent url(images/bullet.gif) no-repeat 10px 6px;
	padding-left: 20px;
	margin-top: 10px;
}

div#wrapper div#main div#main_right div.black_box div.call_me {
	padding-left: 90px;
	color: #fdc20d;
}

div#wrapper div#main div#main_right div.black_box div.call_me a {
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
}

div#wrapper div#main div#main_right div.black_box div.call_me a:hover {
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
}

div#wrapper div#footer {
	clear: both;
	height: 34px;
	background-image: url(images/footer_back.gif);
	color: #707070;
}

div#wrapper div#footer a {
	color: #FFFFFF;
}

div#wrapper div#footer a:hover {
	color: #fdc20d;
}

div#wrapper div#footer div#footer_left {
	float: left;
	margin-left: 14px;
	margin-top: 10px;
	color: #666666;
}

div#wrapper div#footer div#footer_right {
	font-weight: bold;
	float: right;
	margin-top: 10px;
	margin-right: 43px;
	font-size: x-small;
}

div#header {
	clear: both;
	height: 65px;
	background-image: url(images/header_img.jpg);
	color: #707070;
	width: 935px;
}
div#header a {
	color: #666666;
}

div#header a:hover {
	color: #fdc20d;
}

div#header div#header_right {
	font-weight: bold;
	float: right;
	margin-top: 42px;
	margin-right: 40px;
	font-size: x-small;
}
div#contact_info {
	color: #76A8DF;
	background: transparent url(images/sidebar_link2.gif) no-repeat left top;
	margin-left: 0px;
	font-weight: bold;
	position: relative;
	top: 20px;
	font-size: xx-small;
	height: 61px;
	padding-left: 10px;
	padding-top: 2px;

}
div#wrapper div#main div#main_content {
	width: 765px;
	padding: 0px 10px;
	float: left;
	color: #515151;
	padding-top: 9px;
}

div#wrapper div#main div#main_content div.fp_article {
	padding: 5px;
	background: #f1eeee;
	margin: 3px 0px;
	border: 1px solid #cbcbcb;
	height: auto;
}

div#wrapper div#main div#main_content div.fp_article table{
	color: #666666;
	font-size: x-small;
}

div#wrapper div#main div#main_content div.fp_article div.thumb {
	width: 154px;
	height: 94px;
	float: left;
	text-align: center;
	background-image: url(images/thumb_back.gif);
	margin-right: 10px;
	line-height: 94px;
	vertical-align: middle;
}

div#wrapper div#main div#main_content div.fp_article div.thumb2 {
	width: 154px;
	height: 144px;
	float: left;
	text-align: center;
	margin-right: 10px;
	line-height: 94px;
	vertical-align: middle;
}

div#wrapper div#main div#main_content div.fp_article div.thumb img {
	border: 1px solid #FFFFFF;
	margin-top: 11px;
	
}

div#wrapper div#main div#main_content div.fp_article div.thumb2 img {
	border: 1px solid #FFFFFF;
	margin-top: 11px;
	
}

div#wrapper div#main div#main_content div.fp_article strong,
div#wrapper div#main div#main_content div.fp_article a  {
	color: #2b67ba;
}

div#wrapper div#main div#main_content div.fp_article h1  {
	font-size: 14px;
}
div#wrapper div#main div#main_content div.fp_article h1 a {
	color: #333333;
	text-decoration: underline;
	font-size: 12px;
}

div#wrapper div#main div#main_content div.fp_article span.date {
	color: #b6b6b6;
	font-size: 10px;
}


div#wrapper div#main div#main_content div#fp_ads {
	padding: 5px;
	background: #DDDDDD;
	margin: 3px 0px;
	border: 1px solid #999999;
}

.glossymenu{
	margin: 0px 0 0px 0;
	padding: 0;
	width: 145px; /*width of menu*/;
	border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(images/sidebar_link3.gif) repeat-x bottom left;
font: bold 11px "Arial";
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 4px;
right: 1px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/sidebar_link3_over.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #f1eeee;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px "Arial";
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #FFFFFF;
color: #404040;
}

div#wrapper div#sidebar3 {
	float: left;
	width: 147px;
	margin-right: 2px;
}

div#wrapper div#sidebar3 h1 {
	color: #fdc20d;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	height: 32px;
	line-height: 32px;
	padding-left: 11px;
	padding-bottom: 3px;
	background: transparent url(images/sidebar_header.gif) no-repeat left;
	margin-bottom: -3px;
}

#dhtmlgoodies_leftPanel{	/* Styling the help panel */
background-color:#2d69bd;	/* Blue background color */
color:#FFFFFF;	/* White text color */
font-family:Arial;	/* Which font to use */
/* You shouldn't change these 5 options unless you need to */		
height:100%;	
left:0px;
z-index:10;
position:absolute;
display:none;
overflow:hidden;
}
	
#dhtmlgoodies_leftPanel #leftPanelContent{
padding: 0px;
font-size: 14px;
text-align: center;
font-weight: bold;
}

#dhtmlgoodies_leftPanel .closeLink{ /* Layout of close link */
padding-left:2px;
padding-right:2px;
background-color:#FFFFFF;
position:absolute;
top:2px;
right:2px;
border:1px solid #000000;
color:#000000;
font-size:0.8em;
}
	
#dhtmlgoodies_leftPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
color:#FFFFFF;
background-color:#000;
}
.content_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #2b67ba;
}
.menutitle{
cursor:pointer;
margin-bottom: 2px;
background-color:#;
color:#000000;
width:600px;
padding:0px;
text-align:left;
font-weight:bold;
/*/*/border:0px solid #000000;/* */
}
.submenu{
margin-bottom: 0.5em;
}