/* CSS Document */

html, body{
margin:0;
padding:0;
line-height: 1em;
font-family:Arial, Helvetica, sans-serif;
height:100%;
background-color:#89B7EF;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

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

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

h3{font-family:Arial, Helvetica, sans-serif;
color:#666;
}

b{font-size: 110%;}
em{color: red;}

form * {margin:0;padding:2;} /* Standard margin and padding reset, normally done on the body */


fieldset {
float: left;        
margin: 0 0.75em 0 0;    
padding: 0;   
border: none;     
background-color: #ffffff;    
}
  
legend {   
margin-left: 1em;   
color: #000000;   
font-weight: bold;  
}  
fieldset ol {   
padding: 0 0 1em 0.5em;   
list-style: none;  
}  
fieldset li {   
float: left;    
clear: left;    
width: 100%;
padding-bottom: 0.5em;  
}  
fieldset.submit {
padding-top: 2px;   
border-style: none;
float: none;    
width: auto;        
padding-left: 5.5em;      
background-color: transparent;   
}


label {    
float: left;    
width: 4em;    
margin-right: 1em;
}


#maincontainer{
width: 902px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#FFF;
padding:1.5em;
}

#topnav{
margin-bottom: 20px;
width: 900px;
float:right;
}

#login{
width: 600px;
margin-top:5px;
margin-bottom: 5px;
float:left;
}

#socialnetworking{
float:left;
background-color:#FFF;
border:thin;
width:150px;
margin-top: 1em;
text-align:center;
}

#advertsbottom{
	margin:0 auto;
	background:#FFF;
	width:100%;
}

#topsectionwrapper{
float: left;
width: 100%;
margin-top: 2px;
margin-bottom: 1em;
}

#topsection{
margin: 0 0 0 0;/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
height: 80px;
background-color:#FFFFFF
}

#siteuserlogin{
float: left;
width: 240px; /*Width of right column*/
margin-left: -248px; /*Set left margin to -(RightColumnWidth)*/
margin-top: 2px;
padding: 2px 2px 0 2px;
} 

#captcha{
width:500px;
float: none;
padding:2em;
}

#contentwrapper{
float: left;
width: 100%;
margin-top: 2px;
}

#contentcolumn{
height:auto;
padding: 0.5em;
margin: 0 154px 10px 150px;/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color:#F4F2FF
}

#contentcolumnresources{
height:auto;
padding: 0.5em;
margin: 0 154px 10px 150px;/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color:#F4F2FF
}

#contentcolumnfaq{
height:auto;
padding: 0.5em;
margin: 0 154px 10px 150px;/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color:#F4F2FF
}

#leftcolumn{
float: left;
width: 150px; /*Width of left column in pixel*/
margin-left: -902px; /*Set margin to that of -(MainContainerWidth)*/
margin-top: 2px;
background-color:#FFFFFF
}

#rightcolumn{
float: left;
width: 150px; /*Width of right column*/
margin-left: -150px; /*Set left margin to -(RightColumnWidth)*/
margin-top: 2px;
padding: 1px 0 1px 0;
background-color: #FFFFFF
}

#footer{
clear: left;
width: 100%;
background-color:#FFF;
text-align: right;
padding-right: 4px;
margin-top:2px;
}

#footer a{
font:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#resourceheader{
width: 100%;
background-color:#969;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin-top: 0.5em;
margin-bottom: 0.5em;
color:#FFF;
}

#resourceblock{
width: 100%;
background-color:#FFF;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
margin-top: 0.5em;
margin-bottom: 0.5em;
font-size:small;
}