/* ----------------------------------------------------
	STYLESHEET FOR PROTOOLS
-----------------------------------------------------*/

/*-------------------------------------------------------
	/////GENERAL STYLES/////
-------------------------------------------------------*/

html, body, ul, li, a {margin: 0; padding: 0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #444;
	background: #FFF;
}

img {border: none;}

ul {list-style: none;}
li {float: left;}
a {text-decoration: none; color: #002B5C;}
a:hover {color: #808285; cursor: pointer;}

a.header {color: #002B5C;}
a:hover.header {color: #808285;}

a {
  -moz-outline: none 0;
  outline: none 0;
}

h1 {
	margin: 0;
	padding: 10px 0 4px 10px;
	font-style: italic;
	font-size: 150%;
	color: #002B5C;
	border-bottom: 1px solid #AAA;
	background: url(../images/img_blue_wave.png) no-repeat top right;
}

h2 {
	margin: 0;
	padding: 5px 0 0 10px;
	font-size: 160%;
	color: #FFF;
	background: url(../images/img_cnr_right_float_TRight.png) no-repeat top right;
}

h3 {
	margin: 10px 0;
	padding: 0 0 1px 10px;
	color: #666;
	text-transform: uppercase;
	border-bottom: 1px solid #AAA;
}

h4 {
	margin: 20px 0;
	padding: 0 0 3px 0;
	font-size: 100%;
	color: #002B5C;
	border-bottom: 1px solid #AAA;
}

h5 {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 110%;
	color: #002B5C;
	text-transform: uppercase;
}

/*------------------------------------------------------
	/////MAIN DIV STYLES/////
-------------------------------------------------------*/

#pageContainer {
	margin: 0 auto;
	padding: 0;
}

/*-----///// MASTHEAD /////-----*/

#masthead {
	margin: 0;
	padding: 0;
	overflow: auto;
	height: 100px;
}

#masthead a {color: #002B5C; font-size: 85%;}
#masthead a:hover {color: #AAA;}

/*-----///// LOGO CONTAINER /////-----*/

#logoContainer {
	float: left;
	margin: 20px 0 0 80px;
	padding: 0;
}

/*-----///// MASTHEAD NAVIGATION /////-----*/

#secondaryNav {
	float: right;
	margin: 75px 20px 0 0;
	padding: 0;
}

#secondaryNav li {
	padding: 3px 15px;
}

/*-----///// MAIN NAVIGATION /////-----*/

#mainNav {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 25px;
	font-size: 90%;
	background: #002B5C;
	border-bottom: 5px solid #AAA;
}

#mainNav a {
	display:block;
	color:#FFF;
	padding:0 10px;
}

#mainNav a:hover {
	background:#AAA;
	color:#002B5C;
}

#mainNav ul {
	float: right;
	list-style:none;
	text-align: center;
	line-height: 25px;
}

#mainNav li {
	float:left;
	position:relative;
	width: 13.5em;
}

#mainNav li ul {
	position: absolute;
	background: #CCC;
	width: 13.5em;
	text-align: left;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 1px solid #AAA;
}

#mainNav li ul li {
	border-bottom: 1px solid #AAA;
}

#mainNav li ul ul {
	margin: -25px 0 0 13.5em;
}

#mainNav li:hover ul {
	left: auto;
}

#mainNav ul li ul a {
	color: #888;
}

#mainNav ul li ul a:hover {
	background: #AAA;
}

#mainNav li:hover ul ul, #mainNav li.sfhover ul ul {
	left: -999em;
}

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*-------------------------------------------------------
	/////MAIN CONTENT STYLES/////
-------------------------------------------------------*/

#mainContent_container {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	background: url(../images/bg_mainContent.png) repeat-y top left;
}

#mainContent_container a:hover {
	text-decoration: underline;
}

/* ----- MAIN CONTENT CLASSES -----*/

.img_body_left {
	float: left;
	margin: 15px 8px 8px 0;
}

.img_body_right {
	float: right;
	margin: 15px 0 8px 8px;
}

.body_name {color: #002B5C; font-style: italic;}
.quote_header {color: #002B5C; font-style: italic; border-bottom: 1px solid #002B5C;}

.learn_more {
	margin: 0;
	padding-right: 30px;
	text-align: right;
	font-size: 80%;
}

.learn_more img {
	padding-right: 3px;
	vertical-align: text-bottom;
}

#quote_container {clear: both;}

.quote {
	padding: 10px 35px;
	font-style: italic;
	color: #888;
}

blockquote {color: #616161;}
.quote {margin: 0;}
.comp_description {padding: 0; line-height: 1.2em; font-size: 90%;}
.signature {color: #616161;}
.error {color: f00000;}

.main_col_heading_top {
	padding: 2px 0 0 0;
	font-style: italic;
	font-weight: bold;
	color: #002B5C;
}

.main_col_heading {
	padding: 2px 0 0 0;
	font-style: italic;
	font-weight: bold;
	color: #002B5C;
	border-top: 1px solid #002B5C;
}

.main_col_heading ul {
	font-style: normal;
	font-weight: normal;
	color: #333;
}

.main_col_subheading {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 90%;
	font-style: italic;
}

.client_does {
	padding: 2px 0 0 0;
	font-style: italic;
	font-weight: bold;
	font-size: 85%;
	color: #002B5C;
}

/*-----///// MAIN COLUMN STYLES /////-----*/

#main_col {
	float: right;
	margin: 0;
	padding: 0 0 10px 10px;
	width: 70%;
}

#main_col ul {
	padding: 0 0 0 40px;
	list-style-type: disc;
	list-style-position: outside;
}

#main_col li {
	float: none;
}

#main_col table {
	margin: 15px 0;
}

#main_col p {
	margin: 10px 0 5px 0;
	/*text-indent: 2em;*/
}

#main_col form {
	margin: 0 auto;
	width: 450px;
	color: #002B5C;
	background: #DDD;
	border: 1px solid #AAA;
}

#main_col td {
	padding: 4px 12px;
}

/*-----///// BREADCRUMBS /////-----*/

#breadcrumbs {
	margin: 5px 0 0 0;
	padding: 0;
	width: 550px;
	font-size: 80%;
}

/*-----///// SITE MAP STYLES /////-----*/

#site_map {
	margin: 10px 0;
}

#site_map a {color: #002B5C;}
#site_map a:hover {color: #AAAAAA;}

#site_map ul {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
	list-style-position: inside;
}

.level_1 {
	margin: 10px 0;
	padding: 4px 0 0 10px;
	border-top: 1px solid #002B5C;
}

.level_2 {
	padding: 4px 0 0 25px;
	background: #FFF;
}

.level_3 {
	padding: 0 0 0 35px;
}

/* -----///// BEGIN SHORT BIOS STYLES /////-----*/

.short_bio {
	margin: 10px auto;
	padding: 10px 0 0 0;
	overflow: auto;
	border-top: 1px solid #002B5C;
}

.short_bio dl {
	margin: 0;
	padding: 0;
	text-indent: 0;
}

.short_bio dt {
	float: left;
	margin: 0 8px 0 10px;
	padding: 0;
	font-size: 105%;
	font-weight: bold;
	font-style: italic;
	color: #002B5C;
}

.title {
	font-size: 90%;
	font-weight: normal;
	font-style: normal;
	color: #002B5C;
}

.short_bio dd.bio {
	margin: 0;
	padding: 10px 10px 10px 0;
}

.name {
	padding: 10px 0 0 0;
	font-size: 105%;
	font-weight: bold;
	font-style: italic;
	color: #002B5C;
}

/*----- END BIOS STYLES -----*/


/*-----///// BEGIN NEWS STYLES /////-----*/

.news_headline {
	border-bottom: 1px solid #002B5C;
	background: #EEE;
}

.news_headline a {
	color: #002B5C;
}

.news_headline a:hover {
	color: #AAAAAA;
}

.seperator {
	padding: 5px 0;
	border: 1px solid #AAA;
	border-width: 1px 0 0 0;
}

/*-----///// RIGHT SIDE FLOAT /////-----*/

#double_right_floater {
	float: right;
	width: 100%;
}

.logo_img_right {
	float: right;
	margin: 10px;
}

.left_col_logo {
	margin: 20px 0 0 10px;
}

#right_floater {
	float: right;
	margin: 10px 0 10px 10px;
	width: 40%;
	clear: both;
	background: #616161 url(../images/img_cnr_right_float_BLeft.png) no-repeat bottom left;
}

.with_logo {
	float: right;
	width: 100%;
}

#right_floater a {color: #002B5C;}
#right_floater a:hover {color: #AAAAAA;}

#right_floater ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

#right_floater li {
	float: none;
}

#right_floater_inside {
	margin: 0 10px 10px 10px;
	padding: 7px;
	font-size: 90%;
	background: #FFF;
}

#right_floater_inside p {
	text-indent: 0;
}

#right_floater_inside li {
	padding: 2px 0;
}

/*-----///// LEFT COLUMN STYLES /////-----*/

#left_col {
	float: left;
	margin: 0;
	padding: 10px 0;
	width: 25%;
	color: #222;
}

/* ----- LEFT COLUMN CLASSES -----*/

.left_col_img {
	margin: 1px 0 0 0;
	border: 1px solid #AAA;
}

.left_col_heading {
	font-style: italic;
	font-weight: bold;
	color: #002B5C;
}

/*-----///// FOOTER STYLES /////-----*/

#footer {
	clear: both;
	margin: 0;
	padding: 5px 0;
	overflow: auto;
	border-top: 1px solid #AAA;
	background: #FFF;
}

#footer a {color: #002B5C;}
#footer a:hover {color: #AAAAAA;}

/* ----- NAVIGATION -----*/

#footer_nav {
	margin: 0 auto;
	padding: 0;
	width: 90%;
	font-size: 90%;
}

#footer_nav li {
	margin: 0;
	padding: 3px 12px;
}

/* ----- COPYRIGHT -----*/

#copyright {
	margin-top: 8px;
	float: right;
	font-size: 75%;
}

/*-------------------------------------------------------------
	/////LEFT COL TYPOGRAPHICS/////
--------------------------------------------------------------*/

#typographics {
	margin: 10px 0;
	width: 80%;
	padding: 10px;
	font: bold 100%/1em Arial, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 0.05em;
	border: 1px solid #002B5C;
}

#typographics p {
	margin: 0;
	padding: 0;
}

.dropcap {
	float: left;
	margin-top: -2px;
	padding: 0 5px 1px 0;
	color: #DDD;
	font-size: 425%;
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	line-height: 70%;
}

.highlight_none {
	color: #DDD;
}

.transparent {
	color: #002B5C;
	position: relative;
	top: -60px;
	left: 20px;
	line-height: 1.5em;
	/*filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/
}