/* CSS based on http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm - thanks! */

img {
 border:0;
 }

#page img, .blog img {
 margin:0 5px;
 }

@media screen {     

/* <!-- */

/* General tag tyles */
body {
 margin:0;
 padding:0;
 border:0;
 width:100%;
 background:rgb(203,200,189);
 min-width:600px;
 font:normal 12px Verdana,Arial,Helvetica,sans-serif;
 color:#373737;
 }
p {
 margin-top:0;
 }
h1 {
 font-size:18pt;
 }
h2 {
 margin-top:0;
 font-size:18px;
 }
h3 {
 font-size:15px;
 margin:0;
 }
h4 {
 font-size:9pt;
 }
a {
 color:#373737;
 }

/* Layout and template */
#header {
 clear:both;
 float:left;
 width:100%;
 background:white url(/templates/hans/images/containerCornerN.gif) top repeat-x;
 min-width:745px;
 }
#header div {
 background:url(/templates/hans/images/containerCornerNW.gif) top left no-repeat;
 width:auto;
 }
#header div div {
 background:url(/templates/hans/images/containerCornerNE.gif) top right no-repeat;
 padding:10px 10px 0 10px;
 margin:0;
 }
#header div div div {
 padding:0;
 background:url(/templates/hans/images/headerMid.gif) top left repeat-x;
 }
#header div div div div {
 background:url(/templates/hans/images/header.jpg) top left no-repeat;
 }
#header div div div div div {
 background:url(/templates/hans/images/headerE.gif) top right no-repeat;
 height:150px;
 color:white;
 }
div.topMenu {
 position:absolute;
 width:100%;
 left:0;
 top:149px;
 text-align:center;
 clear:both;
 min-width:745px;
 }
div.topMenu table {
 text-align:left;
 margin:0 auto;
 padding:0;
 position:relative;
 z-index:50;
 }
td.topMenuW {
 background:url(/templates/hans/images/topMenuW.gif) no-repeat;
 width:18px;
 height:25px;
 font-size:1px;
 color:white;
 }
td.topMenu {
 background:url(/templates/hans/images/topMenuMid.gif) repeat-x;
 padding:0;
 margin:0;
 width:auto;
 }
td.topMenuE {
 background:url(/templates/hans/images/topMenuE.gif) no-repeat top right;
 width:19px;
 height:25px;
 font-size:1px;
 color:white;
 }
#topMenu {
 height:25px;
 }
#topMenu ul {
 margin:0;
 padding:0;
 list-style:none;
 }
#topMenu ul li {
 float:left;
 background:url(/templates/hans/images/topMenuSeparator.gif) top right no-repeat;
 position:relative;
 font-size:12px;
 font-weight:bold; 
 line-height:23px;
 width:auto;
 }
#topMenu a {
 color:#191919;
 text-decoration:none;
 margin:0 20px;
 display:block;
 }
#topMenu li ul {
 display:none;
 position:absolute;
 left:0;
 background-color:rgb(245,245,245);
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
 -moz-opacity:.95;
 opacity:.95;
 border-bottom:solid 5px rgb(245,245,245);
 width:200px;
 }
#topMenu li ul li { 
 padding:0;
 background:none;
 border-bottom:solid 1px rgb(198,198,198);
 width:100%;
 line-height:25px;
 }
#topMenu li:hover ul, #topMenu li.over ul{ display:block; }
.columns1 {
 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 */
 background:white;
 min-width:745px;
 
 background:white url(/templates/hans/images/containerCornerE.gif) right repeat-y;
 }
.columns2{
 position:relative;
 width:100%;
 overflow:hidden;
 background:url(/templates/hans/images/containerCornerW.gif) left repeat-y;
 }
.columns3 {
 position:relative;
 float:left;
 width:200%;
 right:100%;
 margin-left:-200px; 	/* Width of right column */
 overflow:visible;
 clear:none;
 background:none;
 }
.columns4 {
 position:relative;
 width:100%;
 margin-left:-50%;
 left:400px;         	/* Left column width + right column width */
 }
#col1wrap {
 float:left;
 width:50%;
 position:relative;
 right:200px;        	/* Width of left column */
 padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
 }
#col1wrap2 {
 margin:0 215px;     	/* 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:200%;
 overflow:hidden;
 padding-bottom:50px;
 margin-top:14px;
 }
#col1 {
 width:100%;
 padding-top:15px;
 }
#col2 {
 float:right;
 width:180px;        	/* Width of left column content (left column width minus left and right padding) */
 position:relative;
 right:2px;         	/* Width of the left-had side padding on the left column */
 padding-bottom:50px;
 margin-top:14px;
 }
#col3 {
 position:relative;
 float:right;
 width:180px;        	/* Width of right column content (right column width minus left and right padding) */
 margin-right:38px;  	/* Width of right column right-hand padding + left column left and right padding */
 left:50%;
 padding-bottom:50px;
 margin-top:14px;
 }
#footer {
 clear:both;
 float:left;
 width:100%;
 background:url(/templates/hans/images/containerCornerS.gif) bottom left repeat-x #f7f7f7;
 min-width:745px;
 }
#footer div {
 background:url(/templates/hans/images/containerCornerSW.gif) bottom left no-repeat;
 }
#footer div div {
 background:url(/templates/hans/images/containerCornerSE.gif) bottom right no-repeat;	
 padding:0 6px 10px 6px;
 margin:0;
 text-align:center;
 font-size:11px;
 color:#9e9a8f;
 }
#footer div div div {
 padding:0;
 background:none;
 border-top:solid 1px #cccccc;
 }
#footer div div div div {
 border-top:solid 1px white;
 padding:12px;
 background:#f7f7f7;
 }
.outside {
 margin:2px 8px 0 8px;
 }
.fpsplitl {
margin:0;padding:0;
 width:48%;
 float:left;
 }
.fpsplitl .moduletable, .fpsplitr .moduletable { 
 padding-bottom:35px;
 }
.fpsplitr {
margin:0;padding:0;
 width:48%;
 float:right;
 }
/* Left column menu styles */
#col2 h3 {
 position:relative;
 left:0;
 margin:15px 5px 0 0;
 text-align:center;
 }
#col2 ul {
 margin:0;
 padding:0 5px 25px 0;
 position:relative;
 left:0;
 border-right:solid 1px #ccc;
 }
#col2 ul ul {
 padding-bottom:0;
 }
#col2 li {
 margin:0;
 list-style-type:none;
 border-bottom:solid 1px #ccc;
 position:relative;
 left:0;
 }
#col2 li li {
 border-bottom:none;
 }
#col2 li li a:hover {
 background:none;
 text-decoration:underline;
 }
#col2 ul a {
 text-decoration:none;
 color:rgb(90,90,90);
 padding:7px 3px;
 display:block;
 position:relative;
 left:0;
 }
#col2 li a:hover {
 background:rgb(247,247,250);
 text-decoration:none;
 }
#col2 a:hover {
 text-decoration:underline;
 }
.tl a {
 color:rgb(0,94,122);
 }
.inputbox {
 width:98%;
 font-size:90%;
 }
#col1 .inputbox {
 //width:150px;
 }
#col1 .mod_login_remember {
 padding: 10px 0;
 }
/* Blog layout styles */
.column1 {
 clear:left;
 float:left;
 }
.column2 {
 float:right;
 clear:right;
 }
.cols2 {
 width:48.25%;
 padding:.5%;
 }
.article_column {
 border-bottom:solid 10px white;
 }
.article_separator, .row_separator {
 display:none;
 }

/* General page styles */ 
.contentheading {
 text-align:center;
 }
.moduletable {
 padding-bottom:5px;
 }
.h25 {
 font-size:14pt;
 color:rgb(0,204,163);
 }
.gn_stat {
 border-bottom:solid 6px white;
 border-top:1px solid #EFEFEF;
 }
.gn_stat img {
 position:relative;
 }
/* should be able to compress these with short code when I get a minute.  possibly use nested styles? */
.tl { position:relative;display:block;background-image:url(/images/cornerTL.gif);background-repeat:no-repeat;background-position:top left;border:solid 1px white;margin-bottom:5px; }
.tr { display:block; background-image:url(/images/cornerTR.gif);background-repeat:no-repeat;background-position:top right; }
.bl { display:block;background-image:url(/images/cornerBL.gif);background-repeat:no-repeat;background-position:bottom left; }
.br { display:block;background-image:url(/images/cornerBR.gif);background-repeat:no-repeat;background-position:bottom right;padding:7px; }

.twitter_tweet { padding-top:10px; border-top:solid 1px rgb(238,238,238); }
.twitter_tweet a { color:rgb(0,94,122); }
.twitter_date { padding:5px 0 10px 0; color:rgb(153,153,153); font-size:90%; }

/* --> */

}

@media print {

 #col2   { display:none; } 
 #col3  { display:none; }
 div.topMenu  { display:none; }
 #header { display:none; }
 #footer { padding-top:.3in; }
 #footer div div  { font-size:10px; }
 }