/* Style Sheet for Arrow Equestrian website */
/* Author - Lindsy Anderson */
/* Last updated 15 May 10*/


body {background-color: #ffffff;}

.pagewrapper {
	width: 1000px;
	margin-top: 20px;
	left: 50%;
	background-color: transparent;
	position: absolute;
	margin-left: -500px;
}

/* This specifies the layout for the main content*/

.contentwrapper {position: relative;}

/* The banner is the top images and naviagtion bars*/

.banner, .contentwrapper {width: 1000px;}

.banner
{  	background-color: transparent;
		z-index:-1;
}

.headertext
{
	width: 700px;
	background-color: transparent;
	
}	

/*.greybox
{
	position: relative;
	background-color:  #transparent;
	height: 170px;
	top: -10px;
	//z-index:-2;	
}*/

.leftimg

{  position: relative;
   float:left;
	vertical-align: middle;	
	}
	
.rightimg

{  margin-top: -280px;
	margin-right: 40px;
	position: relative;
 	 float:right;
	vertical-align: middle;	
	background-color: transparent;
	}
	
.titletext {
	margin-left: 200px;
	position: relative;
	float:left;
	color: #34297D; 
	background-color: transparent;
	font-style: italic;
	vertical-align: middle;	
	width:50px;
	}	

.menu
{
/*	position: relative;*/
}

/* This specifies the formatting for the text in the header.*/	
.headertext {
	color: #34297D; 
	font-size: 1.2em; 
	text-align: center;			
	background-color:  #ffffff;
	line-height: 1.2em;
	font-style: italic;
	}
.title
{	color: #34297D;
	font-size: 4em; 
	vertical-align: middle;	
	line-height: 1em;	
	font-family: "Monotype Corsiva", "Poetica III", Arial, Helvetica, sans-serif;
	
}

p	{
	font-family: Arial, Helvetica, sans-serif;
}

li
{	
	font-family: Arial, Helvetica, sans-serif;
}


.style7 	
	{	color: #990000; 
		font-weight: bold; 
		font-family: Arial, Helvetica, sans-serif; 	
	}
.style44 	
	{	font-family: Arial, Helvetica, sans-serif; 	
		font-size: 7px; 
	}

img {   
  vertical-align: middle;
  }

.maincontent
{
	clear:both;
}

.leftcol
{
	float: left;
	width: 250px;
}
.bigleftcol
{
	float: left;
	width: 480px;
}

.midcol
{
	float: left;
	width: 240px;
	margin-left: 30px;
}

.rightcol
{
	float: right;
	width: 450px;
}

.onecol
{
	float: left;	
}
.bigrightcol
{
	float: right;
	width: 690px;
}

.header {
	display: block;
 	padding: 0.25em 0.4em 0.25em 0.5em;
 	width: 100%;
 	color: #ffffff;
 	background-color: #2E3192;
 	text-decoration: none;
 	text-align: center;
 	font-family:  Verdana, Arial, Helvetica, Sans-Serif;
 	border: 0px;
 	font-size: 1.4em; 
 	font-style: normal;
 }

.centertext
{
	text-align: center;
 	
}
/* This specifies the layout for the footer, which is all the navigation links which are to be kept at the bottom of the page*/
.footer {
	position: relative;
	bottom: 0;
	left:0;
	width: 100%;
	clear: both;
}


/* This specifies the formatting for the main body text headings.*/	
.titletext {
	color: #003399; 
	font-size: 1em; 
	text-align: center;		
	line-height: 1.5em;	
	font-family: verdana, aerial, sans-serif;
	}
	
	
	#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.2em;
}

#nav a {
	display: block;
	width: 5em;
	color: #34297D;
	 text-decoration: none;
	 text-align: left;
	 font-family:  "trebuchet ms", Verdana, Arial, Helvetica, Sans-Serif;
	 border: 0px;
	 font-size: 14.8px; 
	 font-style: normal;
	 font-variant:small-caps;

}

#nav li { /* all list items */
	float: left;
	width: 5em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	 background:#ffffff;
}

#nav a:hover {
	background:#CBCFCE;
	 }

/* This is the formatting and the code for the menu bar*/


/* This specifies the formatting for the photo galleries*/
#leftgalimg {
	width:600px; 
	height:450px;
	}
#leftgalimg ul {
	list-style:none; 
	padding:0; 
	margin:0; 
	margin-left: 10px;
	width:130px; 
	position:relative; 
	float:left;
	}
#leftgalimg ul li {
	display:inline; 
	width:50px; 
	height:50px; 
	float:left; 
	margin:3px 3px 3px 3px;
	}
#leftgalimg ul li a {
	display:block; 
	width:48px; 
	height:48px; 
	text-decoration:none; 
	border:0;
	}
	
#leftgalimg ul li span {
		visibility: hidden;
		color: black;
		text-decoration: none;
		text-align: left;
		font-family: Ottawa, Verdana, sans-serif;
		color: #000000; 
		font-size: 1em;
		left: -1000px;
		position: absolute;
	}
#leftgalimg ul li a img {
	display:block; 
	width:48px; 
	height:48px; 
	border:0;
	padding: 0px;
	}
#leftgalimg ul li a:hover {
	white-space:normal; 
	border:0;
	}
	
#leftgalimg ul li a:hover img {
	position:absolute; 
	left:200px; 
	top: 0px;
	width:auto; 
	height: 300px; 
	border:none;}
	
#leftgalimg ul li a:hover span {
	position:absolute;
	visibility: visible; 
	left:200px; 
	top:320px;
	width: 500px; 
	}