html, body{ 
     margin:0; padding:0; 
} 

#pagewidth{ 
     min-width:800px; 
}

#header{ 
     position:relative; height:200px; background:#fff; width:100%; border-bottom: solid 2px #EEE;
} 

#nav{ 
     position:relative; height:30px; background: #CC3333;; width:100%; text-align: center; line-height: 30px;
} 

#maincol{
     background: #FFF; float: right; display:inline; position: relative; padding-left: 20px; padding-right: 10px;
}

#footer{
     height:20px; clear:both; 
     background: #CC3333;
     font-family: verdana, sans-serif;
     font-weight: bold;
     font-size: 80%;
     color: #FFF;
     text-align: center;
} 

h2{
color: #CC3333;
font-family: verdana, sans-serif;
font-weight: bold;
font-size: 120%;
margin-left: 20px;
}

b{
font-size: 110%;
}

p{
color: black;
font-family: verdana, sans-serif;
font-weight: bold;
font-size: 80%;
margin-left: 20px;
margin-right: 20px;
}

img{
border: 0;
}

em{color: red;}

#container{
width: 100%; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

a.nav:link, a.nav:visited
{
color: #fff;
background-color: #CC3333;
text-decoration: none;
font-family: verdana, sans-serif;
font-weight: bold;
font-size: 80%;
}

a.nav:hover
{
color: #fff;
background-color: #FF3333;
text-decoration: none;
}

a.reg:link, a.reg:visited
{
color: #CC3333;
background-color: #fff;
text-decoration: underline;
font-family: verdana, sans-serif;
font-weight: bold;
}

a.reg:hover
{
color: #000;
background-color: #fff;
text-decoration: none;
font-family: verdana, sans-serif;
font-weight: bold;
}

.dotlist 
 {
list-style: none;
margin: 0;
padding: 0;
}

li.dot{
background-image: url(images/dot.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
font-size: 80%;
}


.innertube{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
}

/* *** Float containers * */ 

.clearfix:after {
content: "."; height: 0; clear: both; visibility: hidden;
}

.thumbnail
{
float: left;
width: 140px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
background-color: #fff;
}

.thumbnail a:hover{
background-color: #FFE303;
}


/*printer styles*/ 
@media print{ 
/*hide the right column when printing*/ 
#twocols, #maincol{float:none;}
}
