@charset "utf-8";/* --------------------------------
/  Colors
/    Yellow:     #FFD75B
/    Green:      #86A067
/    Blue-green: #00785D
/    Blue:       #5C6685
/    Light blue: #EDF3EB
/    Gray:       #555555
/    Tan:        #F2F1E2
/  --------------------------------*//* --------------------------------
/  Unset default browser styles
/  Adapted from: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
/  --------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1.1em; background-color: #FFF; color: #555; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { color: #5C6685; }
a:hover { color: #1F0E50; }
.clear { clear: both; }
br.clear { height: 1px; }
.right { float: right; padding: 0 0 15px 15px; }
.left {float: left; padding: 0 15px 15px 0; }
/* --------------------------------
/  Main Layout and Page Backgrounds
/  --------------------------------*/
div#pageWrapper {
	background: #fff url(../images/header_bg.jpg) left top repeat-x;
}
body#content div#pageWrapper {
	background: #fff url(../images/bgbodysubpage.jpg) left top repeat-x;
}
div#contentWrapper, div#contactInfo, div#footerNavigation, div#copyright {
	width: 800px;
	margin: 0 auto;
}
div#header {
	height: 389px;
   position: relative;
}

div#cpplogo {
            position:absolute; 
            top:40px; 
            left:-110px;
            }

	body#content div#header {
		height: 126px;
	}
	div#masthead {
		height: 96px;
	}
		h1 {
			height: 96px;
			text-indent: -9999px;
			 background: transparent url(../images/logo.jpg) left 17px no-repeat;
		}
			h1 span {
				display: block;
			}
			h1 a {
				display: block;
				width: 100%;
				height: 100%;
				text-decoration: none;
			}
					
			
	div#mainNavigation ul {
		height: 32px;
		font-size: .75em;
		line-height: 32px;
		text-align: center;
	}
		div#mainNavigation li {
			float: left;
		}
			div#mainNavigation span {
				display: block;
				padding-left: 22px;
			}
				div#mainNavigation span:hover, div#mainNavigation li.active span {
					background-color: #1F0E50;
				}
				div#mainNavigation a {
					color: #fff;
					text-decoration: none;
					display: block;
					float: left
				}
				div#mainNavigation i {
					border-right: 1px solid #FFD75B;
					padding-left: 10px;
				}
				div#mainNavigation li.last span i {
					border-right: none;
					padding-left: none;
				}
                
      div#uppernav {
      position: absolute; 
      top:10px; 
      left:530px;
      }  
      
         div#uppernav a {
      font-size: .75em; 
     text-decoration: none;
      }    
      div#uppernav a:hover {
     text-decoration: underline;
      }    
	
div#splash {
	height: 262px;
}
	div#headerImage {
		float: left;
		height: 225px;
		width: 529px;
		margin-top: 20px;
		margin-left: -12px;
		
	}
		div#headerImage img {
			margin-top: 6px;
			margin-left: 0px;
		}
	div#services {
		float: left;
		width: 235px;
		margin: 20px 0 0 18px;
		font-family: Arial, Helvetica, sans-serif;
	}
	body#home div#services {
		width: 240px;
		margin: 5px 0 0 3px;
        background: transparent url(../images/box.gif) left top no-repeat;
	}
		div#services h2 {
			 
			font-size: 1.25em;
			color: #fff;
			margin: 4px 0 10px 0;
		}
		div#services p {
			font-size: .85em;
			line-height: 1em;
			
		}
		div#services ul {
			height: 185px;
			width: 225px;
			padding: 60px 0px 10px 30px;
			background: transparent url(../images/box.gif) left top no-repeat;
		}
			div#services li {
				margin: 5px 20px 5px 0px;
				font-size: .75em;
				list-style-image: url(../images/list.gif);
}
				div#services a {
                font-size: .85em;
                color: #7A0300;
					text-decoration: underline;
}
				
				div#services a:hover{	
			list-style-image: url(../images/listhover.gif);
					
}
.indent {padding-left: 20px;}
				
div#body {
	font-size: .82em;
      
}
	div#content {
    position: relative;
		width: 510px;
		float: left;
		padding: 15px 0;
      
	}
    
   
		div#feature {
			font-size: .9em;
		}
	div#sidebar {
		width: 265px;
		float: left;
		padding-bottom: 25px;
		overflow: hidden;

	}
    
    div#sidebar p {
		margin-left: 15px;

	}
    
    
		div#sidebarTop {
			height: 30px;
			background: transparent url(../images/sidebar_top_bot_bg.png) left top no-repeat;overflow: hidden;
		}
		div#sidebarMid {
			background: transparent url(../images/sidebar_mid_bg.png) left top repeat-y;overflow: hidden;
		}
			div#sidebarMid img {
			margin: 0px 0px 0px 100px;
		}
		
		
			div#sidebarMid div {
				padding: 0 15px 0 25px;
			}
		div#sidebarBot {
			height: 30px;
			background: transparent url(../images/sidebar_top_bot_bg.png) left bottom no-repeat;overflow: hidden;
		}
        
        	
        
		div#youShouldKnow {
			
		}
			body#content div#youShouldKnow {
				margin-top: 75px;
			}
			div#youShouldKnow h3 {
				text-align: center;
				font-size: 1.5em;
				background: transparent url(/images/css/icon_question.gif) left top no-repeat;
			}
			div#youShouldKnow h4 {
				 
				margin-bottom: 1em;
			}
	body#home div#sidebar, body#landing div#sidebar {
		margin-top: -18px;	}
	div#moreInfo {
		clear: both;
		border-top: 1px solid #FFD75B;
		padding: 10px 0;
		font-size: .9em;
	}
		div#moreInfo div {
			float: left;
			width: 200px;
			padding: 0 10px 0 40px;
			margin-left: 10px;
			border-right: 1px solid #FFD75B;
			background: transparent url(/images/css/moreinfo_icon_monitor.gif) left top no-repeat;
		}
			div#moreInfo div.first {
				margin-left: 0;
				background: transparent url(/images/css/moreinfo_icon_hands.gif) left top no-repeat;
			}
			div#moreInfo div.last {
				border-right: none;
				background: transparent url(/images/css/moreinfo_icon_info.gif) left top no-repeat;
			}
		div#moreInfo h3 {
			color: #5C6685;
			 
		}
        
        div#footer {
	clear: both;
	margin-top: 20px;
	background: #fff url(/images/css/footer_bg.png) left top repeat-x;
	font-size: 10px;
	text-align: center;
    font-weight: normal;
  
}
	div#contactInfo {
		width: 800px;
		height: 45px;
		line-height: 30px;
		font-size: .7em;
	}
		div#contactInfo div {
			display: inline;
		}
		div#contactInfo div.org {
			color: #00785D;
			 
		}
		div#contactInfo span.country-name {
			display: none;
		}
		div#contactInfo div.org, div#contactInfo div.street-address, div#contactInfo span.postal-code, div#contactInfo div.tel {
			padding: 0 3px;
			border-right: 1px solid #FFD75B;
		}
		div#contactInfo div.org {
			padding-left: 0;
			 
		}
		div#contactInfo a {
			color: #00785D;
			text-decoration: none;
		}
	div#footerNavigation {
		text-align: right;
	}
		div#footerNavigation ul, div#footerNavigation li {
			display: inline;
		}
		div#footerNavigation li {
			border-right: 1px solid #FFD75B;
			padding: 0 5px;
		}
			div#footerNavigation li.first {
				padding-left: 0;
			}
			div#footerNavigation li.last {
				border-right: none;
				padding-right: 0;
			}
	div#copyright {
		text-align: right;
	}
		div#copyright a, div#copyright a:visited {
			color: #555;
			text-decoration: none;
		}
		div#copyright a:hover {
			text-decoration: underline;
		}
		
table.data {  
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}
table.data th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.data td{
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 10px 15px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.data2 {  
	border-collapse: collapse;
	background-color: white;
}
table.data2 th {
	padding: 1px 1px 1px 1px;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.data2 td{
	padding: 1px 5px 1px 5px;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.data3 {  
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	color: #ffffff;
background-color: #5C6685;
}
table.data3 th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #5C6685;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.data3 td{
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 10px 15px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
background-color: #5C6685;
	-moz-border-radius: 0px 0px 0px 0px;
}
		
.tableheader {
color: #5C6685;
font-weight: bold;
font-style: italic;}		
		
		
		
		
		/* --------------------------------
/  Blog
/  --------------------------------*/.post {
	border-bottom: 3px solid #FFD75B;
	margin-bottom: 2em;
}
.lastPost {
	border-bottom: none;
}
div#content .post h2 {
	margin-bottom: 0;
}
.post .date {
	font-size: .8em;
	color: #666;
	margin-bottom: 1.5em;
}/* --------------------------------
/  Headers
/  --------------------------------*/
h2 {
	font-size: 1.3em;
	color: #1F0E50;
    font-weight: normal;
    letter-spacing: .25em;
}

h4 {
	font-size: 1.1em;
	color: #1F0E50;
    font-weight: normal;
    margin-bottom: 10px;
    letter-spacing: .20em;
}

h5 {
	font-size: .9em;
     font-weight: normal;
	color: #DEC9B8;
    margin-left: 20px;
letter-spacing: .25em;
line-height: 1.5em;}

div#content h2 {
padding-top: 1em;
	margin-bottom: 1em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#content h3 {
	font-size: 1.25em;
	color: #1F0E50;
	 margin-bottom: 1em;
}




div#sidebar h3, div#sidebar h3 a {
	color: #5C6685;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 1em;
}
/* --------------------------------
/  Body Text
/  --------------------------------*/
div#content p {
	line-height: 1.5em;
	
}



/* --------------------------------
/  Lists
/  --------------------------------*/

div#sidebar li {
	padding: 3px 0;
}
	div#sidebar li a {
		color: #5C6685;
		text-decoration: none;
	}
div#sidebar li a hover {
		color: #1F0E50;
		text-decoration: none;
	}

div#content ul {
list-style-type: disc;
	padding-left: 20px;
}
div#content li {
list-style-type: disc;
	padding-bottom: 10px;
}
	
/* --------------------------------
/  diagram
/  --------------------------------*/    
    #diagram {
margin-left: 20px;
padding: 0;
height: 410px;
}



#thinborderleft {
 position: relative;
  float: left;

  width:100px;
  height: 170px;
  border:solid 1px #800000;
  padding: 0px;
  margin-right:10px;
  margin-left:0px;
margin-top: 0px;
margin-bottom: 0px;} 


.squeeze {
  font-size: 12px;
  margin-bottom: 0px;
  margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
line-height: 1.5 em;}


#across {
 position: relative;
  float: left;
  width:440px;

  border:solid 1px #800000;
  padding: 0px;
  margin-right:0px;
  margin-left:0px;
margin-top: 5px;} 

.title {

 color: #ffffff;
 text-align: center;
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
  margin-bottom: 0px;
background-color: #800000;
}

#across p {
  margin: 0px;
  text-align: center;
padding: 5px 5px 5px 5px;}    
/* --------------------------------
/  Site Map
/  --------------------------------*/
body#home div.sitemap div#content {
	width: 775px;
}
body#home div.sitemap div.column {
	float: left;
	width: 40%;
}
body#home div.sitemap h2 {
	margin-top: 2em;
}
/**
 * **********************
 * Navigation Drop-downs
 * See: http://www.htmldog.com/articles/suckerfish/dropdowns/
 * **********************
 */
div#mainNavigation li ul {
	position: absolute;
	left: -999em;
	text-transform: none;
}
div#mainNavigation li:hover ul {
	left: auto;
	width: 150px;
}
div#mainNavigation li li a, div#mainNavigation li li a:hover, div#mainNavigation li.active li a {
	height: 100%;
	background-color: #FEFBE8;
	color: #5C6685;
}
div#mainNavigation li li a:hover {
	color: #FEFBE8;
	background-color: #5C6685;
}
div#mainNavigation li li a {
	width: 150px;
	padding: 4px 10px;
	line-height: 1.25em;
}
div#mainNavigation li li.first a{
}
div#mainNavigation li li.last a {
}