/* CSSTidy 1.2: Sun Mar 27 11:51:15 2011 */
body {
font-family:Verdana,sans-serif;
margin:0;
padding:0;
border:0;
/* This removes the border around the viewport in old versions of IE */
width:100%;
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;
}

a:hover {
color:#fff;
background:#369;
text-decoration:none;
}

h1,h2,h3 {
font-family:Georgia,serif;
margin:.8em 0 .2em;
padding:0;
}

p {
margin:.4em 0 .8em;
padding:0;
}

img {
margin:10px 0 5px;
}

a img {
border:0;
}

fieldset {
border:0;
}

/* Header styles */
#header {
clear:both;
float:left;
width:100%;
}

#header {
border-bottom:1px solid #000;
}

#header p,#header h1,#header h2 {
padding:.4em 15px 0;
margin:0;
}

#header ul {
clear:left;
float:left;
width:100%;
list-style:none;
margin:10px 0 0;
padding:0;
}

#header ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}

#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;
}

#header ul li a:hover {
background:#369;
color:#fff;
}

#header ul li a.active,#header ul li a.active:hover {
color:#fff;
background:#000;
font-weight:700;
}

#header ul li a span {
display:block;
}

/* 'widths' sub menu */
#layoutdims {
clear:both;
background:#f93;
/* was #eee; */
border-top:4px solid #000;
margin:0;
padding:6px 15px !important;
text-align:right;
}

/* 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 */
}

/* Navigation buttons   */
.navbox {
background:#eee;
width:10em;
padding:0.5em;
border:0;
margin:0;
}

/* Floating updated box  */
#updated {
position:relative;
clear:both;
float:right;
background:#cfc;
width:10em;
padding:0.5em;
border:0;
margin:0;
}

/* social media box  */
#linkoutbox {
position:relative;
clear:both;
float:right;
background:#ffebcd;
width:15em;
padding:0.5em;
border:0;
margin:0;
}

/* 2 column left menu settings */
.leftmenu {
background:#eee;
/* #ff9933; is orange, green is #cfc; eee is gray ffebcd dcdcdc fff is white*/
}

.leftmenu .colright {
float:left;
width:200%;
position:relative;
left:12em;
background:#fff;
}

.leftmenu .col1wrap {
float:right;
width:50%;
position:relative;
right:12em;
padding-bottom:1em;
}

.leftmenu .col1 {
margin:0 1em 0 13em;
position:relative;
right:100%;
overflow:hidden;
}

.leftmenu .col2 {
float:left;
width:10em;
position:relative;
right:11em;
}

/* Footer styles */
#footer {
clear:both;
float:left;
width:100%;
border-top:1px solid #000;
}

#footer p {
padding:10px;
margin:0;
}

.align-right {
float:right;
}

.align-left {
float:left;
}