/* Reset
-------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
ul li, ol li { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }

/* Body
-------------------------------------------------------------------*/
body { 
	font: 12px/18px Verdana, Helvetica, Arial, Geneva, sans-serif; 
	color: #333; 
	background: #728776 url(images/bg.gif) repeat-x; 
}

h1, h2, h3 { font-family: "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; color: #414d4c; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 25px; }
h2 { font-size: 20px; line-height: 24px; margin-bottom: 15px; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }

h1 span { color: #999; }

a { color: #ffffff;  text-decoration: none; }
a:hover { color: #e4ede2; }
a:visited { color: #ffffff;  text-decoration: none; }

p { margin-bottom: 10px; }

input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }

blockquote { 
	font: italic 14px/22px Georgia, Serif; 
	padding: 5px 10px;
	margin-bottom: 20px;
	background: #e4ede2; 
}

/* Container
-------------------------------------------------------------------*/
#container { 
	width: 800px; 
	padding-bottom: 10px; 
	margin: 0 auto; 
	overflow: hidden; 
}
#container #wrapper { 
	width: 800px; 
	float: left; 
	overflow: hidden; 
	background: #d6ded4 url(images/sidebar-bg.gif) repeat-y top right;
}

/* Header
-------------------------------------------------------------------*/
#header { 
	width: 800px; 
	height: 46px; 
	float: left; 
	background: url(images/header-bg.gif) no-repeat center; 
	position: relative; 
}
#header h1 { 
	font: 24px Verdana; 
	padding-top: 10px; 
	margin-bottom: 0; 
	color: #fff; 
}
#header h1 span { 
	padding-left: 10px; 
	font-size: 11px; 
	color: #ccc; 
}

/* Navigation
-------------------------------------------------------------------*/
#nav { 
	width: 800px; 
	height: 42px; 
	float: left; 
	background: url(images/nav-bg.gif) no-repeat; 
	border-bottom: 1px solid #75867b; 
	position: relative; 
}

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

#magic-line { position: absolute; overflow: hidden; bottom: -2px; left: 0px; height: 2px; background: #fe4902; }

#nav ul { 
	margin-left:10px; 
	position: absolute; 
	bottom: -1px; 
	height: 33px; 
}
#nav ul li { 
	float: left; 
	margin-right: 3px; 
	padding-left: 7px; 
}

#nav ul li a { 
	display: block;
	text-decoration: none; 
	color: #333;
	padding: 0 15px 0 8px; 
}
#nav ul li a:hover { color: white; }

#nav ul li.current_page_item { 
		line-height: 33px; 
		background: url(images/nav-tab-left.gif) no-repeat; 
}

#nav ul li.current_page_item a { 
	line-height: 33px; 
	cursor:default;
	background: url(images/nav-tab-right.gif) no-repeat top right; 
}

#nav ul li.current_page_item a:hover { 
	color: #333;
}

#nav ul li.next_page { 
	line-height: 30px; 
}

#nav ul li.next_page #sub_page { 
	color: #e4ede2;
}

#nav ul li.next_page #sub_page:hover { 
	color: white;
}

#nav #msg { 
	position: absolute; 
	right: 15px; 
	top: 12px; 
	height: 19px; 
	padding-left: 37px; 
	color: white; 
	font-size: 11px;
	display: block; 
	text-decoration: none; 
}
#nav #msg a:hover { color: #e4ede2; }

/* Icons
-------------------------------------------------------------------*/
#join {
	padding-top: 1px;
	padding-left: 22px;
	background: url(images/join.gif) no-repeat center left;
}
#member {
	padding-top:3px;
	padding-bottom:1px;
	padding-left: 20px;
	background: url(images/lock.gif) no-repeat bottom left;
}
#star {
	padding-top:1px;
	padding-left: 20px;
	background: url(images/star.gif) no-repeat center left;
}
#exit {
	padding-top:3px;
	padding-left: 20px;
	background: url(images/stop.gif) no-repeat bottom left;
}
#options {
	padding-top:1px;
	padding-bottom:2px;
	padding-left: 20px;
	background: url(images/options.gif) no-repeat center left;
}
#save {
	padding-top:1px;
	padding-bottom:2px;
	padding-left: 20px;
	background: url(images/download.gif) no-repeat center left;
}

/* Content
-------------------------------------------------------------------*/
#content { 
	width: 535px;  
	float: left; 
	padding: 15px; 
	background: #D6DED4;
}

#content .post { 
	font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; 
	margin-bottom: 25px; 
}

#content .post a { color: #0000cc; }
#content .post a:hover { color: #006699; }

#content .post .imap dt {
	background: none;
	line-height: 0;
	padding: 0; margin: 0;
}
#content .post .imap dd {
	background: none;
	line-height: 0;
	padding: 0; margin: 0;
}

#bullet {
	background: url(images/arrow.gif) no-repeat 3px 3px;
	padding: 0px 0px 0px 20px;
}

#bullet1 {
	background: url(images/arrow1.gif) no-repeat 3px 3px;
	padding: 0px 0px 0px 20px;
}

/* #content .post ul li */

#content .mainText {
	line-height: 2em;
}

#content .post .post-info { 
	clear: both; 
	font-size: 11px; 
	color: #777; 
	padding: 3px 5px 5px 5px; 
	border-top: 1px solid #aaa; 
	border-bottom: 1px solid #aaa; 
	background: #c9d6cc; 
}

#content .post .post-info-pic { 
	clear: both; 
	font-size: 11px; 
	color: #777; 
	padding: 3px 5px 5px 5px; 
	border-top: 1px solid #aaa; 
	border-bottom: 1px solid #aaa; 
	background: #c9d6cc; 
	float: left;
}

/* Sidebar
-------------------------------------------------------------------*/
#sidebar { 
	width: 235px;
	float: left;
	font-size: 11px; 
	margin-bottom: 10px;
	color: #555;
}

#sidebar .block {
	width: 205px;
	padding: 15px; 
	border-bottom: 1px solid #bfccbf; 
	overflow: hidden;
	color: #555;
}

#sidebar .block li { 
	background: url(images/arrow0.gif) no-repeat 2px 4px; 
	padding-left: 12px;
}

#sidebar h3 { font-size: 17px; color: #53695D; }

#sidebar a { color: #6600ff; text-decoration: none; }
#sidebar a:hover { color: #ffffff; }


/* Wrapper Bottom
-------------------------------------------------------------------*/
#wrapper-bottom { 
	width: 800px; 
	height: 6px; 
	float: left; 
	margin-bottom: 7px; 
	background: url(images/wrapper-bottom.gif) no-repeat bottom;
}

/* Footer
-------------------------------------------------------------------*/
#footer { 
	width: 800px; 
	float: left; 
	color: #d6ded4; 
	padding-top: 6px;
	text-align: center;
	background: url(images/footer-top.gif) no-repeat top left; 
}
#footer-inner { 
	width: 800px; 
	padding-bottom: 6px; 
	background: url(images/footer-bottom.gif) no-repeat bottom left; 
}
#footer-content { 
	width: 800px; 
	background: #4d625d; 
}
#footer p { 
	font-size: 11px; 
	margin: 0; 
}

/* Image Map :: http://www.cssplay.co.uk/menu/old_master
-------------------------------------------------------------------*/

#imap {display:block; width:500px; height:350px; background:url(images/compass.jpg) no-repeat; position:relative;}
#imap a#painting {display:block; width:500px; padding-top:328px; overflow:hidden; position:absolute; background:transparent url(images/compass1.jpg) no-repeat 500px 328px; cursor:default;}
#imap a#painting:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}
#imap #financial {left:156px; top:15px; z-index:20;}
#imap #time {left:332px; top:206px; z-index:20;}
#imap #health {left:189px; top:250px; z-index:20;}
#imap #travel {left:93px; top:145px; z-index:20;}
#imap #growth {left:299px; top:94px; z-index:20;}

#imap a#link_financial {display:block; width:75px; height:60px; text-decoration:none; z-index:20;}
#imap a#link_time {display:block; width:75px; height:60px; text-decoration:none; z-index:20;}
#imap a#link_health {display:block; width:75px; height:60px; text-decoration:none; z-index:20;}
#imap a#link_travel {display:block; width:75px; height:60px; text-decoration:none; z-index:20;}
#imap a#link_growth {display:block; width:75px; height:60px; text-decoration:none; z-index:20;}

#imap a em {display:none;}
#imap a span, #imap a:visited span {display:none;}

#imap a#link_financial:hover span {left:415px; top:20px;}
#imap a#link_financial:hover em {position:absolute; display:block; left:68px; top:40px; width:326px; height:2px; overflow:hidden; font-size:1px; background:#ffffff;}
#imap a#link_time:hover span {left:230px; top:25px;}
#imap a#link_time:hover em {position:absolute; display:block; left:68px; top:35px; width:150px; height:2px; overflow:hidden; font-size:1px; background:#ffffff;}
#imap a#link_health:hover span {left:370px; top:35px;}
#imap a#link_health:hover em {position:absolute; display:block; left:68px; top:45px; width:292px; height:2px; overflow:hidden; font-size:1px; background:#ffffff;}
#imap a#link_travel:hover span {left:475px; top:35px;}
#imap a#link_travel:hover em {position:absolute; display:block; left:67px; top:15px; width:390px; height:2px; overflow:hidden; font-size:1px; background:#ffffff;}
#imap a#link_growth:hover span {left:260px; top:35px;}
#imap a#link_growth:hover em {position:absolute; display:block; left:68px; top:15px; width:183px; height:2px; overflow:hidden; font-size:1px; background:#ffffff;}

#imap a:hover span img {position:relative; display:block; border:1px solid #e4ede2; left:60px;}

#imap a:hover span {position:absolute; display:block; width:225px; height: 250px; font: bold 12px Verdana, Arial, Sans-Serif; color: #728776;}
#imap a#link_financial:hover span {top:33px; left:395px;}
#imap a#link_time:hover span {top:-158px; left:220px;}
#imap a#link_health:hover span {top:-148px; left:361px;}
#imap a#link_travel:hover span {top:8px; left:458px;}
#imap a#link_growth:hover span {top:8px; left:252px;}

/*---
LAYOUT: 800 {535,265} content; 15,505,15 sidebar; 15,205,15

e4ede2 blockquote --> white header
d6ded4 content bg --> lightest green
CCD7CC sidebar bg --> light green
728776 body bg --> dark green
53695D header bg --> darker green
4d625d heading bg --> darkest green
---*/

/* Web Forms
-------------------------------------------------------------------*/

form .row { 
	diplay: block;
	border:1px solid #728776;
	width:300px; 
	height:20px; 
	padding:2px 0px 0px 5px;
	margin-bottom: 5px;
}

form .row1 { 
	diplay: block;
	border:1px solid #728776;
	width:505px; 
	height:68px; 
	padding:2px 0px 0px 5px;
	margin-top: 20px;
}

.txtBox { 
	border: 0px;
	width: 300px;
	background: none;
	font-size: 11px;
	color:#728776;
}

.msgBox {
	border: 0px;
	width: 505px;
	height: 65px;
	background: none;
	font-size: 11px;
	color:#728776;
	overflow: auto;
}

.button {
	border: 1px solid #000000;
	padding: 5px;
	line-height: 20px;
	background: #c9d6cc;
}

.ddlList {
	width: 200px;
	border: 1px solid #000000;
	background: #d6ded4;
	font-size: 12px;
	color:#728776;
	padding:2px 0px 0px 5px;
}

.errorMsg { 
	color: red; 
	font-size: 12px;
	text-decoration: none; 
}