/* GENERAL SETTINGS */
body {
margin:0 auto;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
width:960px;
background:#fff;
font-size:80%;
background:#FFFFFF url(images/body-bg.gif) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
a {
color:#369;
}
a:hover {
color:#fff;
background:#369;
text-decoration:none;
}
h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
}
p{
margin:.4em 0 .8em 0;
padding:0;
line-height:20px;
}
img {
margin:5px;
}
/* *********************************** */
/* HEADER */
#header {
clear:both;
float:left;
width:100%;
height:131px;
background: url(images/logo-call.gif) top right no-repeat;
}
#header p, #header h1, #header h2{
margin:0;
}
#header h1{
font-family:"Trebuchet MS", Arial, Helvetica;
font-size:36px;
padding:30px 15px 0px;
color:#FFFFFF;
}
#header h1 a:link, #header h1 a:visited{
text-decoration:none;
color:#FFFFFF;
}
#header h1 a:hover{
background:none;
color:#CCCCCC;
}
#header h2{
font-size:100%;
padding:0px 15px 20px;
color:#FFFFFF;
font-weight:normal;
}

/* *********************************************************** */
/* COLUMNS */
/* Column Container */
.colmask {
position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%;				/* width of whole page */
overflow:hidden;		/* This chops off any overhanging divs */
margin-top:10px;
}

.blogstyle {
background:#F4F3EB;    	/* Right column background colour */
}
.blogstyle .colmid {
float:left;
width:200%;
margin-left:-200px; 	/* Width of right column */
position:relative;
right:100%;
}
.blogstyle .colleft {
float:left;
width:100%;
margin-left:-200px; 	/* Width of centre column */
background:#fff;    	/* Left column background colour */
}
.blogstyle .col1wrap {
float:left;
width:50%;
padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.blogstyle .col1 {
margin:3px 15px 0 415px!important;
margin:3px 15px 0 415px;
						/* Centre column side padding:
						Left padding = left column width + centre column left padding width
						Right padding = right column width + centre column right padding width */
position:relative;
left:100%;
overflow:hidden;
text-align:justify;
width:530px;
}

.blogstyle .col1 h2{
background: #C7D8F8 url(images/doc-bullet.gif) left no-repeat;
padding:8px 26px;
margin-bottom:15px;
border-left:1px solid #071632;
color:#000;
font-size:15px;
text-align:left;
}
.blogstyle .col1 h3{
background:#C7D8F8;
padding:5px 11px;
margin-bottom:7px;
border-left:1px solid #071632;
color:#000;
font-size:13px;
}

/* Menu Columns */
.blogstyle .col2 {
float:right;
width:170px;	/* Width of left column content (left column width minus left and right padding) */
position:relative;
left:185px; 	/* Width of the left-had side padding on the left column */
}
.blogstyle .col3 {
float:right;
width:170px;	/* Width of right column content (right column width minus left and right padding) */
position:relative;
left:555px;
}

/* Menu Columns Links */
.blogstyle .col2 h2, .blogstyle .col3 h2 {
display:block;
background:#071632 url(images/colh2bg.gif) top right no-repeat;
color:#FFFFFF;
font-family:"Trebuchet MS", Arial, Helvetica;
font-size:14px;
padding: 5px 7px;
margin:15px 0px 0px;
}
.blogstyle .col2 h2.FixedMenu, .blogstyle .col3 h2.FixedMenu {
font-size:13px;
padding: 8px 7px;
}

.blogstyle .col2 ul, .blogstyle .col3 ul{
list-style:none;
padding:0;
margin:0;
}
.blogstyle .col2 ul li, .blogstyle .col3 ul li {
padding: 0px 0px 0px 10px;
border-bottom: 1px dotted #628EE4;
background: url(images/arrow.gif) 5px 9px no-repeat;
font-family:Arial, Helvetica, sans-serif;
}
.blogstyle .col2 ul li a, .blogstyle .col2 ul li a:visited,
.blogstyle .col3 ul li a, .blogstyle .col3 ul li a:visited {
display: block;
padding: 5px 3px;
margin: 0px;
text-decoration: none;
color: #333;
}
.blogstyle .col2 ul li a:hover, .blogstyle .col3 ul li a:hover{
color:#FF0100;
background:none;
}

/* Footer styles */
#footer {
clear:both;
float:left;
width:100%;
border-top:1px solid #C7D8F8;
background: #081837 url(images/footer-bg.gif) repeat-x;
padding:41px 15px;
}
#footer p {
margin:0;
color:#FFFFFF;
}
#footer h2{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:0;
}

.col1 a:link, .col1 a:visited{
text-decoration:none;
}