/* <!-- */

/* General styles */

p {

font-family: Arial, Helvetica, sans-serif;

}

body {

margin:0;

padding:0;

border:0; /* This removes the border around the viewport in old versions of IE */

width:100%;

font-family: Arial, Helvetica, sans-serif;

font-size:90%;

background:#fff;

min-width:600px; /* Minimum width of layout - remove line if not required */

/* The min-width property does not work in old versions of Internet Explorer */

font-size:90%;

}

a {

color:#369;

font-family: Arial, Helvetica, sans-serif;

}

a:hover {

color:#fff;

background:#369;

text-decoration:none;

font-family: Arial, Helvetica, sans-serif;

}

h1, h2, h3 {

margin:.8em 0 .2em 0;

padding:0;

font-family: Arial, Helvetica, sans-serif;

}

p {

margin:.4em 0 .8em 0;

padding:0;

font-family: Arial, Helvetica, sans-serif;

}

img {

margin:10px 0 5px;

}

/* Header styles */

#header {

clear:both;

float:left;

width:100%;

font-family: Arial, Helvetica, sans-serif;

}

#header {

border-bottom:1px solid #000;

}

#header p,

#header h1,

#header h2 {

padding:.4em 15px 0 15px;

font-family: Arial, Helvetica, sans-serif;

margin:0;

}

#header ul {

clear:left;

float:left;

font-family: Arial, Helvetica, sans-serif;

width:100%;

list-style:none;

margin:10px 0 0 0;

padding:0;

}

#header ul li {

display:inline;

list-style:none;

margin:0;

padding:0;

font-family: Arial, Helvetica, sans-serif;

}

#header ul li a {

display:block;

float:left;

margin:0 0 0 1px;

padding:3px 10px;

text-align:center;

background:#eee;

color:#000;

text-decoration:none;

position:relative;

left:15px;

line-height:1.3em;

font-family: Arial, Helvetica, sans-serif;

}

#header ul li a:hover {

background:#369;

color:#fff;

font-family: Arial, Helvetica, sans-serif;

}

#header ul li a.active,

#header ul li a.active:hover {

color:#fff;

background:#000;

font-weight:bold;

font-family: Arial, Helvetica, sans-serif;

}

#header ul li a span {

display:block;

}

/* 'widths' sub menu */

#layoutdims {

clear:both;

background:#eee;

border-top:4px solid #CC0000;

margin:0;

padding:6px 15px !important;

text-align:right;

font-family: Arial, Helvetica, sans-serif;
}

/* column container */

.colmask {

position:relative; /* This fixes the IE7 overflow hidden bug */

clear:both;

float:left;

font-family: Arial, Helvetica, sans-serif;

width:100%; /* width of whole page */

overflow:hidden; /* This chops off any overhanging divs */

}

/* common column settings */

.colright,

.colmid,

.colleft {

float:left;

width:100%; /* width of page */

position:relative;

font-family: Arial, Helvetica, sans-serif;

}

.col1,

.col2,

.col3 {

float:left;


font-family: Arial, Helvetica, sans-serif;

position:relative;

padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */

overflow:hidden;

}

/* 3 Column settings */

.threecol {

background:#eee; /* right column background colour */

font-family: Arial, Helvetica, sans-serif;

}

.threecol .colmid {

right:25%; /* width of the right column */

background:#fff; /* center column background colour */

font-family: Arial, Helvetica, sans-serif;

}

.threecol .colleft {

right:50%; /* width of the middle column */

background:#ffbb55; /* left column background colour */


font-family: Arial, Helvetica, sans-serif;
}

.threecol .col1 {

width:46%; /* width of center column content (column width minus padding on either side) */

left:102%; /* 100% plus left padding of center column */

font-family: Arial, Helvetica, sans-serif;

}

.threecol .col2 {

width:21%; /* Width of left column content (column width minus padding on either side) */

left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */

font-size:86%;

font-family: Arial, Helvetica, sans-serif;

}

.threecol .col3 {

width:21%; /* Width of right column content (column width minus padding on either side) */

left:85%; /* Please make note of the brackets here:

(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */

font-size:86%;

font-family: Arial, Helvetica, sans-serif;

}

/* Footer styles */

#footer {

clear:both;

float:left;

width:100%;

border-top:1px solid #000;

font-family: Arial, Helvetica, sans-serif;

}

#footer p {

padding:10px;

margin:0;

font-family: Arial, Helvetica, sans-serif;

}

/* logo styles */

img.logo {

float: left;

margin-left: 1px;

margin-bottom: 1px;

border: 1px solid #CC0000;

padding 1px;

}

/* icon styles */

img.icon {

float: right;

margin-left: 30px;

padding: 3px;

border: 0px;

clear: right;

}

/* font spans */

#midmain {
font-family: verdana, sans-serif;
}

/* --> */