/*
____________________________________________________________
|                                                            |
|    DESIGN : Adrienne Raymond    							 |
|      DATE : 2011.05.20                                     |
| COPYRIGHT : 2011 Arrow Drilling    				 	 	 |
|     EMAIL : adrienne@equineonlinedesign.com   			 |          
|____________________________________________________________|

*/

/***** Common Formatting *****/
html, body {margin: 0; padding: 0; min-height:101%; margin-bottom:1px;}

body {
	margin:0;
	padding:0;
	background-color:#000;
	color:#38383c;  
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	/*
	font-family: "Century Gothic", Verdana, "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;*/
	font-size:.9em;
}

a {
	color:#2175bc;
	text-decoration:underline;
}
a:hover {
	color:#a53a77;
	text-decoration:none;
}

#wrapper {
	margin:10px auto;
	width:808px;
	height:auto;
	overflow:auto;
	background:#a2021c url('../images/middle.jpg') repeat-y top left;
}
h1, h2 {
	margin:0 0 8px 0;
	padding:0;
}
h1 {
	color:#1958b7;
	font-size:1.4em;
}
h2 {
	color:#508fc4;	
	font-size:1.3em;
}
h3 {
	color:#58585a;
	margin:0 0 4px 0;
	padding:0;
	font-size:1.1em;
}
/* Header portion */
.header {
height:226px;
width:808px;
background:#a2021c url('../images/header.jpg') no-repeat top left;
}

.logo {
float:right;
width:546px;
height:203px;
padding:5px 20px 0 0;
overflow:hidden;
}
/*********************** Main Body *******************/
.main-body {
	width:808px;
	height:auto;
	overflow:auto;	
}
/* Left Side & Navigation ***********/
.Leftside {
	width:180px;
	float:left;
	min-height:400px;
	height:auto;
	overflow:auto;
	padding:0 0 20px 10px;
}
#navigation {	
	padding: 1em 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: #333;
}
#navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#navigation li {
		border-bottom: 3px solid #16365f;
		margin: 0 0 10px 0;
		}
#navigation li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4;
		background-color: #6e1217;
		text-decoration: none;
		width: 100%;	
		background-color: #2175bc;
		color: #cfd4e9;
		text-shadow: 0 4px 4px rgba(0,0,0,.9);
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		}

html>body #navigation li a {
		width: auto;
		}

#navigation li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}
/* Right Side & Main Content ***********/
.Rightside {
	width:568px;
	float:right;
	min-height:400px;
	height:auto;
	overflow:auto;
	margin:0 10px 0 0;
	padding:10px 15px 10px 10px;	
	
}
/********** BOTTOM SECTION **************/
.footer {
	width:808px;
	height:65px;
	background:url(../images/footer.jpg) no-repeat;
}
.bottomlinks {
	margin: 0px 0;
	padding: 20px 0;
	list-style-type: none;
	text-align: center;
}
.bottomlinks li {	
	display: inline;
	font-size:.95em;
	color: #cfd4e9;
	font-weight:bold;
}
.bottomlinks li a {
	text-decoration: none;
	padding: .2em .5em;
	color: #cfd4e9;	
}
.bottomlinks li a:hover {
	color: #fff;
} 
	
/*FOOTER AREA*/
.subfooter {
width:800px;
height:20px;
margin:5px auto;
overflow:hidden;
}
.subfooter p {
font-size:.75em;
color:#58585a;
text-align:center;
margin-top:0px;
padding:0;	
}
.subfooter p a {
color:#58585a;
text-decoration:underline;
}
.subfooter p a:hover {
color:#fff;
text-decoration:none;
}
/********* MAIN CONTENT OF TEXT BODY **************************/


/************************************************ RESOURCES PAGE*/

.break {
	width:auto;
	margin:5px 0;
	border-bottom:2px dotted #508fc4;
}