/* Prairie Hills Styles  01.10.08*/

/* This style sheet contains no new menu.  If you need menu controls for hidden and visible see menu1.css and menu2.css

/* ============================================= Colors ============================================ */

/* Color Hex Values

#B2C891 => Olive Green

facility #5780AE =>Blue

membership #B2632E =>Orange

services #95B2AA => Light Green

profiles #85B0C6 => Light Blue

sponsors #C6B75D => Yellow

in the News #A17E9A => Lighter Dark Pink

events #704165 => Dark Pink

Contact #A79867 => Light Brown

Investor #6A3F32 => Brown

Media #91343A => Dark Orange Red

/*


/* ================================================================================================= */



/* CSS Document */

body, html{
	margin:0;
	padding:0;
	font-family: arial, Helvetica,sans-serif;
	background-color: #fff;
  	font-size : 10px;
	color : #000;
}


p{
	margin:0px;
	padding:0px;
	margin-bottom:16px;
	font-family: arial, Helvetica, sans-serif;
  	font-size: 12px;
  	line-height: 1.8em;
	color : #555;
}

h3{
	font-family: arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-top: 14px;
	margin-bottom: 7px;
  	font-size: 1em;
  	line-height: 1.6em;
  	letter-spacing: 1px;
}

h5 {
	font-family: arial, Helvetica, sans-serif;
	font-weight:lighter;
	margin-bottom:8px;
	font-size: 14px;
	line-height:24px;
	color:#555;
}


#wrapper {
	position:relative;
	width: 1024px;
	margin: 0 auto;
	height:auto;
}

#logo {
	margin-top:30px;
	padding-left:74px;
	padding-bottom:30px;
}

#content {
	float: right;
	background: #fff;
	width: 726px;
}

a {
	color:#555;
	text-decoration: none;
}

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


/* Navigation */

/* Removed - new menu  */
	



/* ========================================== Content Section ========================================== */

h1.home, h2.home {
	margin-top: 20px;
	color:#B2C891;
	font-family: arial, Helvetica,sans-serif;
	font-weight:lighter;
	text-transform:uppercase;	
}

p.home {
	font-size: 1.3em;
	line-height: 1.8em;
}
	
h2 {
	margin-top: 20px;
	font-family: arial, Helvetica,sans-serif;
	font-weight:lighter;
	color: #668d3c;
}
	
/* Eliminated page section id's originally set to BODY ID now you have classed created H1-H4 tags but remember now when putting an H1 tag on your new pages to switch your classes to .pagesection H1 class="pagesection" format */

h1.facility, h2.facility, h3.facility, h4.facility {	
	color:#5780AE;
	font-weight:lighter;
	text-transform:uppercase;	
}


h1.membership , h2.membership, h3.membership, h4.membership {
	color:#B2632E;
	font-weight:lighter;
	text-transform:uppercase;
}

h1.services, h2.services, h3.services, h4.services {
	color:#95B2AA;
	font-weight:lighter;
	text-transform:uppercase;
}

h1.profiles, h2.profiles, h3.profiles, h4.profiles {
	color:#85B0C6;
	font-weight:lighter;
	text-transform:uppercase;
}

h1.news, h2.news , h3.news, h4.news {
	color:#A17E9A;
	font-weight:lighter;
	text-transform:uppercase;
}

h1.contact, h2.contact, h3.contact, h4.contact {
	color:#A79867;
	font-weight:lighter;
	text-transform:uppercase;
}

h2.news_article {
	padding: 0.5em 0em 0.5em; margin: 0.25em 0 0.5em; background: #f6f2f5;
	margin-top:30px;
	border: 1px dashed #B2B2B2; border-width: 1px 0;
	color:#A17E9A;
	text-align:center;
	margin-bottom:15px;
	font-weight:lighter;
}

h2.news_article a {
	color: #A17E9A;
	text-decoration:none;
}


h4 {
	font-size: 1.5em;
	color: #555;
	margin-bottom: 10px;
	line-height: 1.5em;
	font-weight: lighter;
}


/* p class flash-header created to control alignment with menu since it was lining up to very top of menu cell vs text -adjust accordingly by inserting same class or another class with attributes necessary on p tags on other pages */
.flash-header p {
	padding-top:5px;
}

.facility p {
	clear:right;
	color:#000;
	background: #fff;
	font-size:12px;
	/*border-bottom:7px solid #5780AE;*/
}

#img_set1 {
	background: #fff;
	width: 728px;
	/*border-bottom:7px solid #5780AE;*/
}
/* Added to facility track page border top taken out but here in case mind is changed*/
#img_set2 {
	float:right;
	clear:right;
	background: #fff;
	width: 352px;
	/*border-top:7px solid #5780AE;*/
}

/* end img_set2 */


/* border colors for horizontal image head section */

#headline2  {
	float:left;
	text-align:right;
	margin:0;
	padding:0;	
	width: 726px;
}

#headline img {
	margin:0;
	padding-top:10px;
	padding-bottom: 10px;
}	

#headline2 img {
	margin:0;
	padding-top:10px;
	padding-bottom: 10px;
}

#col_set {
	margin:0 auto;
	margin-top:10px;
	width:630px;
	height:300px; /* sets just enough space for additional content - adjust accordingly */
	background:#fff;
}

#col01_1 {
	float:left;
	margin:0;
	margin-left:0; /* optional set at 0 - use if you need to offset padding of first column */
	width:290px;
	height:auto;
	background:#fff;
}
	
#col02_1 {
	float:left;
	margin:0;
	margin-left:0; /* optional set at 0 - use if you need to offset padding of first column */
	width:290px;
	height:auto;
	background:#fff;
}

#col01_1 p, #col02_1 p {
	color:#555;
	font-size:11px;
	line-height:1.8em;
	margin-top:4px;
	padding:0 10px 4px 0;
	width: 265px;
}


/* change this later but adjusted size using this temp name col_set0 to work out column formatting */
#col_set0 {
	margin:0 auto;
	margin-top:10px;
	width:726px;
	height:300px; /* sets just enough space for additional content - adjust accordingly */
	background:#fff;
}
/* used for third page left column controls */
#left_col {
	float:left;
	clear:left;
	margin:0;
	padding-left:0px; /* bit of padding to jog it to fit design */
	/*margin-top:10px;*  /* You need to pad column so it doesn't but against image border */
	margin-left:0; /* optional set at 0 - use if you need to offset padding of first column */
	width:350px;
	height:auto;
	background:#fff;
}
/* right column panel controls for img_set or two column pages */	
#right_col {
	float:right;
	clear:right;
	margin:0;
	/*margin-top:10px;*/ /* You need to pad column so it doesn't but against image border */
	margin-left:0; /* optional set at 0 - use if you need to offset padding of first column */
	width:350px;
	height:auto;
	background:#fff;
}


#left_col p, #right_col p {
	color:#555;
	font-size:12px;
	line-height:1.8em;
	margin-top:4px;
	margin-bottom: 10px;
	padding:0 10px 4px 0;
	width: 335px;
}


#left_col.facility, #right_col.facility {
	padding-bottom: 15px;
	border-bottom: 0px solid #5780AE;
}



/* ________________________ FEEDER SECTION ____________________________ */

#feeders {
	margin:0 auto;
	margin-top:10px;
	width:730px;
	height:300px; /* sets just enough space for additional content - adjust accordingly */
	background:#fff;
}

#feeders a {
	/*padding-left:8px;*/
	color:#5F8BA8;
	font-size:9px;
	font-weight:lighter;
	text-decoration: none;
}



#feeder_col01_1 p, #feeder_col02_1 p, #feeder_col03_1 p{
	color:#555;
	font-size:9px;
	line-height:16px;
	margin-top:4px;
	padding:0 10px 4px 0px;
}

a img, img, div{
	border:none;
	margin:0;
	padding: 0;
}

/* feeder column one */

#feeder_col01_1{
	float:left;
	margin:0;
	margin-left:0; /* optional set at 0 - use if you need to offset padding of first column */
	width:235px;
	height:auto;
	background:#fff url('../../images/feeder_facility.jpg') no-repeat top left;
	border-bottom:2px solid #5780AE;
}

/* feeder column two */

#feeder_col02_1{
	float:left;
	margin:0;
	margin-left:8px;
	width:235px;
	height:auto;
	background:#fff url('../../images/feeder_events.jpg') no-repeat top left;
	border-bottom:2px solid #704165;
}

/* feeder column three */

#feeder_col03_1{
	float:left;
	margin:0;
	margin-left:8px;
	width:235px;
	height:auto;
	background:#fff url('../../images/feeder_investor.jpg') no-repeat top left;
	border-bottom:2px solid #B2632E;
}

/* Index page three columns link controls */

p.link {
	background: url(../../images/interface/arrow_home_mg.gif) 2px 4px  no-repeat;
}

p.link_facility {
}

p.link_facility a{
	background: url(../../images/interface/arrow_facility.gif) 2px 1px  no-repeat;
	padding-left: 15px;
}

p.link_facility a:hover{
	color: #5780AE;
}

p.link_events {
	background: url(../../images/interface/arrow_events.gif) 2px 4px  no-repeat;
}

p.link_investor {
	background: url(../../images/interface/arrow_investor.gif) 2px 4px  no-repeat;
}

p.link_membership {
	background: url(../../images/interface/arrow_membership.gif) 2px 4px  no-repeat;
}

p.link_contact {
	}

p.link_contact a{
	background: url(../../images/interface/arrow_contact.gif) 2px 1px  no-repeat;
	padding-left: 15px;
}

p.link_contact a:hover{
	color: #A79867;
}

p.link_inthenews {
}

p.link_inthenews a{
	background: url(../../images/interface/arrow_news.gif) 2px 1px  no-repeat;
	padding-left: 15px;
}

p.link_inthenews a:hover{
	color: #A17E9A;
}


/* these control the link colors for index page */
#feeder_col01_1 a.link, 
#feeder_col02_1 a.link, 
#feeder_col03_1 a.link  {
	padding-left: 12px;
	text-transform:uppercase;
	color:#555;
}

#feeder_col01_1 a:hover.link  {
	padding-left: 12px;
	color:#5780AE;
}

#feeder_col02_1 a:hover.link  {
	padding-left: 12px;
	color:#704165;
}

#feeder_col03_1 a:hover.link  {
	padding-left: 12px;
	color:#6A3F32;
}




/* End Link colors */


/* End Index page three column link controls */

/* ________________________ END FEEDER SECTION ____________________________ */

ul#list1 {
	float:left;
	color:#555;
	padding-left:17px !important; /* adjusts left for column paragraph adjustment */
	margin: 0;
	width: 100%;
	list-style-image: url(../../images/bullet_plus_b.gif);
	list-style-position:outside;		
}		

ul#list1 li{
	margin: 0;
	padding: 0;
}

/* padding fix for bullets li alignment */
ul#list1 p.list1-pad {
	margin:0;
	padding:0;
	width:310px;
	padding-left:6px;
	padding-bottom:5px;
}	
/* list bullets for track page adjusts li width so it fits nicer - use other classes off of the page id's your on */
ul#list2  {
	float:left;
	color:#555;
	padding-left:17px !important; /* adjusts left for column paragraph adjustment */
	margin: 0;
	width: 75%;
	list-style-image: url(../../images/bullet_plus_b.gif);
			
}	

ul#list2 li{
	margin: 0;
	padding: 0;

}
/* padding fix for bullets li alignment */
	
ul#list2 p.list2-pad {
	margin:0;
	width:287px;
	padding-left:6px;
	margin-left:0px;
}	

#footer {
	position: relative; 
	clear:both;
	float:right;
	text-align:right;
	margin:0;
	padding: 0;
	width:3000px;
	color:#555;
}

#footer_landing {
	margin-top: 50px;
	float:right;
	text-align:right;
	color:#555;
}



/* ================================================================================================= */






ul {
padding: 0px;
margin: 0px;
list-style: none;
width: 10em;
}

li ul {
display: none;
text-decoration: none;
}

li.active ul {
display: block;
}




#main_nav, #sec_nav {
	float:left;
	padding: 25px 8px 0px 8px;
}

#main_nav {
	width: 110px;
}

#sec_nav {
	width: 110px;
	margin-left: -21px;/* adjusts the secondary navs placement where its closer to primary nav going left */
}

#main_nav ul, #sec_nav ul{
	padding: 0;
	margin: 0;
	width: 100%;
}

#sec_nav ul ul {
	margin-top:0;
}
#main_nav ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-right:15px;
	padding-top:6px !important;
	padding-bottom:5px;
	text-align:right;
}

#sec_nav ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left:20px !important ;/* padding jogs secondary nav's LI's away from the arrow */
	padding-top:6px !important;
	padding-bottom:5px;
}

#main_nav img, #sec_nav img{
	margin-left:68px;
	margin-bottom:10px;
	margin-top:15px;

}
#main_nav a, #sec_nav a{
	text-decoration:none;
	color : #555;
}
#main_nav a:hover{
	color: #000; /* set this to color for hover event */
	background-color: #fff;
}
#sec_nav a:hover{
	color: #000;/* set this to color for hover event */
	background-color: #fff;
}
#main_nav ul li{
	/*border-top: 1px solid #d9d9d1;*/
}
#sec_nav ul li{
	color: #555;/* added this color because for the collapsable menu it shows up as #000 without it */
	/*border-top: 1px solid #d9d9d1;*/
}

.no_line{
	border-top: none;
	border-bottom: none;
}

.sel{
	background: url(../images/interface/arrow.gif) 0px 7px no-repeat;
}


/* Page Section sec_nav VERTICAL Menu Movement Div controls Note: ie6 bug upon alternate classes, used inline tags instead */

#sec_nav.facility_nav {
	margin-top: 25px;/* incredment this to 25px or set your own number and bump res of navs accordingly */
	padding-left: 20px;/* adjust to move sec_nav with pagesection_nav class to the right or left */
	/* This parameter moves your UL down just for the secondary nav  calculating 24 pixals */
}

#sec_nav.membership_nav {
	margin-top: 50px; /* incredment this to 25px or set your own number and bump res of navs accordingly */
	padding-left: 20px;/* adjust to move sec_nav with pagesection_nav class to the right or left */
	/* This parameter moves your UL down just for the secondary nav  calculating 24 pixals */
}

#sec_nav.services_nav {
	margin-top: 75px; /* incredment this to 25px or set your own number and bump res of navs accordingly */
	padding-left: 20px;/* adjust to move sec_nav with pagesection_nav class to the right or left */
	/* This parameter moves your UL down just for the secondary nav  calculating 24 pixals */
}

#sec_nav.profiles_nav {
	margin-top: 100px; /* incredment this to 25px or set your own number and bump rest of navs accordingly */
	padding-left: 20px;/* adjust to move sec_nav with pagesection_nav class to the right or left */
	/* This parameter moves your UL down just for the secondary nav  calculating 24 pixals */
}

#sec_nav.news_nav {
	margin-top: 125px; /* incredment this to 25px or set your own number and bump rest of navs accordingly */
	padding-left: 20px;/* adjust to move sec_nav with pagesection_nav class to the right or left */
	/* This parameter moves your UL down just for the secondary nav  calculating 24 pixals */
}

#sec_nav.contact_nav {
	margin-top: 150px; /* incredment this to 25px or set your own number and bump rest of navs accordingly */
	padding-left: 20px;/* adjust to move sec_nav with pagesection_nav class to the right or left */
	/* This parameter moves your UL down just for the secondary nav  calculating 24 pixals */
}

/* End sec_nav menu controls */


/* Arrows for selection LI made here */
.menu li.sel_home {
	background: url(../../images/interface/arrow.gif) 2px 9px  no-repeat;
}

#sec_nav li.sel_facility  {
	background: url(../../images/interface/arrow_facility.gif) 2px 9px  no-repeat;
}

#sec_nav li.sel_membership  {
	background: url(../../images/interface/arrow_membership.gif) 2px 9px  no-repeat;
}

#sec_nav li.sel_services {
	background: url(../../images/interface/arrow_services.gif) 2px 9px  no-repeat;
}

#sec_nav li.sel_profiles  {
	background: url(../../images/interface/arrow_profiles.gif) 2px 9px  no-repeat;
}

#sec_nav li.sel_news  {
	background: url(../../images/interface/arrow_news.gif) 2px 9px  no-repeat;
}

#sec_nav li.sel_contact {
	background: url(../../images/interface/arrow_contact.gif) 2px 9px  no-repeat;
}


/* UL LI classes for Titles and Active  hyperlinks transforms etc */
ul#nav a.facility_title  {
	color: #5780AE;
	text-transform:uppercase;
}

ul#nav a.facility_active  {
	color: #5780AE;
	text-transform:capitalize; /* transform capitalizes first letter of each word.  Otherwise if not set in style you have to make sure to type word with capitals for first letter of each word */
}

ul#nav a.membership_title  {
	color: #B2632E;
	text-transform:uppercase;
}

ul#nav a.membership_active  {
	color: #B2632E;
	text-transform:capitalize; /* transform capitalizes first letter of each word.  Otherwise if not set in style you have to make sure to type word with capitals for first letter of each word */
}

ul#nav a.services_title  {
	color: #95B2AA;
	text-transform:uppercase;
}

ul#nav a.services_active  {
	color: #95B2AA;
	text-transform:capitalize; /* transform capitalizes first letter of each word.  Otherwise if not set in style you have to make sure to type word with capitals for first letter of each word */
}

ul#nav a.profiles_title  {
	color: #85B0C6;
	text-transform:uppercase;
}

ul#nav a.profiles_active  {
	color: #85B0C6;
	text-transform:capitalize; /* transform capitalizes first letter of each word.  Otherwise if not set in style you have to make sure to type word with capitals for first letter of each word */
}

ul#nav a.news_title  {
	color: #A17E9A;
	text-transform:uppercase;
}

ul#nav a.news_active  {
	color: #A17E9A;
	text-transform:capitalize; /* transform capitalizes first letter of each word.  Otherwise if not set in style you have to make sure to type word with capitals for first letter of each word */
}

ul#nav a.contact_title  {
	color: #A79867;
	text-transform:uppercase; /* transform capitalizes first letter of each word.  Otherwise if not set in style you have to make sure to type word with capitals for first letter of each word */
}

ul#nav a.contact_active  {
	color: #A79867;
	text-transform:capitalize; /* transform capitalizes first letter of each word.  Otherwise if not set in style you have to make sure to type word with capitals for first letter of each word */
}

/* ________________________ BULLETS STYLES ____________________________ */

ul.bullets {
	font-family: arial, Helvetica,sans-serif;
	width:320px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #555;
}

ul.bullets li {
	margin-bottom: 20px;
	text-align : left;
	margin : 0;
	padding-bottom: 15px;
	line-height : 1.5em;
	list-style-image: url(../../images/bullet_plus_b.gif);
	list-style-position:outside;
	margin-left:15px;
}

/* ________________________ IN THE NEWS ____________________________ */


div#press_releases p.date {
	font-size: 1.25em;
	margin-bottom:-3px;
	color: #A17E9A;
}

div#press_releases p.title {
	margin-bottom:-3px;
	line-height: 1.5em;
}

div#press_releases p.link_inthenews {
	margin-bottom: 20px;
}

div#press_releases p.when_where {
	font-size: 1.1em;
	margin-bottom:-5px;
	margin-top:15px;
	color: #555;
	text-transform: uppercase;
}


/* ________________________ LIGHTBOX GALLERY ____________________________ */

.thumbnail{
	padding: 0px 0px 0px 0px;
	background-color: #666;
	border: 1px solid #555;
	float: right;
	margin-right: 0px;
	margin-bottom: 100px;
	}	
	
#photos .thumbnail a: {
	background-color: #777;
	}		

#photos a:hover {
	background-color: #444;
	}		
	
	
/* ________________________ SUBSCRIBE BOX ____________________________ */
#subscribe_box {
	margin-bottom:0px;
	background: #f6f2f5;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:20px;
	text-align: left;
	border: 1px dotted #A17E9A;
	border-top: 0px;
	}