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

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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	overflow-x:hidden;
	background:url(../images/header-sides.jpg) repeat-x;
	}

img {
	border:none;
	}
	
.clear {
	clear:both;
	}

h1 {
	color: #368FD4;
	font-size:14px;
	margin:0;
	padding:0;
	font-style:italic;
	font-weight:bold;
	}

h2 {
	color: #368FD4;
	font-size:14px;
	margin:0;
	padding:0;
	font-style:italic;
	font-weight:bold;
	}

h3 {
	color: #368FD4;
	font-size:14px;
	margin:0;
	padding:0;
	font-style:italic;
	font-weight:bold;
	}
	
h4 {color: #368FD4;
	padding-top:0;
	}

p {
line-height: 150%;
}

.caption {
	font-size:10px;
	text-align:center;
	padding:0;
	margin:0;
	}

.float-left {
	float:left;
	}
.float-right {
	float:right;
	}

.center {
	text-align:center;
	}

a:link {
	color:#000000;
	}

a:visited {
	color:#000000;
	}

a:active {
	color:red;
	}

a:hover {
	color:#00AEEF;
	}


.circle {
	line-height:150%;
	}

.clear {
	clear:both;
	padding:0;
	margin:0;
		}

/* Lists */
.list1 {
	margin:0;
	}
.list1 li {
	padding-top:3px;
	}

#page-container {
	width: 930px;
	margin:auto;
	background: #ffffff;
	padding:0;
	}

#header {
	background:url(../images/header-bg.jpg) repeat-x;
	margin:auto;
	width:930px;
	height:152px;
	margin:0;
	}

#side-container {
	clear:both;
	width: 930px;
	height:20px;
	margin:0;
	padding:0;
	background:url(../images/bg-top.jpg) no-repeat;
	}
	
/*Begin Nav */
#nav-container {width:890px; margin:auto;padding-right:10px;}
.nav {padding:0; margin:0; float:right; list-style:none; height:31px; background:transparent url(../images/pro_drop4_back.gif); position:relative; z-index:50; font-family:arial, verdana, sans-serif; width:430px;}
.nav li.top {display:block; float:left;}
.nav li a.top_link {display:block; float:left; height:31px; line-height:27px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background:url(../images/pro_drop4_0a.gif) no-repeat;}
.nav li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:31px;background:url(../images/pro_drop4_0b.gif) right top;}
.nav li a.top_link:hover {color:#000; background: url(../images/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.nav li a.top_link:hover span {background:url(../images/pro_drop4_2b.gif) no-repeat right top;}

.nav li:hover > a.top_link {color:#000; background: url(../images/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.nav li:hover > a.top_link span {background:url(../images/pro_drop4_2b.gif) no-repeat right top;}


.nav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.nav a:hover {visibility:visible; position:relative; z-index:200;}
.nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.nav ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


.nav ul.sub3 {width:90px;}


.nav :hover ul {left:0; top:31px; background:#D8D8D8; padding:3px; border:1px solid #00ADEF; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.nav :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.nav :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.nav :hover ul li a:hover {background:#00ADEF; color:#fff;}

/*End Nav */

#bread-crumb {
	Padding:20px 0 10px 20px;
	font-style:italic;
	text-decoration:none;
	float:left;
	}

.bread-crumb a:link {
	color:#000000;
	}

.bread-crumb a:visited {
	color:#000000;
	}

.bread-crumb a:active {
	color:#000000;
	}

.bread-crumb a:hover {
	color:#00AEEF
	}
	
	
#content-container {
	background:url(../images/bg-mid.jpg) repeat-y;
	width:880px;
	margin:auto;
	padding:20px 10px 40px 10px;
	min-height:500px;
	}

#content {
	padding: 10px 25px 10px 10px;
	width:550px;
	float:left;
	}

#sidebar {
	float:right;
	width: 270px;
	padding: 10px 10px 10px 15px;
	}
	
/* Begin Footer */
#footer {
	width:100%;
	background:url(../images/bg-bottom-sides.jpg)  repeat-x bottom;
	height:24px;
	position:fixed;
	bottom:0;
	padding:0;
	margin:0 0 13px 0;
	text-align:center;
	clear:both;
	}

#footer-content {
	width:895px;
	margin:auto;
	padding-top:5px;
	height:35px;
	}
#footer-content img {
	padding:0 5px 0 5px;
	float:right;
	}
#footer-content p {
	padding-top:7px;
	float:left;
	margin:0;
	font-size:11px;
	font-weight:bold;
	}

#footer-corners {
		background:url(../images/bg-bottom.gif)  center top;
		background-repeat:no-repeat;
		height:45px;
		}
