@import url("reset.css");


body { font-family: 'Helvetica', Arial, sans-serif;; font-size: 11px; line-height: 14px; color: #582700; background: #DDDDDD; background-image:url(/images/img_site/background.jpg); background-repeat:no-repeat; margin: 0 0 0 0 ; }
a:link { font-family: 'Helvetica', Arial, sans-serif;; color:#EDA844; text-decoration: none; border-bottom: thin; }
a:visited { font-family: 'Helvetica', Arial, sans-serif;; color:#EDA844; font-style: normal; text-decoration: none; }
a:hover { font-family: 'Helvetica', Arial, sans-serif;; text-decoration: none; color:#66666; text-decoration: underline; }
td { font-family: 'Helvetica', Arial, sans-serif;; color: #582700; }
p { font-family: 'Helvetica', Arial, sans-serif;; color: #582700; }
h1 { font: 26px 'Helvetica', Arial, sans-serif;; color: #582700; letter-spacing:0; line-height: 24px; margin-bottom:10px; margin-top:0px; font-weight: 900; }
h2 { font: 18px 'Helvetica', Arial, sans-serif;; color: #EDA844; letter-spacing:0; line-height: 18px; margin-bottom:10px; margin-top:0px; }
input, select, textarea { font-family: 'Helvetica', Arial, sans-serif; font-size: 11px;}



/*/   structure styles   /*/


#wrapper { width: 100%; padding-top: 20px;}
#facebook { float:left; margin: 0; padding:0; position: absolute;  }
#homecontainer { 
	width: 900px;
	height: 600px; 
	background-color: #DDDDDD; 
	border: 20px solid white;
	margin: 0 auto;
	}
#container { 
	width: 860px; 
	background-color: #FFF; 
	border: 20px solid white;
	margin: 0 auto;
	background-image:url(/images/img_site/jpf_grass_footer.jpg); 
	background-repeat:no-repeat; 
	background-position: bottom center;
	}


#headerimg { 
	width: 860px; 
	float: left;
	margin-bottom: 30px;
	}

#leftcol, #midcol, #rightcol { }

/*/   left column   /*/
#leftcol { 
	margin: 0 10px 50px 10px; 
	width: 150px; 
	float: left;
	}

/*/   middle column   /*/
#midcol { 
	width: 475px;
	float: left;
	margin-bottom: 50px;
	}

/*/   right column   /*/
#rightcol {
	width: 172px; 
	margin: 0 10px 50px 10px; 
	float: right;
	}
	
/*/   middle column   /*/
#twocol { 
	width: 675px;
	float: left;
	margin-bottom: 100px;
	}

/*/   events column   /*/
#newscol { 
	width: 425px;
	float: left;
	margin-bottom: 50px;
	}

/*/   news column   /*/
#eventscol {
	padding: 9px;
	width: 200px; 
	float: right;
	}
	
	
/*/ HOME PAGE STYLES /*/
#jpfintro { 
	width: 320px;
	float:right;
	margin: 250px 48px 0 0;
	}
	
#homepage { 
	float: left;
	margin: 20px 0 0 20px; 
	width: 375px;
	}
	
#homepage a, #homepage a:visited { color: #582700; }
#homepage a:hover, #homepage a:active { color: #582700; text-decoration: underline; }
#homepage h2 { font-size: 1.2em; text-transform: uppercase; color: #582700; font-weight: bold; margin:0; padding:0; }
#homecopy p { font-size: 1em; }

#homenews { width: 194px; padding: 10px; margin: 170px 0 0 0; float: right; color:#582700; font-size:1em;}
#homenews a { color:#582700; }
#homenews h2 {
color:#582700;
font-size:1.2em;
font-weight:bold;
margin:0;
padding:0;
text-transform:uppercase;
}
posada.css (line 105)


#whatsnew { margin-bottom: 10px;}
#upcomingevents { border-top: 1px solid white;}

 


#homefoundation, #homenavigation, #homenews, #homehighlight { }

/*/   home foundation   /*/
#homefoundation { 
	width: 172px;
	margin-right: 20px; 
	float: left;
	}
#buttons a, #buttons a:visited { 
	width: 350px;
	text-align: center;
	padding: 10px 0 10px 0;
	font-size: 12px;
	display: block;
	background-color: white;
	text-decoration: none;
	}
#buttons a:hover, #buttons a:active { 
	background-color: #EDA844;
	text-decoration: none;
	}
	
/*/   home navigation   /*/
#homenavigation { 
	padding: 0;
	width: 140px;
	float: left;
	}
	

/*/   banners   /*/
#banners {
	text-align: right;
	width: 550px;
	float: right;
	}	
#banners img { margin-left: 8px; }
	
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}	
	

	
/*/   font styles   /*/
#navbar {
	background-color: #FFFFFF;
	height: 144px;
	padding: 20px 0 0 0;
	margin: 420px 0 0 0;
	}

.navigation {
	font-weight: bold;
	font-size: 1em;
	color: #582700;
	}
#leftcol a.navigation:link { color: #582700; text-decoration: none; font-weight: bold; }
#leftcol a.navigation:visited { color: #582700; text-decoration: none; }
#leftcol a.navigation:hover { color: #EDA844; text-decoration: none; }
#leftcol a.navigation:active { color: #EDA844; text-decoration: none; }

#rightcol a.navigation:link { color: #582700; text-decoration: none; font-weight: bold; text-transform: uppercase; }
#rightcol a.navigation:visited { color: #582700; text-decoration: none; }
#rightcol a.navigation:hover { color: #EDA844; text-decoration: none; }
#rightcol a.navigation:active { color: #EDA844; text-decoration: none; }

#homenavigation a.navigation:link { color: #EDA844; text-decoration: none; font-weight: bold; }
#homenavigation a.navigation:visited { color: #EDA844; text-decoration: none; }
#homenavigation a.navigation:hover { color: #582700; text-decoration: none; }
#homenavigation a.navigation:active { color: #BBBBBB; text-decoration: none; }

#homenews ul { margin: 7px 10px 0 10px; ; padding: 0 0 0 0; list-style: none; list-style-position:inside }
#homenews li { line-height: 14px; color: #000; text-decoration: none; margin: 0; padding: 0; }
#homenews li a:link{ color: #582700; text-decoration: none; }
#homenews li a:visited { color: #582700; text-decoration: none; }
#homenews li a:hover { color: #EDA844; text-decoration: none; }
#homenews li a:active { color: #333333; text-decoration: none; }

#midcol h1 { text-transform: uppercase; }
#midcol p { line-height: 16px; font-size: 11px; }
#twocol h1 { text-transform: uppercase; }

#quote { line-height: 16px; font-size: 11px; color: #582700; padding: 0 0 15px 0; border: 1px; border-color: #582700;}
#quote a:link { color: #EDA844; text-decoration: none; }
#quote a:visited { color: #EDA844; text-decoration: none; }
#quote a:hover { color: #333333; text-decoration: none; }
#quote a:active { color: #CCCCCC; text-decoration: none; }

#bodycopy { line-height: 16px; font-size: 11px; color: #582700; text-decoration: none; padding: 20px 0 40px 0;}
#bodycopy a:link { color: #EDA844; text-decoration: none; font-weight: bold; }
#bodycopy a:visited { color: #EDA844; text-decoration: none; font-weight: bold; }
#bodycopy a:hover { color: #EDA844; text-decoration: underline; font-weight: bold; }
#bodycopy a:active { color: #CCCCCC; text-decoration: none; font-weight: bold; }

.subcopy { line-height: 12px; font-size: 10px; color: #582700; text-decoration: none; }
.subcopy a:link { color: #EDA844; text-decoration: none; }
.subcopy a:visited { color: #EDA844; text-decoration: none; }
.subcopy a:hover { color: #EDA844; text-decoration: underline; }
.subcopy a:active { color: #CCCCCC; text-decoration: none; }

table.abouttable { width: 100%; padding: 0 0 25 0; border: 0px;}
table.abouttable { width: 100%; padding: 0 0 25 0; border: 0px;}
table.abouttable th { text-align: left; background-color: #582700; font-family: helvetica; font-size: 11px; color: #FFFFFF; padding: 5 2 5 5;} 
table.abouttable td { vertical-align: top; font-size: 11px; border-bottom:1px solid #CCCCCC; text-align: left; padding: 8 2 2 5; }
table.abouttable td ul { text-align: left; padding: 0 0 4px 0; margin: 0 0 0 0; }
table.abouttable td ul li { padding: 0 0 8px 0; line-height: 14px; }

#post { padding: 10px 0 10px 0; border-bottom: dotted 1px #CCC; list-style: none; margin: 0 0 0 0; }
#post a:link { color: #582700; text-decoration: none; }
#post a:visited { color: #582700; text-decoration: none; }
#post a:hover { color: #EDA844; text-decoration: none; }
#post a:active { color: #CCCCCC; text-decoration: none; }
#post p { font-size: 11px; color: #666666; padding: 0; }
#post h1 { font-size: 16px; font-weight: bold; line-height: 1.3em; padding: 0; margin: 0px; }
#post h2 { font-size: 11px; line-height: 14px; padding: 0; margin: 0px;  }

#copyright { padding: 10px 0 20px 0; text-transform: uppercase; }
#copyright a:link { color: #582700; text-decoration: none; font-weight: bold; }
#copyright a:visited { color: #582700; text-decoration: none; font-weight: bold; }
#copyright a:hover { color: #ABABAB; text-decoration: none; }
#copyright a:active { color: #CCCCCC; text-decoration: none; }

.disclaimer p { text-align: center; color: #555;  }


#newsarchive { font-size: 11px; border:  padding: 10px; }
#newsarchive h2 {text-transform: uppercase; font-size: 13px; font-weight: bold; }
#release { border-top: dotted 1px #CCC; }

#calendar { font-family: Arial; font-size: 9px; color: #308BBA; line-height: 13px; }
#calendar a:link { font-family: Arial; font-size: 9px; color: #582700; line-height: 13px; }
#calendar a:visited { font-family: Arial; font-size: 9px; color: #653740; line-height: 13px; }
#calendar a:hover { font-family: Arial; font-size: 9px; color: #002D62; line-height: 13px; }
#calendar a:active { font-family: Arial; font-size: 9px; color: #653740; line-height: 13px; }

#week_col {  font-family: 'Helvetica', Arial; font-size: 10px; color: #582700; background-color: #EEEEEE; text-align: center; width: 90px; }
#week_day {  font-family: 'Helvetica', Arial; font-size: 10px; color: #555555; background-color: #FFFFFF; text-align: left; vertical-align: top; }
#week_end {  font-family: 'Helvetica', Arial; font-size: 10px; color: #555555; background-color: #EEEEEE; text-align: left; vertical-align: top; }
#week_today {  font-family: 'Helvetica', Arial; font-size: 10px; color: #EDA844; background-color: #FFFFFF; text-align: left; vertical-align: top; }
#week_noday {  background-color: #DDDDDD; }

#events_list {
	margin: 0 auto;
	width: 255px;
	}
#events_list li { 
	list-style: none;
	margin: 0 0 3px 0;
	}

/*/   middle column   /*/
#jpimages { 
	max-width: 425px;
	border:1px solid #9f9994;
	padding: 10px;
	background-color: #FFF;
	margin: 0;
	}
#eventlink { list-style: none; margin: 0 0 10px 0; padding: 10px 0 0px 0; border-top: 1px dotted #DDD; }
#eventlink a:link, #eventlink a:visited { line-height: 20px; font-size: 16px; color: #EDA844; text-decoration: none; }
#eventlink a:hover { color: #000000; text-decoration: none; }
#eventlink a:active { color: #BBBBBB; text-decoration: none; }