/* CSS layout */

*{
	margin:0;
	padding:0
}

#wrapper{
	margin: 1em auto;
	width:55em;
	
}


#masthead {
	background-color:#CC0000;
	border-left:medium #CC0000 solid;
	border-right:medium #CC0000 solid;
	text-align:center
		
}

#masthead img{
	border:thin #000 solid;
	margin:.5em 0
}


#topnav {
	background-color:#FC3;
	border-left:medium #FFCC33 solid;
	border-right:medium #FFCC33 solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#000;
	padding:.5em
	
}

#topnav ul{
	text-align:center
}

#topnav li{
	display:inline;
	padding:2em
}

#topnav a:link{
	text-decoration:none;
	color:#000
}

#topnav a:active {
	text-decoration:none;
	color:#060;
}

#topnav a:visited {
	text-decoration:none;
	color:#060
}

#topnav a:hover {
	text-decoration:underline;
	color:#060;
}


#dropmenudiv{
position:absolute;
border: 0;
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
}

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

#dropmenudiv a:hover{ /*hover background color*/
background-color: #FFCC33;
}

#container {
	position: relative;
	background-color:#FFF;
	border-left:medium #FFCC33 solid;
	border-right:medium #FFCC33 solid;
	padding:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#000;

}	

#container h1{
	text-align:center
}

#container a:link {
	text-decoration:none;
	color:#000
}

#container a:active {
	text-decoration:underline;
	color:#060;
}

#container a:visited {
	text-decoration:none;
	color:#060
}

#container a:hover {
	text-decoration:underline;
	color:#060;
}


#page_content {
	margin-right:25em;
	padding:1em 1em 7em 1em;
	text-align:left;
	
}

#page_content ul{
	padding:1em 0
}

#page_content li{
	margin-left:1em;
	list-style-position:inside;
	list-style:circle
}

#feature{
	background-color:#FC3;
	text-align:center;
	padding:.5em;
	border:thin #C00 solid;
	margin:2em 1em 1em 1em
}

#feature h2{
	padding-bottom:.5em;
	margin-bottom:0;
}

#sidebar {
	display:inline;	
	width:18em ;
	position:absolute;
	top:1em;
	right:1em;	
	background-color:#FFF;
	text-align:center;
	padding:1em .5em;
		
}

#sidebar p{
	font:normal x-small Arial, Helvetica, sans-serif;
	color:#000;
	padding-top:1em

}

#sidebar img{
	padding:1em 0 0 0
}



table{
	margin:auto;	
	border:1px solid #999999;
	border-collapse:collapse;
	width: 360px;
}

td{
	border:1px;
	border-collapse:collapse;
	border-color:#999999;
	border-style:solid;
	padding-top:20px;
	padding-bottom:10px;
}

#footer {
	clear:both;
	padding:1em;
	background-color:#FC3;
	border-left:medium #FC3 solid;
	border-right:medium #FC3 solid;
	text-align:center;
	font:normal small Arial, Helvetica, sans-serif
		
}

#footer h4{
	font:bold medium Arial, Helvetica, sans-serif

}

#footer h5{
	font:normal small Arial, Helvetica, sans-serif

}

#footer p{
	padding-top:1em;
	color:#C00
}

#webdesign {
	padding:1em;
	
}

#webdesign h6{
	font:normal small "Elephant", serif;
	
}

#webdesign p{
	display:inline
}

h1{
	font-family:"Times New Roman", serif;
	color:#C00;
	font-size:x-large;
	padding:1em 0
}

h2{
	font-family:"Times New Roman", serif;
	color:#C00;
	font-size:x-large;
}


h3{
	font-family:Arial;
	color:#000;
	font-size:medium;
	text-align:center
	
}

#footer a:link, #feature a:link{
	text-decoration:none;
	color:#060
}

#footer a:active, #feature a:active {
	text-decoration:underline;
	color:#060;
}

#footer a:visited,#feature a:visited  {
	text-decoration:underline;
	color:#060
}

#footer a:hover, #feature a:hover {
	text-decoration:underline;
	color:#060;
}