body {
    text-align: center;
    min-width : 760px;
    background-image:  url('http://www.creativedistortion.com/images/bkgtest2.jpg');
	 background-color: #bdc8dc;
	background-repeat:  no-repeat;
	background-position: top center;
	background-attachment: scroll ;
	
  scrollbar-arrow-color:  #ffffff;
  scrollbar-3dlight-color:  #888888;
  scrollbar-highlight-color: #d583bf;
  scrollbar-face-color: #b4b1a8;
  scrollbar-shadow-color: #888888;
  scrollbar-darkshadow-color: #888888;
  scrollbar-track-color: #000000;
    }
	
#wrapper {
    background-color: #a2b3cc;
	width: 760px;
    text-align : left ;
    margin-left :auto;
    margin-right : auto ;
	margin-top: 22%;
     }	
    
    
    
#header {
    width: 760px;
    text-align: center;
    background-color: #ffffff;
    margin-top: 0;
}
#menubar {
    width: 760px;
    text-align: left;
    font: bold 75%  arial, helvetica, sans-serif;
    
    background-color: #a2b3cc;
    text-decoration: none;
    list-style: none;
    display: inline;
    margin-bottom: 0;
    text-align: center;
}



 #menulist li
{
display: inline;
list-style-type: none;
padding-right: 20px;

}

#menubar ul li a:link, #menubar ul li a:visited {
display: inline; /*actually makes them into a block*/
text-decoration: none;


}
#main {
   
    width: 760px;
    background-color: #bbc7da;
    font-size: .9em;
    line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
	color: #000000;
	padding-top: 30px;
	}
   
 
  
	
	
}
div.main p {
    margin: 8px 0 12px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: large; color: #000000;
   
}
h1 {
    margin: 0px;
    font-size:1.0em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #6992d5;
    text-align: left;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
}

h2  {
    margin: 30px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #6992d5;
    
   
	
	
}
h3 {
    font-size: 1.2em;
     color: #6992d5;
     margin: 30px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: normal;
    font-weight: bold;
	text-decoration: underline;
	
}

#nav {
background-color: #bbc7da;
padding:5px;
text-align:	center;
} 	 

#navlist {          
padding: 0 1px 1px;
margin-left: 0;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
background: #bbc7da;
}      

#navlist li{
list-style:none;
margin:  0;

display: inline; }      

#navlist li a   {         
padding: 0.25em 0.5em 0.25em 0.75em;
 border-left: solid #AAB;
 background: #CCD;    
text-decoration:   none;
 }    

#navlist li a:link { 
color: #448; } 

#navlist li a:visited { 
color: #667; }
          
#navlist li a:hover{
border-color: #7F5EFF;   
color:#FFF;
cursor: e-resize;
background:   #332;   
 }                        

#navlist  ul  {
margin-bottom:	0;
margin-right:	2em;
}
#sidebar {
background-color:#EEAEB2;
width: 247px;
margin-left: 500px;
text-align:center;
}  

#sidebar h3   {
padding: 0  10px;
font-size: 14px;
font-family: Verdana, Arial, Sans-Serif;
color: #8736AA;
 
}        

#sidebar p {
padding: 0 10px;
font-size: 14px;
text-align: center;
font-family: Verdana, Arial, Sans-Serif;
color: #8736AA;
line-height: 175%;
 
}     
  
#sidebarlist ul  {
margin:	 0px;
padding: 0;
} 

#sidebarlist a:{
list-style-type: none;
margin-right: 40px;
margin-left: 20px;

} 

#sidebarlist  li{
font-family:	Verdana, Arial, Sans-Serif;
font-size:	12px;
text-align:	center;
margin:  5px;               /* puts space between each link*/
padding: 0 1px 1px 5px;       /*aligns list vertically */
list-style-type: none;
border-color:	#000000;
border-style:	double;
border-width:	3px;
background-color:#f877b7;
} 


#sidebarlist li  a:link { color:#9966ff;} 
    
#sidebarlist li  a:visited  { color:#FF80FF;}  

#sidebarlist li a:hover  {
background-color: #940294;
color:	#ff0000;
} 

#wrap > #sidebar {
width: 250px;
 } 
#footer {
 background-color:#bbc7da;
 clear:both
    
}

#footer p {
padding: 5px;
margin: 0;
text-align:center;
font-family: Verdana, Arial, Sans-Serif;
font-size: 0.7em;
color:#000000;
}      
a:link {
    color: #27297f;
    text-decoration: none;
}
a:visited {
    color: #737e81;
    text-decoration: none;
}
a:hover {
    color: #8295f4;
    background: #6c747f;
	cursor: e-resize;
}
 
 
 
 










 























             

        








