﻿/* CSS layout */
body {
        background: #FFFFFF url(images/back.jpg) repeat-x;
        background-repeat: repeat-x;
        background-position: top;
        background-attachment:fixed;}

#masthead {
width:768px;
height:200px;
margin-left: auto; 
margin-right: auto;
background:transparent;

}
#top_nav {
width:768px;
height:50px;
margin-left: auto; 
margin-right: auto;
background-image:url('images/nav.gif')
}
#page_content {
width:768px;
background:url('images/content.gif') top left repeat-y;
margin-left: auto; 
margin-right: auto;
text-align: center;
}
#footer {
width:768px;
height:90px;
background-image:url('images/bottom.gif');
margin-left: auto; 
margin-right: auto;
text-align: center;
padding-bottom:-10px;
color:#666666;
}
a:link { 
	color: #9292a4;
	text-decoration: none;
	}
a:visited {
	color: #666666;
	text-decoration: none;
	}	
a:hover { 
	color: #4b4b8a;
	text-decoration: none;
	font-weight: bold;
	}

ul#menu { width: 430px; 
height: 30px; 
background: #FFF url("images/menu-bg.gif") top left repeat-x;
font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; 
font-weight: bold; 
list-style-type: none; 
margin: 0; padding: 0;
margin-left: auto; 
margin-right: auto;

}
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#menu li a { height: 30px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 4px 15px 0; }
ul#menu li a:hover { color: #333; }
ul#menu li a.current{ color: #FFF; background: #FFF url("images/current-bg.gif") top left repeat-x; padding: 3px 15px 0; }
