/* Start of CMSMS style sheet 'PT_menu' */
/********************
MENU
*********************/
#nav{
	position:relative;
	padding-bottom:30px;
}

#flash_nav{
   font-size:10px;

}

#flash_nav p{
	padding-left:1.5em;
}

dfn{
	display:none;
}


#menu_vert {
   padding: 0px;
   font-size:11px;

   margin: 0px;	
   color:#615c58; /*f6f4f1*/
}
#menu_vert ul{
   padding: 0px;
   margin: 0px;
}


/* menu li block */
#menu_vert li {
	list-style: none;
	background-repeat:repeat-x;	
background-color:#ebebeb;
margin-bottom: 1px;
}


#menu_vert ul ul li {
   padding-left: 0px;
   background-image:none;
}


/* hover state for all links */
div#menu_vert a:hover, div#menu_vert li a.menuparent:hover {
   background-color:#008AC9;
   color:#f6f4f1;
}


/* first level links */
div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.3em 0.5em 0.3em 1.5em; /* some air for it */
   color: #615c58; /* this will be link color for all levels */
   text-transform:uppercase;
   min-height:1.5em; /* Fixes IE7 whitespace bug */
   line-height:1.5em;
   height:1.5em;
   font-weight:bold;

}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
   background: url(images/pinnacle/light_grey_left_sub_arrow.gif) no-repeat; 
   background-position: 1.9em 9px;        
   background-color:#fff;   
   font-weight: normal;
   text-transform:lowercase;
   padding: 0.3em 0.5em 0.3em 3.0em;
   font-weight:normal;
}
/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background-position: 3.2em 9px;   

}
/* fourth level links, more padding */
div#menu_vert ul ul  ul ul a {
   padding: 0.3em 0.5em 0.3em 5.3em;
   background-position: 4.2em 9px;   

}

/* PLAIN MENU PARENT ITEMS -----------------------------------------*/
div#menu_vert li a.menuparent {
   color:#615c58;
   background: url(images/pinnacle/light_grey_down_arrow.gif) no-repeat; 
   background-position: 170px 8px; 
      background-color:#ebebeb ; /*  e33689*/
}
div#menu_vert ul ul li a.menuparent {
   background: url(images/pinnacle/drk_red_left_sub_arrow.gif) no-repeat; 
   background-position: 1.9em 10px;        
   color: #615c58;
   background-color:#f8f7f7; 
}
div#menu_vert ul ul ul li a.menuparent {
   background-position: 2.9em 10px;        
}


/* CURRENT MENU ITEMS --------------------------------------------*/
div#menu_vert  ul li a.current, div#menu_vert ul li a.menuparent.current{
   background:#fae4ef url(images/pinnacle/star.gif) no-repeat; 
   background-position: 0.6em 9px; 
   color:#3f5d6d;
   border-bottom:1px solid #cdcdcd;
}
div#menu_vert  ul ul li a.current, div#menu_vert ul ul li a.menuparent.current{
    background:#fae4ef url(images/pinnacle/star.gif) no-repeat; 
   background-position:1.8em 9px;     
}
div#menu_vert  ul ul ul li a.current, div#menu_vert ul ul ul li a.menuparent.current{
	 background:#fae4ef url(images/pinnacle/star.gif) no-repeat; 
	background-position:2.8em 9px;     
}
div#menu_vert  ul ul ul ul a.current, div#menu_vert ul ul ul ul a.menuparent.current{
	 background:#fae4ef url(images/pinnacle/star.gif) no-repeat; 
	background-position:3.8em 9px;     
}
/* END MENU ITEMS --------------------------------------------*/





/* End of 'PT_menu' */

/* Start of CMSMS style sheet 'PT_styles' */
/*
these styles are used with the modified fkc editor that places a div id 
around the content with the name of the content block as the id and class .wysiwyg
this is removed when viewing in source view and when you save in the database
please ensure that you don't use the .wysiwyg in the live styles as it causes conflicts 
between the 2 views
eg. 
i have defined a style .wysiwyg li that is used in both the live and wys view. Unforunately now
I can't implement the postion absolute and other specific styles for the wys editor as they will
effect the live site too
*/
#content_en.wysiwyg{
	width:100%;
	height:100%;
	top:0px;
	position:absolute;
	background-color:#f5f5f5;
}

/*

XX represents initials for site
.content classes are used to overcome padding issues in IE6

-----------------------------------------------
Site Title
Author:   Jeff Williams
Version:  Date V1.0
----------------------------------------------- */

/*HTML SETUP*******************************************************************/

/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

ul, dl, ol{
margin:0.5em 0.0em .5em 1.0em;
padding:0.5em 0.0em .5em 1.0em;
}

/*used globally for search feature*/
.searchhilite{
	background-color:yellow;
}

/*you must compensate for the scroll bar for mozilla though because the margin and padding is removed*/
option{
	padding-right:.5em;
}
img{
	border:0px;
}
.clearb{
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

img{
	margin:0px;
	padding:0px;
	border:0px;
}


/*fix Disappearing List Background Bug */
ul, ol, dl { position: relative; }

.divider, hr{
 background: #d7d5e6;
 color: #d7d5e6;
 height: 1px;
 overflow: hidden;
 border: 0;
 margin: .5em 0 .75em 0; 
}




/*END HTML SETUP*******************************************************************/



/*START LAYOUT ELEMENTS************************************************************/

html, body{	
	font-family: "lucida grande", Arial, Helvetica, sans-serif;
	height:100%;
	width:100%;
}
body{
	background-image:url(images/pinnacle/bg.gif);
	background-position: center 0px;
	background-repeat:repeat-y;
	font-size:12px;
	color:#263f4c;
}

#centered_main{
	position:relative;
	width: 983px;
	height:100%;
	margin-right: auto;
    margin-left: auto;		
}


#flash_banner{
	float:left;
	padding-left:40px;
}

#company_home_img{
	padding-top:50px;
/*	padding-left:30px;*/
	padding-left:10px;
	float:left;
}


/*start footer struture*/
#flash_button{
	padding-bottom:20px;
}
#footer_top_cap{
	margin-top:20px;
	width:962px;
	height:5px;
	background: transparent url(images/pinnacle/footer_bg.gif) no-repeat;
}
#footer{
	width:962px;
	font-size:.8em;	
	background-color:#008ac9;
}
#footer .content{
	padding:10px 20px 10px 10px;
}
#footer ul{
	float:left;
	border-left:1px solid #f4f4f4;
	margin:0px;
	padding:0px;
	padding-right:20px;
	list-style:none; 
}

#footer li{
	padding-left:20px;
	
}

#footer ul.left{
	border:none;
}

#footer_content{
	float:right;  
	width:200px; 
	padding:0px 10px 0px 0px; 	
}
#footer_details{
	float:right;
	width:400px; 
	text-align:right; 
}

#footer, #footer a{
color:#f4f4f4;
text-decoration:none;
}
#footer a:hover{

}


#pinnacle_logo_small{
	float:right;
}
/*end footer struture*/



#left_col{
	width:209px;
	float:left;
	position:relative;
}

#search_box {
/*	background-image: url(images/pinnacle/bg_search.gif);
	background-repeat: no-repeat;
	height: 56px;*/
}

#search_box label {
	text-transform: uppercase;
}

/*RIGHT_COL STRUCTURE
please note IE transparent background is controlled in IE_styles.css
*/
#right_col{
	background: transparent url(images/pinnacle/opacity_bg.png) repeat-y;
	width:700px;
	min-height:547px;
	padding-left:40px;
	float:left;
	position:relative;
}

#content_area{
	width:440px; /*460*/
	float:left;
padding-right: 20px;
}

#content_area_wide{
width: 665px;
padding-bottom:20px;
}

.feature_bar {
 background: #efefef;
 padding: 10px 0px 10px 10px;
 border-top: 1px solid #dde0e2;
 border-bottom: 1px solid #e6edef; 
 border-width: 1px 0;
 margin: 2em 0 2.5em;
}

#side_bar{
	width:182px;
	margin-left:18px;
	float:left;	
}
#side_bar h3{
	color:#3f5d6d;
	font-weight:bold;
	line-height:1.6em;
	font-size: 2em;
}
#side_bar p{
 font-size: 12px; /* 12px */ 
 line-height: 1.6em; /* 21px */ 
 margin: 0 0 .875em 0; 
 font-family: Arial, Helvetica, sans-serif;
}

.side-bar {
 font-size: 0.9167em; /* 11px */ 
 line-height: 1.9091em; /* 21px */ 
 float: right;
 width: 204px;
 padding: 0 0 0 20px;
 margin: 2.0em 0 2.2em 30px; 
 background: #f7f8fa ;
}
.side-bar.inline {
margin-top: 0;


}
/*END RIGHT_COL STRUCTURE*/





/*END LAYOUT ELEMENTS************************************************************/


/*START LIST ELEMENTS************************************************************/


.horizontal-list li {
 display: inline;
 border-right: 1px solid #b0b0b0;
 padding: 0 14px 0 10px;
}


.wysiwyg li{
	list-style:none;
	background-image:url(images/pinnacle/star.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	padding-left:10px;
	font-size:12px;
	line-height:1.5em;
}


/*END LIST ELEMENTS************************************************************/


/*START FONT ELEMENTS************************************************************/

/*
by putting the font size (.75em) in the imediately outer div (usually content) 
we are enabling the default size of text to be .75em
because p tags font size are not set explicitly they will default to .75 
(eg. .75 of 1).
All other fonts h1, h2, h3, h4. will be .75 of the below sizes
DEFAULT FONT SIZE SHOULD BE SPECIFIED IN THE IMMEDIATELY OUTER DIV CONTAINER!
*/

h1, h2, h3, h4, h5, h6 {
 margin: 0;
 font-weight: normal;
 text-shadow: #fff 0 1px 0;
}

#page_title{
float:left;

}

h1 { 
 font-size: 2.0em; /* 26px */ 
 line-height: 1.6em; /* 42px */ 
 color: #3f5d6d;
 font-weight:bold;
 margin-bottom: .5em;
}
h2 { 
 font-size: 1.8333em; /* 22px */ 
 line-height: 1.2em; /* 42px */ 
 margin-top: 0.9545em; 
 color: #3f5d6d;
 }

h3 { 
 font-size: 1.6667em; /* 20px */ 
 line-height: 1.05em; /* 21px */ 
 color: #008ac9;
}
h3 a {
color: #5a7423;
}
h4 { 
 font-size: 1.3333em; /* 16px */ 
 line-height: 1.3125em; /* 21px */ 
 margin-top: 1.3125em; 
 color: #2699cd;
}
.feature_bar h4 {
border: 0;
margin: 0;
padding: 10px;
}
td h4 {
border: 0;
margin: 0;
line-height: 1.2em;
}
h5 {
 font-size: 1.1667em; /* 14px */ 
 line-height: 1.5em; /* 21px */ 
 color: #429fc9;
 font-weight: bold;
}
 
h6 { 
 display:inline;
 font-size: 1em; /* 12px */ 
 line-height: 1.75em; /* 21px */ 
 margin-top: 1.75em; 
 color: #4fa3c9;
 font-weight: bold;
}
.side-bar h6 { 
font-size: 11px; /* 11px */ 
line-height: 1.9091em; /* 21px */ 
margin-top: 1.9091em;
color: #2a3c79;
}

p { 
 font-size: 12px; /* 12px */ 
 line-height: 1.5em; /* 21px */ 
 margin: 0 0 .875em 0; 
 font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
}


/*END FONT ELEMENTS************************************************************/


/*START HYPERLINK ELEMENTS*******************************************************/

a{
	text-decoration:underline;
	color:#e33689

}
a:hover{
	text-decoration:none;

}


/*END HYPERLINK ELEMENTS*******************************************************/




/*START WYSIWYG ELEMENTS*******************************************************/
/*All elements here will be viewable in the wysiwyg they should be copied into
Please note that all styles must also be in lower case.
*/


.wysiwyg{
	font-size:10px;
}

.blue{
	color:#008ac9;
}
.pink{
	color:#e33689;
}

.grey{
	color:#3f5d6d;
}


.inline-image {
	 background: #C4E3F2;
	 border: 1px solid #d7d5e6;
	 padding: 5px;
	 float: left;
	 margin: 3px 20px 10px 0;
}

.inline-image.plain {
	 background:none;
	 border: none;
}

.inline-image-right {
	 background: #C4E3F2;
	 border: 1px solid #d7d5e6;
	 padding: 5px;
	 float: right;
	 margin: 3px 0 10px 20px;
}

blockquote {
	 clear: both;
	 font-size: 1.5em;
	 margin: 1.2em 0;
	 padding: 0 20px 0 33px;
	 background: transparent url(images/pinnacle/blockquote.gif) 0 5px no-repeat;
}
blockquote em {
	 font-size: 12px;
	 color: #666;
	 display: block;
	 margin-top: 10px;
}



/*
DO NOT CHANGE THE COLOR FOR THESE STYLES. (bodytextsmall, bodytextlarge, bodytextreg) 
YOU SHOULD ONLY CHANGE THE SIZE AND FAMILY. COLOR SHOULD BE IMPLEMENTED WITHIN THE ACTUAL
DIV THE STYLE IS BEING USED
*/
.bodytextsmall{
	font-size:9px;
	color:#000;	
}
.bodytextlarge{
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#68596f;
}
.bodytextreg{
	font-size:11px;
	font-weight:lighter;
	color:#333;
	
}
/*END WYSIWYG ELEMENTS*******************************************************/
/* End of 'PT_styles' */

/* Start of CMSMS style sheet 'PT_form' */
/* =Forms
----------------------------------------------- */
form {
 margin: 0;
 padding: 0;
}
form label {
 cursor: pointer;
}
fieldset {
 border: none;
}
input, 
select, 
textarea {
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
}


textarea{
	height:200px;
	width:200px;
}

  
.std-form table {
 width: 100%;
}
.std-form {
 padding: 1em 2em;
 margin: 2em 0;
 border: 4px solid #fafafa;
}
.std-form input.text,
.std-form select, .std-form textarea {
 width: 90%;
 background: #fafafa;
 border: 1px solid #C3C3C3;
 border-right: 1px solid #a3a3a3;
 border-bottom: 1px solid #a3a3a3;
}

#search_box{
	margin-top:15px;
}

#search_box .btn{
	border:none;
	position:relative;
	top:3px;
}

#search_box label{
	font-size:10px;
}
#search_box input{
 border: 1px solid #C3C3C3;
 font-size:10px;
 border-right: 1px solid #a3a3a3;
 border-bottom: 1px solid #a3a3a3;
 padding:2px;
}

td.form_label {
 width: 10%;
 white-space: nowrap;
}
tr.submit_row td {
 border: 0;
 padding-top: 15px;
 padding-bottom: 20px;
 background: #fafafa;
}
.required {
 color: red;
 font-weight: bold;
 font-size: 1.3em;
 padding: 0 5px;
}
/* End of 'PT_form' */

/* Start of CMSMS style sheet 'PT_news' */
.NewsSummaryLink{
	font-weight:bold;
}
.NewsSummaryLink a{
	text-decoration:none;
	line-height:1.2em;
	font-size:1.2em;
}
.NewsSummaryLink a:hover{
	text-decoration:underline;
}

/*
get Ride of the p tag styles the cms puts in 
*/
#side_bar .NewsSummarySummary p{
margin:0px;
font-size:1.0em;
line-height:auto;
}


.NewsSummaryPostdate{
	background: transparent url(images/pinnacle/buttons/page_icon.gif) 0px 1px no-repeat;
	padding-left:15px;
	line-height:1.5em;
	padding-bottom:5px;
}

.NewsSummary{
	padding-bottom:20px;
}

#NewsPostDetailDate {
	font-weight: bold;
	font-size: 11px;
}

#NewsPostDetailContent {
font-size:12px;
line-height:1.5em;
}

#NewsPostDetailPrintLink {
	border-top:1px solid #E0E3EA;
	padding-top: 10px;
	margin-top: 20px;
}
/* End of 'PT_news' */

/* Start of CMSMS style sheet 'PT_table' */
.adv_rollover_table tr.heading th{
	 background-color:#718B9F;
	text-align:center;
	color:#fff;
	font-weight:bold;
}

.adv_rollover_table thead th{
 	 background-color:#718B9F;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.adv_rollover_table tbody th{
 background-color:#a0bace;
 color:#68596f;
 	 text-align:left;
	 font-weight:bold;
	 padding:2px;
}
.adv_rollover_table tbody tr.alt_row th{
 	background-color:#b4cadb;	
}

.adv_rollover_table tbody td{
 	 text-align:center;
}



.adv_rollover_table tbody tr{				
	background-color:#adc5d7;
	hover:expression(this.onmouseover=new Function("this.style.background='#a6becf';"),this.onmouseout=new Function("this.style.background='#adc5d7';"));
	}	
	
.adv_rollover_table tbody tr:hover{
	background-color:#a6becf;
}


.adv_rollover_table tbody tr.alt_row{				
	background-color:#bacfde;
	hover:expression(this.onmouseover=new Function("this.style.background='#b5cbdc';"),this.onmouseout=new Function("this.style.background='#bacfde';"));
	
	}	
.adv_rollover_table tbody tr.alt_row:hover{
	background-color:#b5cbdc;
}

.adv_rollover_table tfoot td{
	text-align:center;
	background-color:#fff;
}


/* =Tables
----------------------------------------------- */
table, td {
 margin: 0;
 border: 0;
 border-collapse: collapse;
 padding: 0;
 font-size: 12px;
 text-align: left;
}
table {
 margin: 2em 0;
}

td {
 border: 1px solid #e9e9e9;
}

table td li {
	margin-left:-25px;
}


th {
 background: #ddd;
 padding: 10px 4px 7px 10px;
/* border: 1px solid #cacaca;
 border-width: 1px 0;*/
 text-align: left;
 color: #333;
}
/*bg col must defined inside the class because it will cause conflicts with the rollover in IE*/
td {
 vertical-align: top;
 padding: 8px 0 5px 13px;
/* border-bottom: 1px solid #E0E3EA;*/
 
}
td.context {
 padding-right: 13px;
 padding-left: 13px;
 border-right: 1px solid #e9e9e9;
 background: #f9f9f9;
 color: #2a3c79;
}
.sponsor_box {
 float: right;
 margin: .5em 0 1em 1em;
 background: #fff;
 padding: 5px;
 border: 2px solid #fafafa;
}



/* End of 'PT_table' */

/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'Accessibility and cross-browser tools' */

/* Start of CMSMS style sheet 'PT_buttons' */


a.button {
    background: transparent url('images/pinnacle/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/pinnacle/buttons/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}


a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

a.button:hover {
	 background-position: bottom right;
}
a.button:hover span {
    background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px*/ 
}






a.button.pink {
    background: transparent url('images/pinnacle/buttons/bg_pink_button_a.gif') no-repeat scroll top right;
	height: 18px;
	font: normal 10px arial, sans-serif;
	text-transform:uppercase;
	color:#fff;
}
a.button.pink span {
    background: transparent url('images/pinnacle/buttons/bg_pink_button_span.gif') no-repeat;
	line-height: 12px;
    padding: 3px 0 3px 18px;
}
a.button.pink:hover {
	 background-position: bottom right;
}
a.button.pink:hover span {
    background-position: bottom left;
	padding: 3px 0 3px 18px;
}




/* End of 'PT_buttons' */