/*
Styles for United Planners
Created by April Holle on 2008-04-07
Copyright (c) 2008 Birthmark Brands. All rights reserved.

Bookmarking:
==layout
==common
==form

Colors:
*/

/* ==layout */
html {width: 100%; height: 100%; margin: 0; padding: 0;}
body {width: 100%; height: 100%; margin: 0; padding: 0; color: #666; font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: .7em;}

#container {width: 900px; margin: 10px auto;}

#header {margin: 0 0 20px 0;}

#slogan {float: right; vertical-align: top;}

#content {background: url('images/bgContent.gif') repeat-x top left; padding: 20px 0 0 0;}

#colMain {width: 665px; float: left; margin: 0 10px 0 5px; _margin: 0 5px 0 5px;}

#coInfo {float: left; width: 218px; margin: 0 5px 0 0; background: url('images/ftrBlue.gif') no-repeat bottom center #cedff0;}

#coOffice {float: left; width: 218px; margin: 0 5px 0 0; background: url('images/ftrCreme.gif') no-repeat bottom center #e3dfd0;}

#coCareer {float: left; width: 218px; margin:0; background: url('images/ftrGrey.jpg') no-repeat bottom center #dbdbd9;}

#coNews {width: 219px; margin: 10px 0; background: url('images/ftrBrown.gif') no-repeat bottom center #d9d2b1;}

#colSide {width: 219px; float: left;}

#footer { padding: 30px 0; color:#0a61b2; text-align:left;}

/* ==common */
img {border: none;}

a:link, a:visited {color:#0a61b2; text-decoration: none;}
a:hover {text-decoration: underline;}

ul#pNav {margin: 1px 0 2px 0; padding: 0; height: 34px; list-style: none;}
ul#pNav li {float: left; height: 34px; list-style: none; font-size: 0; line-height: 0;}
a#home:link, a#home:visited {display: block; margin: 0 1px 0 0; width: 60px; height: 34px; background: url('images/pNavHome.gif') no-repeat;}
a#partner:link, a#partner:visited {display: block; margin: 0 1px 0 0; width: 95px; height: 34px; background: url('images/pNavPartnership.gif') no-repeat;}
a#ria:link, a#ria:visited {display: block; margin: 0 1px 0 0; width: 108px; height: 34px; background: url('images/pNavRIA.gif') no-repeat;}
a#tech:link, a#tech:visited {display: block; margin: 0 1px 0 0; width: 96px; height: 34px; background: url('images/pNavTechnology.gif') no-repeat;}
a#comp:link, a#comp:visited {display: block; margin: 0 1px 0 0; width: 95px; height: 34px; background: url('images/pNavCompliance.gif') no-repeat;}
a#products:link, a#products:visited {display: block; margin: 0 1px 0 0; width: 162px; height: 34px; background: url('images/pNavProducts.gif') no-repeat;}
a#team:link, a#team:visited {display: block; margin: 0 1px 0 0; width: 125px; height: 34px; background: url('images/pNavTeam.gif') no-repeat;}
a#support:link, a#support:visited {display: block; width: 152px; height: 34px; background: url('images/pNavSupport.gif') no-repeat;}
a#home.on:link, a#home.on:visited, a#partner.on:link, a#partner.on:visited, a#ria.on:link, a#ria.on:visited, a#tech.on:link, a#tech.on:visited, a#comp.on:link, a#comp.on:visited, a#products.on:link, a#products.on:visited, a#team.on:link, a#team.on:visited, a#support.on:link, a#support.on:visited, ul#pNav li a:hover {background-position: 0 -34px;}
a#home.on:link, a#home.on:visited, a#partner.on:link, a#partner.on:visited, a#ria.on:link, a#ria.on:visited, a.on#tech:link, a.on#tech:visited, a#comp.on:link, a#comp.on:visited, a#products.on:link, a#products.on:visited, a#team.on:link, a#team.on:visited, a#support.on:link, a#support.on:visited {display:block; height: 34px; text-decoration: underline; line-height: 34px; float: none;}

.sub li { /* all sub nav items */
	font-size: 12px;
	line-height: 16px;
}

li ul { /* second-level lists */
	display: none;
	padding: 0;
	margin:  0;
	position: absolute;
	clear: both;
	top: 5px;
	left: 0;
}

ul#pNav li li { height: auto; float: none; clear: both;font-size: 12px;
line-height: 16px;}

li ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul{ /* lists nested under hovered list items */
	clear: both; 
	float: none;
	display: block;
}
.sub li a:link, .sub li a:visited {clear: both; display: block; width: 195px; height:auto; background-color: #004990; border-top: 1px solid #3385bb; color: #fff; padding: 7px 0 7px 10px;}
.sub li a.first:link, .sub li a.first:visited {border-top: 1px solid #fff; clear:both;}
.sub li a:hover { background-color: #0067aa;} 

#colMain ul {font-size: 1.2em; line-height: 1.4em;}

#footer ul {margin: 0 0 0 -40px; list-style: none;}
#footer li {list-style: none; float: left;}
#footer a:link, #footer a:visited {margin: 0px 5px; display: inline-block;}

h1 {color: #0a61b2; font-size: 1.5em; margin: 10px 0 0 0;}

p {line-height: 1.4em; margin: 5px 0; font-size: 1.2em;}

#coInfo p, #coOffice p, #coCareer p {margin: 0; padding: 5px 5px 15px 5px; font-size: 1em;}
#coNews p {margin: 0; padding: 5px 10px 80px 10px; font-size: 1em; line-height: 1.6em;}

.coImg {border-top: 2px solid #fff; border-bottom: 2px solid #fff;}

.clear {clear: both;}

.hr {line-height: 1px; height: 6px; border-bottom: 1px solid #b5cfe8; margin: 0 0 5px 0;}

/* ==form */
#colSide input {vertical-align: top;}
#colSide img {padding-bottom: 5px;}
#colSide .txtbox {width: 133px; height: 21px; margin: 0 3px 0 0;border: 1px solid #999;}