/* 
Further edits, modifications, and implementations were then made 
by Bobby Hash at www.hmediapro.com*/

html, body {
   	margin : 0;
   	padding : 0;
}

body {
   	width : 100%;
	font : 12px Verdana, sans-serif; 
   	color : #333333;
   	background : #ffffff;
}


h1 {
   	margin : 1.5em 0 1em 0;
   	margin : 1.5em 0 1em 0;
   	color : #5E2E91;
	font-size : 155%;
   	text-align : left;
}

h2 {
   	margin : 2em 0 0.5em 0; 
   	color : #FFA37C;
	font-size : 130%;
   	text-align : left;
}

h4 {
margin : 0.5em 0 1em 0; 
color: #FF0000;
font-size : 130%;
text-align : left;

}


h3 {
   	margin : 0.5em 0 1em 0; 
   	color : #FF0000;
	font-size : 130%;
   	text-align : left;
}

h5 {
   	margin : 2em 0.5em 0 0; 
   	color : #000;
	font-size : 100%;
}

p {
   	margin : 0 0 1.5em 0;
   font-size:12px;
}

a:link, a:visited, a:hover {
   	color:#5E2E91;
   	text-decoration : none;
	
	font-size:12px;
}
a:hover {
   	text-decoration : underline;
  }

#wrap {
   	margin : 0 auto;
   	width : 750px;
   	background : url(images/bg1.gif) repeat-y;
}

#container {
   	margin : 0px 25px 0 25px; 
   	padding : 20px;
}

#rightcol {
   	float : right;
	margin : 5em 0 0 0;
   	width : 188px;
   	padding : 0;
}

.short_content, .content {
	display : block; 
}

.short_content, .content {
	clear: left; 
   	margin : 0 230px 0 0;
}

.short_content {
	
}

#header {
   margin : 0 25px 0 25px;
   height : 200px;
   background-image : url(images/header.jpg);
   background-repeat : no-repeat;
}

#header h1 {
	margin : 0;
	padding : 31px 50px 0 10px;
	color : #BCDEBD;
	font-size : 215%;
	letter-spacing : 3px;
	text-align: right;
}

#nav {
   margin-top : -32px;
   margin-left : 25px;
}

#nav ul {
   margin : 0;
   padding : 0;
   list-style : none;
   text-align : center;
}


#nav li {
   float : left;
}

#nav a {
   display : block;
   padding : 2px 10px;
   font-size:10px;
   color : #ffffff;
   background : #000000;
   border : 1px solid #CFCE9E;
   border-right : none;
   text-decoration : none;
}

#nav a:hover {
   color : #ffffff;
   background : #5E2E91;
}

#nav a:active	{
   color : #8E8E6A;
   background : #FFA37C;
}

.last {
   border-right : 1px solid #CFCE9E;
}

#nav #active a, #nav #active a:link, #nav #active a:visited, #nav #active a:hover {
   color : #ffffff;
   background : #5E2E91;
}

#rightcol h1 {
	margin : 0;
	padding-top : .6em;
	padding-bottom : .2em;
	color : #FDFDE9;
	background : #FFA37C;
	font-size : 100%;
	text-align : center;
}

#rightcol p {
   	margin : 1.2em 0.75em 1.2em 0.75em;
   	font-size : 85%;
   	text-align : justify;
}

.navright,
.navright_next {
   	margin-top : 1em;
	width : 160px;
	font-size : 85%;
}

.navright_next {
   margin-top : 1.5em;
}

.navlistright { 
   	margin : 0;
	padding : 0;
	list-style-type : none;
}

.navlistright a {
	display : block;
	width : 171px;
	padding : .4em;
	background-color : #ffffff;
	color:#5e2e91;
	border : 1px solid #000000;
	border-top : none;
}

.navlistright a:link, .navlistsub a:visited {
	color : #5e2e91;
	text-decoration : none;
}

.navlistright a:hover {
	color : #ffffff;
	background-color : #5E2E91;
	text-decoration : none;
}

.navlistright .fixed a, .navlistright .fixed a:link, .navlistright .fixed a:visited, .navlistsub .fixed a:hover {
	padding-top : .6em;
	padding-bottom : .2em;
   	color : #FFF;
   	background : #5E2E91;

	text-align : center;
	font-weight : bold;
	cursor : default;
}

.navlistright .active a, .navlistright .active a:link, .navlistright .active a:visited, .navlistright .active a:hover {
   color : #ffffff;
   background : #5E2E91;
   text-align:right;
}

.navlistright .empty a, .navlistright .empty a:link, .navlistright .empty a:visited, .navlistright .empty a:hover {
   	color : #FFA37C;
   	background : #000000;
	cursor : default;
}

.news {
   	margin : 1.5em 0.5em 0 0;
   	padding : 0;
   	background : #BCDEBD;
  	border : 1px solid #CFCE9E;
}

#footer {
   margin : 0 28px 0 25px;
   padding : 6px;
   background : #5E2E91;
   font-size: 10px;
   color: #FDFDE9;
}

#footer p {
   margin : 0;
   padding : 12px 0 12px 0;
   text-align : center;
   font-size: 10px;
}
#footer a:link, #footer a:visited, #footer a:hover {
	color: #BCDEBD;
	font-size: 10px;
} 

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
color:#333333;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;

}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #5e2e91;
color:#ffffff;
}


#images {
width:600px;
height:300px;

}

#artwork {
width:650px;
height:250px;
margin:0px auto;
}

#imagestory {
margin:0px auto;
width:600px;
height:200px;
overflow:scroll;
}


img {padding-right:15px;
	padding-left:10px;
	}
img a {border:0px;}
	
#navside{
	width:140px;
	float:right; 
	margin-right:5px;
	color:#ffffff;
	background-color:#5e2e91;}

td{color:#333333;}

.nav{color:#ffffff;}

#grandparents{

	margin:0px auto; 
	text-align:center; 
	background-color:#ffffff; 
	color:#000000;
	margin-bottom:10px;
	width:500px;}
	
/* Telepathy Style */
#telenav {
	width:150px;
	border: double #5e2e91 thin;
	float:right;
    background-color:#ffffff;
	margin-right:30px;	
	font-weight:bold;
	}
#telenav h3{
	padding: 0px 5px 0px 5px;
	background-color:#5e2391;
	color: #ffffff;
	margin-top:0px;
	text-align:right;

	
	}

#telenav a{
	padding: 0px 5px 0px 5px;
	color:#5e2e91;
	font-weight:normal;
	}

#telecontent{
	margin : 0px 25px 0 30px; 
	width:710px;
	float:left;
	}

#clear {
	clear:both;
	}