@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
background:white url(../img/grass.jpg) repeat scroll 0 0;
padding:25px 0 25px 0;
}

#sitecontainer {
width:980px;
margin:0 auto 0 auto;
background-color:#ff0000;
}

#header {
height:210px;
}

#logo {
width:230px;
height:210px;
float:left;
}

#flash {
/*background:url(../img/flashbg.jpg);*/
background:url(../img/flashbg2.jpg);
width:750px;
height:210px;
float:left;
}

#subnav {
width:749px;
height:45px;
float:left;
font-size:13px;
font-weight:bold;
}

	#subnav ul {
	height:45px;
	margin-top:165px;
	}
	
	#subnav li {
	list-style-type:none;	
	float:right;
	padding-top:15px;
	height:30px;
	margin-right:5px;
	border-left: solid 1px #8b0606;
	border-top: solid 1px #8b0606;
	border-right: solid 1px #8b0606;
	}
	
	#subnav li a {
	padding: 15px 20px 15px 20px;
	background:url(../img/buttonbg.jpg) center;
	text-decoration:none;
	color:#ffffff;
	}
	
	#subnav li a:visited {
	padding: 15px 20px 15px 20px;
	text-decoration:none;
	}
	
	#subnav li a:hover {
	padding: 15px 20px 15px 20px;
	background-color:#fff;
	text-decoration:none;
	background:url(../img/buttonbghover.jpg) repeat-x;
	}

#main {
}

#navigation {
width:230px;
float:left;
font-size:12px;
}

	#navigation ul {
margin-left:0px;
	}
	
	#navigation li {
	list-style-type:none;	
	height:14px;
	padding:8px 0 8px 20px;
	background:url(../img/libg.jpg) repeat-x bottom;
	}
	
	#navigation li a, a:visited, a:hover {
	color:#fff;
	text-decoration:none;
	}

#content {
width:729px;
padding:10px;
background:#fff;
float:left;
min-height:429px;
border-top: solid 1px #8b0606;
border-left: solid 1px #8b0606;
list-style-type:none;	
}

#adsense {
width:120px;
float:right;
}

/*typography*/
h1 {
font-family:georgia,serif;
font-size:22px;
font-weight:normal;
font-style:italic;
color:#8b0606;
}

h3 {
font-family:georgia,serif;
font-size:15px;
font-weight:normal;
font-style:italic;
color:#8b0606;
}

p {
margin-top:10px;
font-size:12px;
font-family: Arial, Helvitica, sans-serif;
color:#3b3b3b;
}

#content li {
font-size:12px;
font-family: Arial, Helvitica, sans-serif;
color:#3b3b3b;
}

/*homepage styles*/

.hp-box {
float:left;
width:227px;
margin-left:10px;
margin-top:17px;
}

.hp-box h2 {
font-size:12px;
width:222px;
background-color:#d00c0c;
border: solid 1px #8b0606;
color:#ffffff;
padding-left:5px;
}

.hp-content {
width:217px;
padding:5px;
height:140px;
border-right: solid 1px #8b0606;
border-left: solid 1px #8b0606;
border-bottom: solid 1px #8b0606;
background:url(../img/hp-contentbg.jpg);
overflow:hidden;
}

.hp-content a {
font-size:12px;
font-family: Arial, Helvitica, sans-serif;
color:#8b0606;
text-decoration:underline;
}

.hp-content a:hover {
font-size:12px;
font-family: Arial, Helvitica, sans-serif;
color:#8b0606;
text-decoration:underline;
}

.hp-content a:visited {
font-size:12px;
font-family: Arial, Helvitica, sans-serif;
color:#8b0606;
text-decoration:underline;
}


td {
font-size:12px;
font-family: Arial, Helvitica, sans-serif;
color:#3b3b3b;
}

td a {
font-size:12px;
font-family: Arial, Helvitica, sans-serif;
color:#8b0606;
text-decoration:underline;
}

td a:hover {
font-size:12px;
font-family: Arial, Helvitica, sans-serif;
color:#8b0606;
text-decoration:underline;
}

td a:visited {
font-size:12px;
font-family: Arial, Helvitica, sans-serif;
color:#8b0606;
text-decoration:underline;
}

td a:hover {
font-size:12px;
font-family: Arial, Helvitica, sans-serif;
color:#8b0606;
text-decoration:underline;
}

#content p a:link {
font-size:12px;
font-family: Arial, Helvitica, sans-serif;
color:#8b0606;
text-decoration:underline;
}

#content p a:hover {
font-size:12px;
font-family: Arial, Helvitica, sans-serif;
color:#8b0606;
text-decoration:underline;
}

#content p a:visited {
font-size:12px;
font-family: Arial, Helvitica, sans-serif;
color:#8b0606;
text-decoration:underline;
}


#content li {
list-style:none;
list-style-type:none;
}




/*feed*/
.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 6px;
}

#example2 li{ /*CSS specific to demo 1*/
margin-bottom: 6px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}