/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: "Comic Sans MS";
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #ffffcc;
	background-image:url(images/grndbg.jpg);
	font-size:12px;
}

a{
	color: #663300;
	text-decoration: none;
}

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

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

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

h1{
	font-family: "Comic Sans MS";
	font-size: 220%;
	letter-spacing: 10px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-align:center;

}

h2{
 font-family: "Comic Sans MS";
 font-size: 130%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: "Comic Sans MS";
 font-size: large;
 color: #663300;
 margin: 0px;
 padding: 0px;
 text-align:center;
}

h4{
 font-family: "Comic Sans MS";
 font-weight: bold;
 color:#000000;
 margin: 0px;
 padding: 0px;
 text-align:center;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 800px;
	height:120px;
	text-align:center;
	background-color:#996633;
	border-bottom: 2px solid #663300;
}

#content{
	float: center;
	width: 590px;
	height: 465px;
	margin: 0px;
	color:#000000;
	overflow: auto;
	background-color: #ffffcc;
}

#navbar {
	height: 30px;
	float:left;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	text-align:center;
}

#navbutton {
	background-image:url(images/button.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:112px;	
	height: 28px;
	text-align:center;
	float:left;
	margin: 0px;
	color:#FFFF00;
	font-weight:normal;
	font-size:16px;
	font-style:italic;
}
#navbutton a{
	color: #000000;
	text-decoration: none;
	font-size:16px;
	font-style:normal;
}

#navbutton a:link{
	color: #000000;
	text-decoration: none;
	font-size:16px;
}

#navbutton a:visited{
	color: #000000;
	text-decoration: none;
	font-size:16px;
}

#navbutton a:hover{
	color: #663300;
	text-decoration: none;
	font-size:16px;
	font-style:italic;
}
#navbutton a:active{
	color: #FFFF00;
	text-decoration: none;
	font-size:16px;
	font-style:italic;
}

/***********************************************/
/* Components                                  */
/***********************************************/

/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 14px;
}

.feature img{
	margin: 5px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	font-size: 12px;
	color: #cccccc;
	text-align:center;
	padding-top: 3px;
	height: 25px;
	background-color:#663300;
	float:left;
	width: 100%;
}
#siteInfo a{
	color: #FFFFFF;
	text-decoration: none;
}

#siteInfo a:link{
	color: #FFFFFF;
	text-decoration: none;
}

#siteInfo a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

#siteInfo a:hover{
	color: #cccccc;
	text-decoration: none;
}
/************** #headlines styles **************/

#headlines{
	margin: 0px;
	font-size: 12px;
	background-repeat:no-repeat;
	background-position:center;
	width:200px;
	height:460px;
	float:right;
}

#headlines p{
	padding: 0px 5px 0px 15px;
}

#headlines h4{
	padding: 0px;
	color:#000000;
	text-align:center;
	font-size:16px;
}

#headlines a{
	color:#663300;
	text-decoration:underline;
}

/* ***************Centering stuff **********************  */

table {
	width: 100%;
	height: 100%;
}

td {
	vertical-align: middle;
	text-align: center;
}

div {
	border: 0px solid #000000;
}

div.container {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 804px;
	height: 640px;
	border: 0px solid grey;
	background-color:#663300;
}

div.main {
	position: absolute;
	top: 2px;
	left: 2px;
	width:800px;
	height: 620px;
	border: 0px solid grey;
	background-color:#ffffcc;
}