body {
background: #310031 url(images/bg.gif) center top no-repeat;  
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #310031; text-decoration: none;}

h1 {font-size:20px; color:#310031; font-stretch:expanded; margin-left:10px;}
h2 {font-size:16px; color: #660066; font-stretch:expanded; margin-left:10px;}

/* ----------container to center the layout-------------- */
#container {
width: 760px;
margin-left: auto;
margin-right: auto;
height:100%;
border:4px solid #000000;
background-color: #fff;
}

#menu {
background-color: #000; height:28px; text-align:center; padding-top:10px;}

#menu ul {display: inline; list-style: none; margin: 0px; padding: 0px; font-weight: bold;}	
#menu li {display: inline; white-space: nowrap; text-transform: none;}
#menu li a {display: inline; margin: 0px; padding: 0px 18px 0px 10px; color: #CCCCCC; text-decoration: none; font-size: 100%;}
#menu a:hover {background-color: inherit; color: #ffffff; text-decoration: none;}


#menu2 {
background-color: #310031; height:22px; text-align:center; padding-top:10px; border-bottom:#310031 solid thick;}

#menu2 ul {display: inline; list-style: none; margin: 0px; padding: 0px; font-weight: bold;}	
#menu2 li {display: inline; white-space: nowrap; text-transform: none;}
#menu2 li a {display: inline; margin: 0px; padding: 0px 18px 0px 10px; color: #CCCCCC; text-decoration: none; font-size: 100%;}
#menu2 a:hover {
	background-color: inherit;
	color: #ffffff;
	text-decoration: none;
	font-size: 110%;
}


/* ----------banner for logo-------------- */
#banner {
height:200px;
text-align: center;
background:  url('header.jpg') no-repeat bottom center;
background-color: #e1ddd9;

padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 
#bannertitle{padding-top:50px;font-size:2em;font-weight:bold;}

/* -----------------content--------------------- */

#content {
background:#ffffff;
padding: 5px;
margin-left: 10px;
margin-right: 10px;
}

div#content { 
min-height:600px;
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding:10px;
height:40px;
background: #CCCCCC ;
}

#footer p a {color:#310031; }

#footer p{
padding:5px 5px 0px 0px;
}

/* ----------- Images ---------------- */
.img-left-noborder {float: left; margin: 10px 10px 10px 0px; padding: 10px}
.img-right-noborder {float: right; margin: 0px 10px 10px 10px; padding: 10px}
.img-left-border {float: left; margin: 10px 10px 10px 0px; padding: 10px border: solid 1px rgb(150,150,150);}
.img-right-border {float: right; margin: 10px 10px 0px 10px; padding: 10px border: solid 1px rgb(150,150,150);}
.img-default-border {margin: 10px 10px 10px 10px; padding: 10px; border: solid 1px rgb(150,150,150);}

/* --------------------- Color ------------------- */

.purple {color:#310031; }
.lightpurplequote {color: #660066; font-size:16px; }