/*
Title:      Styles for TulmarRidge/main
Author:     Martin Caton, martin@catondesigns.com
Updated:    August 2008
*/

/* STRUCTURE styles */

body      {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	background-image: url(images/siteBack.gif);
	margin-top: 0px;
	margin-right: 40px;
	margin-left: 40px;
	padding: 0;
	color: #000000;
}
#redBox   {
	background-color: #5c0101;
	width: 750px;
	padding-left: 18px;
	padding-right: 18px;
}
#whiteBox        {
	background-color: white;
	}
#mainHome  {
	background-color: #FFFFFF;
	width: 686px;
	margin-top: 30px;
	margin-right: 32px;
	margin-left: 32px;
	text-align: left;
	}
#mainPage  {
	background-color: #FFFFFF;
	width: 434px;
	margin-bottom: 30px;
	margin-top: 30px;
	margin-right: 32px;
	margin-left: 32px;
	text-align: left;
	}
#mainDisclaim  {
	background-color: #FFFFFF;
	width: 686px;
	margin-bottom: 30px;
	margin-top: 30px;
	margin-right: 32px;
	margin-left: 32px;
	text-align: left;
	}
#imageContainer {
	height: 158px;
	width: 220px;
	position: relative;
	top: 72px;
	left: 499px;
	background-image: url(images/homeSlide.gif);
}
#imageContainer img {
	display:none;
	position:absolute;
	top: 0px;
	left: 0px;
		}
#sideNav {
	position: relative;
	top: -25px;
	}
ul {
	padding: 0;
	margin-left: 0;
	display: inline;
	list-style-position: outside;
	}
li {
	margin-left: 17px;
	margin-bottom: 0px;
	}


/* NAV styles */

#resources {
	width: 111px;
	height: 138px;
	background: url(images/resources.gif);
	padding: 0;
	position: relative;
	overflow: hidden;
	}
#resources li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#resources a {display: block; width: 111px;}
#resources span {display: none;}

#res1 {left: 0px; top: 0px; width: 111px; height: 37px;}
#res2 {left: 0px; top: 37px; width: 111px; height: 53px;}
#res3 {left: 0px; top: 90px; width: 111px; height: 50px;}
#res1 a {height: 37px;}
#res2 a {height: 53px;}
#res3 a {height: 50px;}

#res1 a:hover {background: url(images/resources.gif) -111px -0px no-repeat;}
#res2 a:hover {background: url(images/resources.gif) -111px -37px no-repeat;}
#res3 a:hover {background: url(images/resources.gif) -111px -90px no-repeat;}

#navMenu {
 width: 750px;
 height: 34px;
 background: url(images/navMenu.gif);
 padding: 0;
 position: relative;
 overflow: hidden;
}
#navMenu li {margin: 0; padding: 0; list-style: none; position: absolute;}

#navMenu a {display: block; height: 34px;}
#navMenu span {display: none;}

#nav1 {left: 56px; top: 0px; width: 128px; height: 34px;}
#nav2 {left: 184px; top: 0px; width: 127px; height: 34px;}
#nav3 {left: 311px; top: 0px; width: 128px; height: 34px;}
#nav4 {left: 439px; top: 0px; width: 128px; height: 34px;}
#nav5 {left: 567px; top: 0px; width: 127px; height: 34px;}
#nav1 a {width: 128px;}
#nav2 a {width: 127px;}
#nav3 a {width: 128px;}
#nav4 a {width: 128px;}
#nav5 a {width: 127px;}

#nav1 a:hover {background: url(images/navMenu.gif) -56px -34px no-repeat;}
#nav2 a:hover {background: url(images/navMenu.gif) -184px -34px no-repeat;}
#nav3 a:hover {background: url(images/navMenu.gif) -311px -34px no-repeat;}
#nav4 a:hover {background: url(images/navMenu.gif) -439px -34px no-repeat;}
#nav5 a:hover {background: url(images/navMenu.gif) -567px -34px no-repeat;}

a.foot, a.foot:visited           {
	color: black;
	text-decoration: none;
}
a.foot:hover            {
	color: black;
	text-decoration: underline;
}

a.smlMenu, a.smlMenu:visited           {
	color: #666666;
	text-decoration: none;
}
a.smlMenu:hover            {
	color: black;
	text-decoration: underline;
}

a, a:visited           {
	color: #5c0101;
	text-decoration: none;
}
a:hover            {
	color: black;
	text-decoration: underline;
}


/* TEXT styles */

.sideLinks    {
	font-size: 110%;
	line-height: 115%;
	text-align: left;
	color: #5c0101;
	font-weight: bold;
	}
.sideInfo    {
	font-size: 110%;
	line-height: 115%;
	text-align: left;
	color: #000000;
	}
.homeHead    {
	font-size: 170%;
	color: #000000;
	}
.textHead    {
	font-size: 127%;
	font-weight: bold;
	line-height: 104%;
}
.footer    {
	font-size: 81%;
	text-align: left;
	}
.smlLinks    {
	font-size: 91%;
	text-align: center;
	color: #666666;
	}
.form    {
font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #000000;
	}