/* --------------------------------------------------------------------------------------------------
	Title:		Indiana Scenic Images CSS Document
			
	Author:		Hansen Multimedia
	Artist:		Brian Hansen
	Date:		January 7th, 2009
------------------------------------------------------------------------------------------------------ */

* { margin: 0; padding: 0; }

body {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color: #333;
	font-size: 14px;
	text-align: center;
	line-height: 120%;
	background-color: #EAE9E0;
}

.clearer { height: 0; line-height: 0px; clear: both; }
.print { display: none; }

#constraint { width: 900px; margin: 0 auto; text-align: left; background-color: #fff; }

/*  ---------------------------------------------------------------------------
	=framing
------------------------------------------------------------------------------- */

.frame { width: 900px; border-left: 1px dotted #666666; border-right: 1px dotted #666666; }

/*  ---------------------------------------------------------------------------
	=Global Layout
------------------------------------------------------------------------------- */

p { padding: 12px 12px 0px 12px; }

.indent { margin-left: 20px; }

.rtt { display: block; text-align: right; padding: 3px 12px 0 0 ; font-size: 90%; }

img { margin: 12px 12px 0 12px; }

a  { color: blue; text-decoration: none; }
a:hover { color: #333; }

/* ---------- */

#mainContent { height: 100%; background: #fff /*url(../images/sideExtension.jpg) repeat-y top left;*/ }
#mainArea { float: left; width: 649px; margin-right: 3px; padding-bottom: 10px; padding-left: 0px; padding-top: 0px;}
#homeContent { padding: 12px 0 0 0; border-top: 5px solid #7e6659; }
#side { float: right; width: 236px; margin-bottom: 30px; color: #fff; text-align: right; background-color: #ffffff; border-left: 0px dotted #999999}
#side h3 {font-size: 14px; padding: 8px 12px 20px 12px; line-height: 13px;}

/*	=header
---------------------------------------------------------------- */

#header { background-color: #fff; }

#header .logo { float: left; margin: 10px 0 15px 20px; }

#header #topNav { float: right; width: 150px; text-transform: uppercase; list-style-type: none; margin-top: 4px; }
#header ul li { float: right; border-right: 1px solid #7e6659; font-size: 11px; }
#header ul li.last { border-right: none; }
#header ul li a { float: left; display: block; height: 11px; line-height: 10px; text-align: right; color: #7e6659; padding: 0 5px 0 5px; }
#header ul li a:hover { color: #00367c; }

/*	=navigation
---------------------------------------------------------------- */

#mainNav { text-align: center;  margin: 0 0 3px 0; text-transform: uppercase; background-color: #000000; }
#mainNav ul { margin: 0 auto;  list-style-type: none; }
#mainNav ul li { position: relative; float: left; background-color: #000000;	/* IE6 background-color issue */ }

/*
#sideNav { float: right; width: 200px; margin: 0 5px 0 0; padding: 12px 9px 12px 0; text-transform: uppercase; list-style-type: none; letter-spacing: .04em;}
#sideNav li { padding: 0 9px 0 0; border-right: 1px solid #a6a6a6; }
#sideNav li a { color: #fff; }
#sideNav li a:hover { color: #ffff99; }
*/

/*  dropdown
--------------------------------------- */

#mainNav li ul {
	position: absolute;
	top: 26px;
	left: 0;	/* Set 1px less than menu width */
	display: none;
}

/* Styles for Menu Items */
#mainNav ul li a {
	height: 24px;	/* The dropdown disapears when you try to mouse-over it in IE7 - this fixes that issue. */
	line-height: 24px;	/* sets the height of the box */
	display: block;
	text-decoration: none;
	color: #fff;
	background-color: #000000;	/* IE6 Bug */
	padding: 1px 10px 0 10px;
	border-right: 1px solid #fff;
}
#mainNav ul li#L-about a { border-right: none; }

/* Fix IE. Hide from IE Mac \*/
* html #mainNav ul li { float: left; height: 1%; }
* html #mainNav ul li a { height: 1%; }

* html #mainNav ul li a { float: left;	 /* This float is needed for IE6 or else the main links will stretch accross the width of its container and will appear to display block. */ }
/* Th selector below prevents the over links from appearing to display inline. */
* html #mainNav li ul li { clear: both; }
/* End Fix IE*/

#mainNav ul li a:hover { color: #fff; background: #7e6659; }	/* Hover Styles */
#mainNav li ul li a {
/* Sub Menu Styles */
/*padding: 2px 5px; This is if you want the size of the submenu to be smaller. */
	width: 150px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	padding-left: 12px;
	border-right: none;
}
#mainNav li:hover ul, #mainNav li.over ul { display: block; }	/* The magic */

/*  textNav page indicators
--------------------------------------- */



/*	=footer
---------------------------------------------------------------- */

#footer { background-color: #f5f3e5; margin: 3px 0 30px 0; border-top: 5px solid #7e6659; }

#footer #textNav { float: left; width: 550px; }

#footer #copyright { float: right; width: 250px; font-size: 90%; color: #666666; text-align: right; margin: 5px 0 0 0; }
#footer #copyright a { color: #666666;}
#footer #copyright a:hover{ color: #333;}

#textNav ul { text-align: left; margin: 7px 0 0 0; list-style-type: none; }
#textNav ul li { float: left; font-size: 90%; border-right: 1px solid #666666; }

#footer ul li a { display: block; float: left; height: 11px; color: #666666; line-height: 10px; padding: 0 5px 0 5px; }
#footer ul li a:hover { color: #333; }
#footer ul li.last { border-right: none; }

/*  ---------------------------------------------------------------------------
	=index
------------------------------------------------------------------------------- */

#home #mainContent { background-position: top right; }

#home #side { text-align: left; }

#homeContent ul { padding-left: 40px; padding-bottom: 0px; padding-top: 0px; }
#homeContent ul li { padding-bottom: 0px; padding-top: 5px; }

#mainArea ul { padding-left: 40px; padding-bottom: 3px; padding-top: 3px; }
#mainArea ul li { padding-bottom: 0px; padding-top: 3px; }
#mainArea ol { padding-left: 50px; padding-bottom: 3px; padding-top: 3px; }
#mainArea ol li { padding-bottom: 0px; padding-top: 3px; }
.capitalize { text-transform: uppercase; }

#category_link {
width: 630px;
height: 200px;
margin-left: 7px;
margin-right: 12px;
border:1px dotted #999999;
}
/*  ---------------------------------------------------------------------------
	=side bars
------------------------------------------------------------------------------- */
#accountLinks {
	padding: 10px 10px 10px 10px; 
	margin: 10px 10px 0px 0px; 
	width: 205px; 
	background-color: #ffffff; 
	line-height: 15px; 
	border-left: 1px dotted #666666;
}

#accountLinks ul {
	padding: 0;
	margin: 0 0 0 1px;
	list-style: none;
	text-align: left;
}

#accountLinks ul li {
	padding-left: 0px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.9em;
	font-size: 12px;
}

#accountLinks ul li a {
	color: #A31D39;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase
}

#accountLinks ul li a:hover {
	color: #000000;
	text-decoration: none;
}

/*  ---------------------------------------------------------------------------
	=contact
------------------------------------------------------------------------------- */

#contact #mainArea form { padding-top: 20px; }
#contact #mainArea form .last { width: 375px; }
#contact #mainArea a {color: #00367c;}
#contact #mainArea a:hover { color: #333; }

/*  ---------------------------------------------------------------------------
	=form
------------------------------------------------------------------------------- */

.formBlock { float: left; width: 175px; padding: 0 12px 0 12px; }
.formRow, .formRow label { display: block; }
.formRow label { margin: 3px 0; }
.submit { margin-top: 5px; background-color: #cccccc; font-weight: bold;}

p.interestedIn { padding-left: 0; }
p.interestedIn input { margin-left: 2px; }

input { padding: 2px; background-color: #FFFFFF; border: 1px solid #666666;}
select { padding: 2px; background-color: #FFFFFF; border: 1px solid #666666;}
textarea { padding: 2px; background-color: #FFFFFF;border: 1px solid #666666;}