
/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
background: #79AEFF url(images/back.png) top center repeat-x fixed; 
margin: 0;
padding: 0;
}

#wrapper {
margin: 0 auto;
/*width: 800px;*/
width: 800px;
padding: 0;
text-align: left;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top {
background: url(images/bgtop.png) top center no-repeat; 
/*width: 800px;*/
width: 800px;
height: 78px;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content {
background: url(images/bgmiddle.png) center repeat-y; 
/*width: 760px;*/
width: 760px;
height: 100%;
padding: 0px 20px 100px 20px;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

#header {
background: url(images/logo_perma.jpg) top center no-repeat; 
/*width: 760px;*/
width: 760px;
height: 166px;
margin: 0px 0px 10px 0px;
}
/*                    Menu                   */
#menu {
width: 200px;
height: 100%;
margin: 0px;
float: left;
text-align: left;
}

#menu li a {
height: 35px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 27px;
text-decoration: none;
text-align: left;
}	
	
#menu li a:link, #menu li a:visited {
color: #fff;
display: block;
background:  url(images/off.png);
padding: 8px 0 0 10px;
height: 27px;
text-align: left;
}
	
#menu li a:hover {
color: #0A2441;
background:  url(images/on.png);
padding: 8px 0 0 10px;
height: 27px;
text-align: left;
}	

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#stuff {
width: 525px;
margin: 0px 0px 0px 210px;
}

img {
border: none;
} 

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
background: url(images/bgbottom.png) bottom center no-repeat; 
/*width: 800px;*/
width: 800px;
height: 78px;
}

/* footer */

#footer-p {
	clear: both;
	height: 24px;
}

/*#footer    { background: url(images/footer_w_bg.gif) repeat-x; }
#footer .l { background: url(images/footer_w_l.gif) top left no-repeat; }
#footer .r { background: url(images/footer_w_r.gif) top right no-repeat; }*/

#foot-nav    { background: url(images/footer_g_bg.gif) repeat-x; }
/*#foot-nav .l { background: url(images/footer_g_l.gif) top left no-repeat; }
#foot-nav .r { background: url(images/footer_g_r.gif) top right no-repeat; }*/

#footer {
	color: #d96d1e;
	text-align: center;
}

#footer a {
	color: #d96d1e;
	text-decoration: underline;
}

#footer a:hover {
	color: black;
}

#foot-nav {
	position: relative;
	top: -14px;
	width: 43em;
	margin: auto;
	color: #f8fbc8;
}

#foot-nav .r {
	padding: 9px 0 10px 0;
	width: 100%;
}

#foot-nav a {
	color: #f8fbc8;
	text-decoration: none;
}

#foot-nav a:hover {
	color: #f8fbc8;
	text-decoration: underline;
}

#footer p {
	position: relative;
	margin-top: 13px;
	top: -20px;
}

#stuff h4 { 
padding-left : 5px;
padding-top : 6px;
font-size : 1.3em;
color : #4e7fb7;
border-bottom : 2px solid #4e7fb7;
margin-left : 10px;
margin-right : 10px;
} 
