/* ALR Dressage - Styles */

h3 {
	font-weight: bold;
	margin: 7px;
	font-size: 1.5em}
	
h4 {
	font-weight: bold;
	margin: 7px;
	font-size: 1.5em}
	
	
hr{
	color: #030;
	width: 350px}

table{
	border: 2px solid #0e2900;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;}

table tr td.lightgreen{background-color: #698b69;font-weight: bold;
	color: #0e2900;}
	
#bodystyles{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: #0e2900;
	background-image:url('images/alrbackground.gif');
	color: #333}
	
a:link {color: #548b54; text-decoration: none; font-weight: bold}
a:visited {color: #999; text-decoration: none; font-weight: bold;}
a:hover {color: #8b4c39; text-decoration: underline; font-weight: bold}

#container{
	width: 930px;
	margin-left:auto;
	margin-right:auto;}
	
#header{
	background:#0e2900;
	height:100px;}
	
#nav{
	background:#548b54;
	margin-top: 51px;
	width: 700px;}
	
#content{
	background:#f5f5dc;
	border: 1px solid #548b54;
	float:left;
	width: 700px;
	height: 510px;
	overflow:auto;
	font-size: 1.3em;
	margin-top: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}
	
#content p{
	margin: 7px;}
	
#news{
	background:#fff;
	float: left;
	width: 175px;
	height: 250px;
	overflow:hidden;
	margin-top: 10px;
	margin-left: 20px;
	border: 1px solid #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}
	
#news p {
	margin: 5px}

#news a:link {color: #548b54; text-decoration: none; font-weight: bold}
#news a:visited {color: #999; text-decoration: none; font-weight: bold;}
#news a:hover {color: #8b4c39; text-decoration: underline; font-weight: bold}
	
#footer{
	clear: both;
	text-align: right;
	border-top: 1px solid #548b54;
	padding: 1px;
	margin-top: 5px;
	width: 930px;
	height: 50px;
	background:#ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}
	
/* Navigation Styles */

#nav ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 700px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.2em;
	background: #698b69;
}

#nav ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555; /*--Divider for each parent level links--*/
}

#nav ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}

#nav ul#topnav li:hover { background: #8b4c39}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none; /*--Hide by default--*/
	width: 700px;
	background: #8b4c39;
	color: #333;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#nav ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
#nav ul#topnav li span a { display: inline; color: #ccc } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
#nav ul#topnav li span a:hover {text-decoration: none; color: #f0fff0}

/* Classes */
img.center{
	display: block;
	margin: auto;
	padding: 10px;}

img.left{
	margin: 10px;
	float: left;
	border: 1px solid #333}

.spacer{
	clear: both;}
	
ul.fancylist{
	list-style-image:url("images/list-image.gif");
	list-style: circle;}
	
p.students{
	font-style:italic;}