/*  @@@@@[  Wrappers  ]@@@@@ */
body {background:url(images/_bg-body.gif) repeat-x #CDCDCD; font: 11px/18px Arial, Helvetica, sans-serif; color: #4e4e4e; text-align: center; margin:0px; padding:0px;}

#mainwrapper{ width:760px; margin:auto; text-align:center;}
.wrapped {width: 760px; margin: 45px auto 5px; text-align:left;background:url(images/_bg-main.gif) repeat-y;  }
#back{width: 760px; background:url(images/wrap_bg.gif) repeat-y right;}
.clr {clear: both; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 0px; visibility: hidden;}
/* @@@@@[  Header / Footer  ]@@@@@ */
#header{width: 712px; height:55px; padding-left:27px; padding-right:21px;}
#nav{ float:right;  margin-top:27px;}
#footer {color:#4e4e4e; width: 760px; text-align:left; margin:auto; height:50px; font-size:11px;}
#footer div{float:right;
	width:380px; text-align:right; }
#footer a:link, #footer a:visited, #footer a:active {color: #4e4e4e; text-decoration: none;}
#footer a:hover {color: #4e4e4e; text-decoration: underline;}
#footer a.seo:hover{ text-decoration:none; cursor:text;}
/* @@@@@[  Secondary-Content  ]@@@@@ */
#banner-sec{ width:260px; height:21px; padding:128px 0px 14px 500px; background:url(images/_img-main-sec.jpg) no-repeat;}

#subnav { width:242px; float:right; padding-right:29px; color:#665010; font-size:12px; padding-bottom: 20px;}
#subnav a {display:block; width:214px; padding-left:28px; background:url(images/_bg-nav_n.gif) no-repeat; padding-top: 5px; padding-bottom: 3px;}
#subnav a:link,#subnav a:visited,  #subnav a:active {color:#665010; text-decoration:none; background-color:#ffc827;}
#subnav a:hover {color:#665010; text-decoration:  none; background:url(images/_bg-nav_o.gif) no-repeat; background-color:#ffd96c;}
#subnav ul{ margin:0px; padding:0px;}
#subnav ul li{ margin:0px; padding:0px; list-style:none;}
#sidebar { width:271px; float:right; color:#665010; font-size:12px;}
#sidebar p {
	padding-right: 29px;
	font-size: 11px;
	margin:0px;
	padding-left: 15px;
}
#sidebar h2 {font-size:12px; color:#277396; text-transform:uppercase; font-weight:bold; margin:0px;padding-left: 15px; }

#cont-sec { width:424px;  padding:18px 0px 10px 36px; float:left;}
#cont-sec ul {margin:0px; padding:10px 10px 25px 20px;}
#cont-sec ul li{list-style:none; padding-left:10px; margin-left:0px;  background:url(images/_bullet-main.gif) no-repeat;}

/*others*/
#quotetop{ width:424px; height:7px; line-height:0px; font-size:0px; }
#quotebottom{width:424px; line-height:0px; font-size:0px; margin-bottom:20px;}
#quote{width:390px; padding:5px 14px 5px 20px; background:url(images/_bg-quote.gif) repeat-y; color:#596e74; font-size:13px; line-height:22px;}
#quote p{ font-size:13px; line-height:20px; color:#333333; margin:0px; padding:0px;}

a:link,a:visited,  a:active {color:#C78902; text-decoration:underline;}
a:hover {color:#C78902; text-decoration:  none;}
.imgsec{ margin-left:15px; float:right;}
.left{float:left;}
.right{float:right;}
.vacant{ list-style:none;}
h1{ color:#277396;  font-size:18px; line-height:24px; margin-left:-4px; padding-left:38px; background:url(images/_bg-h1.jpg) no-repeat; font-weight:normal; padding-top: 5px;}
h2{font-size:11px; color:#277396; text-transform:uppercase; font-weight:bold; margin:0px; padding:0px;}
p{ margin:0px; padding:2px 0px 15px;}
.fix { line-height: 15px; padding-top: 5px; padding-bottom: 5px;}


#nav-menu
{
MARGIN-TOP: 8px;
MARGIN-LEFT: 16px;
MARGIN-RIGHT: 16px;
WIDTH:726px;
display: block;
border-top: 0.2em solid #999;
border-bottom: 0.2em solid #999;
float:left;
}
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li
{
COLOR: #666;
TEXT-DECORATION: none;
FONT-WEIGHT: bold;
float: left;
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 6px;
PADDING-TOP: 6px;
}
#nav-menu li:hover
{
/*background: url(images/css-nav.gif) #fff bottom left repeat-x;*/
background-color: whitesmoke;
}
#nav-menu li a
{
COLOR: #666;
text-decoration: none;
text-align: center;
}
#nav-menu li a:hover
{
COLOR: SteelBlue;
}
/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */
#nav-menu li.selected
{
background-color: #C0C0C0;
}
#nav-menu li.selected a
{
COLOR: steelblue;
}


#teal{ color:#277396; }
#title{ padding-left:20px;padding-right:20px;font:30px Arial;font-weight:bold;color:black; }
#title2{ padding-left:20px;padding-right:20px;font:16px Arial;color:black; }
#norm{ padding-left:40px; }
#topcont{ padding-left:20px;padding-right:20px; }
#bottomcont{ width:730px; padding:20px 0px 10px 30px; font-size:11px; line-height:14px; }
#bottomcont ul {margin:0px; padding:0px;}
#bottomcont ul li{list-style:none; padding-left:10px; padding-bottom:12px; background:url(images/_bullet.gif) no-repeat;}
.more-pro-ser{ float:left; width:220px; margin:15px 10px 0px 10px;}
.banner-logo{ padding:17px 0px 0px 13px; float:left; }
#banner{ width:760px; height:139px; background:url(images/_bg-banner-link.gif) repeat-x; }

#psInfoTitle
{ 
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
font:25px/40px Arial;
font-weight:bold;
color:#4E4E4E;
display:block;
}
#psInfoTitle2
{ 
padding-left:20px;
padding-right:20px;
padding-top:0px;
padding-bottom:8px;
font:16px Arial;
color:#4E4E4E;
}
#psInfoText
{ 
padding-left:20px;
padding-right:20px; 
font:12px/20px Arial;
color:#4E4E4E;
}
#psInfoText ol
{ 
padding: 0;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
}

#psInfoText ul
{ 
padding: 0;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
list-style-type: square;
}

#psInfoText ul ul
{ 
padding: 0;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
list-style-type: circle;
}
#right_sidebar { width:271px; float:right; color:#665010; font-size:12px;}
#right_sidebar p {
	padding-right: 29px;
	font-size: 11px;
	margin:0px;
	padding-left: 15px;
}
.psdhtml_question{
	COLOR: steelblue;
	width:700px;
	text-decoration:underline;
	overflow:hidden; 
	cursor:pointer;
	/* float:right;	needed to align bullet to top of text in ie but messes up firefox */
	display:block;
	padding-left:16px;
	text-indent: -16px;
}
.psdhtml_answer{
	width:700px;
	background-color:whitesmoke;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	visibility:hidden;
	height:0px; 
	overflow:hidden;
	position:relative;
	display:block;
}
.psdhtml_answer_content{
	padding-left:16px;		
	position:relative;
	display:block;
}

#psAPCOTitle
{ 
margin:20px;
padding-left:20px;
padding-right:20px;
padding-top:4px;
padding-bottom:4px;
text-align:center;
font:24px Arial;
background-color:black;
display:block;
}
#act { COLOR: #00cccc; }
#connect { COLOR: #cc6600; }
#learn { COLOR: #66cc00; }

#psAPCOHeader {
font:20px Arial;
}
#psAPCOSubHeader {
font:16px Arial;
COLOR: #66cc00; 
font-weight:bold;
}
#psAPCOSubHeader2 {
font:16px Arial;
COLOR: #cc6600;
font-weight:bold;
}
#psAPCOFinePrint {
font:11px Arial;
margin:20px;
padding:6px;
border: 0.1em solid #999;
width:400px;
}
#psAPCOFinePrint li {
list-style-type: square;
}
#psAPCONew {
font:18px Arial;
COLOR: #cc6600;
}
#APCOsidebar { 
	width:262px; 
	float:right; 
	font-size:11px;
	margin-right:20px;
	margin-left:10px;
}
#APCOsidebar div {
	border: 0.1em solid #FFB629;
	background-color:#FFEFD6;
	font-size: 11px;
	padding:10px;	
}
#APCOsidebar p {
	padding-right: 29px;
	font-size: 11px;
	padding-left: 15px;
}
#APCOsidebar h2 {font-size:12px; color:black; font-weight:bold; margin:0px; padding-left: 0px; }
#APCOsidebar ul
{ 
padding: 0;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
list-style-type: square;
}
.apco_question{
	COLOR: steelblue;
	width:400px;
	text-decoration:underline;
	overflow:hidden; 
	cursor:pointer;
	/* float:right;	needed to align bullet to top of text in ie but messes up firefox */
	display:block;
	padding-left:16px;
	text-indent: -16px;
}
.apco_answer{
	width:400px;
	background-color:whitesmoke;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	visibility:hidden;
	height:0px; 
	overflow:hidden;
	position:relative;
	display:block;
}
.apco_answer_content{
	padding-left:16px;		
	position:relative;
	display:block;
}