﻿html, body{

 background: url(../images/back.jpg) repeat-x #787878;

 margin:0; 

 padding:0; 

 text-align:center;

 font-family: arial, helvetica, sans-serif;

 font-size: 13px;
 
 line-height:1.3;



} 

 

#pagewidth{ 

 width:816px; 

 text-align:left;  

margin-left:auto; 

 margin-right:auto;  

} 

 

#header{

 position:relative; 

 height:97px; 

 width:100%;

} 

 





#maincol{

 background-color: #9304b6;

 border: 1px solid #3d014b;

 border-bottom: 0px;

 float: left; 

 display:inline; 

 position: relative; 

 width:333px;

 margin-left: 13px;

 color: #FFF;

 margin-bottom: 0px;

 }

 

#maincoltext {

    padding: 10px;

    padding-top: 15px;

}



#maincoltext h3{

    margin: 0;

    margin-bottom: 10px;

    margin-top: 10px;

}



#maincoltext h4{

    margin: 0;

    color: #FFF;

}



#maincoltext a{

    color: #FFF;

    text-decoration: underline;

}



#maincolfooter{

 background: url(../images/purpbottom.jpg) top left no-repeat #f1f1f1;

 float: left; 

 display:inline; 

 position: relative; 

 width:334px;

 margin-right: 18px;

 color: #FFF;

 height: 22px;

 margin-top: 0px;

 }

 

#leftcol{

 width:431px; 

 float:left; 

 position:relative;

 background: #FFF;

 border: 1px solid #b2b2b2;

 border-bottom: 0px;

 margin-left: 18px;

 margin-bottom: 0px;

}



#leftcoltext {

    padding: 10px;

    padding-top: 15px;


}

#leftcol a {color:#787878;}


#leftcoltext h1{

    margin: 0;

    color: #8e06b0;

    margin-bottom: 10px;

    margin-top: 10px;
    
    font-size: 15px;

}

#leftcoltext h2{

    margin: 0;

    color: #8e06b0;

    margin-bottom: 10px;

    margin-top: 10px;
    
    font-size: 13px;

}



#leftcoltext h3{

    margin: 0;

    color: #8e06b0;

    margin-bottom: 10px;

    margin-top: 10px;
    
    font-size: 13px;

}




#leftcoltext h4{

    margin: 0;

    color: #863a96;

    margin-bottom: 10px;

    margin-top: 20px;

    margin-bottom: 0;
    
    font-size: 13px;

}



#leftcoltext a{

    color: #9304b6;    

}



#leftcolfooter{

 width:432px; 

 float:left; 

 position:relative;

 background: url(../images/whitebottom.jpg) top left no-repeat #f1f1f1;

 height: 22px;

 margin-top: 0px;

}





 

#footer{

 height:20px; 

 background: url(../images/bottom.jpg) repeat-x #787878;

 clear:both;

 padding-top: 50px;

 } 

 



 

 /* *** Float containers fix:

 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {

 content: "."; 

 display: block; 

height: 0; 

 clear: both; 

 visibility: hidden;

 }

 

.clearfix{display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1px;}

.clearfix{display: block;}

/* End hide from IE-mac */  





#wrapper {

    background: #f1f1f1;

    margin: 0;

}



/* NEILS STUFF */



#menuholder{

background:url(../images/menu.jpg) repeat-x;

width: 816px;

}



#pointermenu2{

margin: 0;

padding-bottom: 0px;

padding-left: 80px;

}



#pointermenu2 ul{

margin: 0;

margin-left: 15px; /*menu offset from left edge of window*/

float: left;

padding-left: 8px;

font: bold 13px Verdana;

}



* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/

margin-bottom: 1em;

margin-left: 7px; /*menu offset from left edge of window in IE*/

}



#pointermenu2 ul li{

display: inline;

}





#pointermenu2 ul li a{

float: left;

color: #000;

font-weight: bold;

padding: 7px 9px 6px 5px;

text-decoration: none;

height: 30px;

}



#pointermenu2 ul li a:visited{

color: #000;

}





#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/

color: #222;

background: transparent  url(../images/menuhover.jpg) bottom center no-repeat;

height: 30px;

}



#bigpic{

width: 782px;

height: 250px;

margin-bottom: 18px;

margin-left: auto;

margin-right: auto;

}



.clearleft {

    clear: left;

}



label, select {

	display: block;

	width: 175px;

	float: left;

	margin-bottom: 10px;

}



label {

	text-align: left;

	width: 165px;

	padding-right: 20px;

}



br {

	clear: left;

}



#leftcoltext label.error {

    color: red; padding-left: .5em; vertical-align: top; text-align: left; text-decoration: blink;

}



img {

    border: 0;

}



.imgthumb {

    float: left;

}



