/* Pinnacle Template */
/* Global Styles */
* {
margin:0;
padding:0;
font-family:Helvetica, Arial, Sans-serif;
font-size:12px;
}

body {
border:0;			
width:100%;
/* background:url(images/pattern.png); */
min-width:600px;
background-color: #264e6b;
}

/* Common Styles */
h1 {
font-size:24px;
font-weight:normal;
margin:15px 0 15px 0;
color:#666;
clear:left;
font-family:Helvetica, Arial, Sans-serif;
}

img + h1 {
padding-top:10px;

}

h2 {
font-size:12px;
clear:left;
margin:20px 0 5px 0;
text-transform:uppercase;
color:#427b9e;
letter-spacing:1px;
}

h1 + h2 {
margin:-5px 0 15px 0;
}

.box {
background:#eee;
border:1px solid #ccc;
padding:0 10px 10px 10px;
margin:10px 0;
}

p {
line-height:1.5em;
margin-top:10px;
}

h2 + p {
margin-top:5px;
}

p a, ul a {
color:#6b80b0;
}

p a:hover, ul a:hover {
text-decoration:none;
}

blockquote p {
line-height:1.5em;
padding:6px 0 6px 25px !important;
padding:6px 0 6px 0px;
margin:10px 0;
border-left:1px dotted #555 !important;
border:0;
}

blockquote p span {
display:block;
text-align:left;
font-size:14px;
color:#838c7a;
padding:5px 0 0 15px;
}


form {
width:460px;
text-align:left;
margin-top:0;
}

a img {
border:0;
margin:5px 0 0 5px;
}

ul, ol {
line-height:1.6em;
list-style:disc;
color:#333;
margin-left:25px;
}

ol {
list-style:decimal;
}

img.left {
float:left;
margin:5px 5px 5px 0;
}

img.right {
float:right;
margin:5px 0 5px 5px;
}

/* Structure */
#header {
clear:both;
float:left;
width:100%;
height:250px;
background: #92b6d8 url(images/header.png) no-repeat top left;
}

#container {
width:85%;
margin:20px auto 0 auto;
border:1px solid #aaa;
}

.colmask {
position:relative;	
clear:both;
float:left;
width:100%;			
overflow:hidden;	
}

.colright,
.colmid,
.colleft {
float:left;
width:100%;			
position:relative;
}

.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:10px 0 20px 0;	
overflow:hidden;
}

.threecol {
background:#eee;		
}

.threecol .colmid {
right:25%;			
background:#fff;	
}

.threecol .colleft {
right:50%;			
background:#fff;	
}

.threecol .col1 {
/* width:46%;			
left:102%;		*/
width: 67%;
left: 80%;	
}

.threecol .col2 {
width:21%;			
left:85%;			
}

.threecol .col3 {
width:21%;			
left:85%;			
}

#footer {
clear:both;
float:left;
width:100%;
background:#fff;
border-top:1px solid #ccc;
}

/* Specific Styles */

#header h1 a {
text-decoration:none;
color:#444;
font-size:30px;
float:left;
margin:100px 0 0 80px;
font-family:Helvetica, Arial, Sans-serif;
}

#header h2 {
color:#666;
font-family:Helvetica, Arial, Sans-serif;
font-size:14px;
text-transform:none;
letter-spacing:1px;
font-weight:normal;
padding-left:80px;
clear:left;
}

#footer p {
padding:10px;
margin:0;
text-align:center;
}

ul#navigation {
list-style:none;
float:left;
width:100%;
background:#333;
border-top:1px solid #fff;
margin:0;
}

ul#navigation li {
float:left;
list-style:none;
}

ul#navigation li a {
display:block;
color:#fff;
font-size:14px;
font-weight:bold;
width:100px;
height:30px;
line-height:30px;
text-decoration:none;
text-align:center;
}

ul#navigation li a:hover, ul#navigation li a.active {
background:#eee;
color:#315A74;
}

ul#sub {
clear:left;
margin:0;
list-style:none;
float:left;
width:100%;
background:#fff;
height:25px;
background:#eee;
border-bottom:1px solid #ccc;
}

ul#sub li {
float:left;
margin-left:5px;
line-height:25px;
list-style:none;
}

ul#sub li a {
color:#315A74;
font-size:12px;
width:150px;
display:block;
text-align:center;
text-decoration:none;
}

ul#sub li a:hover {
text-decoration:underline;
}

table {
border-collapse:collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
width:95%;
margin-top:10px;
}

td, th {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:4px 0 4px 5px;
}

th {
background:#ecf0f7;
color:#333;
}