@charset "utf-8";

/* LAYOUT
---------------------------------- */
html {
	height:100%;
}
body {
	text-align:center;
	cursor:default;
	font-family:"Lucida Grande","Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size:13px;
	color:#7b5a3d;
	line-height:21px;
	background:url(/img/bg_body.jpg) #3C2008 center top no-repeat;
}
body#home {background:url(/img/bg_bodyhome.jpg) #3C2008 center top no-repeat;}
body, #header, #content, #footer {margin:0; padding:0;}

#container, body#content {
	text-align:left;
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
body#content { overflow: auto; }
#header {
	float:left;
	width:960px;
	height:130px;
	background:url(/img/bg_header.jpg) 0 0 no-repeat;
}
#content {
	float:left;
	width:890px;
	height:auto;
	min-height:500px;
	padding:20px 35px 0;
	background:url(/img/bg_content.png) 0 0 repeat-y;
	position:relative;
}
#footer {
	float:left;
	width:960px;
	height:45px;
	background:url(/img/bg_footer.png) 0 0 no-repeat;
}
#endcap {
	float:left;
	width:960px;
	height:auto;
	margin-bottom:25px;
	padding:0;
}
.noshow {display:none;}
a {outline:none;}
img {border-style:none;}

/* HEADER
---------------------------------- */

/* Social + Search */
#topbar {
	float:left;
	display:inline;
	width:960px;
	height:30px;
	padding:0;
	margin:0;
	background:url(/img/bg_topbar.jpg) 0 0 no-repeat;
	overflow:visible;
}
#social {
	float:left;
	margin:0;
	padding:0;
	width:auto;
	height:30px;
	list-style:none;
}
#social li {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	height:30px;
}
#social li a, #social li a span {
	display: block;
	margin:0;
	text-indent:-9999px;
	background:url(/img/sprite_social.png) no-repeat;
}
#social li a span {
	height:30px;
	width:100%;
	z-index:100;
}
#social li a, #social li a:hover {border:none !important}
.facebook {margin: 0 0 0 143px !important;}
#social li a.facebook {width:88px; background-position: 0 0}
#social li a.twitter {width:79px; background-position: 0 -30px}
#social li a.facebook span {background-position: -88px 0}
#social li a.twitter span {background-position: -79px -30px}

#search {
    float:right;
	display:inline;
    width:177px;
    height:24px;
    margin:3px 33px 0 0;
    padding:0;
}
.form {
    width:177px;
    margin:0;
    padding:0;
}
.form input {
	font-size:12px;
	font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;
}
.form input.text, .form input.go {background:url(/img/sprite_search.png) no-repeat;}
.form input.text {
	float:left;
	width:140px;
    height:16px;
	color:#6f4f2a;
	border:none !important;
	outline:none !important;
	margin:0;
	padding:4px 5px;
	line-height:18px;
	background-position:0 0;
}
.form input.text.active {
	color:#c8a175 !important;
	background-position:0 -24px;
}
.form input.go {
    float:right;
    width:27px;
    height:24px;
    margin:0;
    padding:0;
    background-position:-150px 0;
    border:none !important;
}
.form input.go:hover {background-position:-150px -24px;}

/* Logo */
#logo, #logo-alt {
	float:left;
	display:block;
	margin:0;
	padding:0;
	width:570px;
	height:130px;
}
#logo a, #logo-alt a {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:570px;
	height:130px;
}
#logo a {background:url(/img/logo.jpg) 0 0 no-repeat;}
#logo-alt a {background:url(/img/logo-alt.jpg) 0 0 no-repeat;}

/* NAVIGATION
---------------------------------- */

/* Main Menu */
#mainnav {
	float:left;
	margin:15px 0 0 0;
	padding:0;
	width:390px;
	height:100px;
	list-style:none;
}
#mainnav li {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	height:100px;
}
#mainnav li a, #mainnav li a span {
	display: block;
	margin:0;
	text-indent:-9999px;
	background:url(/img/sprite_mainnav.jpg) no-repeat;
}
#mainnav li a span {
	height:100px;
	width:100%;
	z-index:100;
}
#mainnav li a, #mainnav li a:hover {border:none !important}
.home {margin: 0 0 0 12px !important;}
#mainnav li a.home {width:89px; background-position:0 0}
#mainnav li a.contact {width:115px; background-position:-89px 0}
#mainnav li a.getinvolved {width:163px; background-position:-204px 0}
#mainnav li a.home span {background-position:0 -100px}
#mainnav li a.contact span {background-position:-89px -100px}
#mainnav li a.getinvolved span {background-position:-204px -100px}

/* CONTENT
---------------------------------- */

/* Home Page Feature */
#feature {
	float:left;
	display:inline;
	width:960px;
	height:339px;
	margin:0;
	padding:0;
	background:url(/img/bg_feature.jpg) 0 0 no-repeat;
}
#portals {
	float:left;
	margin:19px 0 0 6px;
	padding:0;
	width:auto;
	height:269px;
	list-style:none;
}
#portals li {
	float:left;
	display:inline;
	margin:0 0 0 28px;
	padding:0;
	width:170px;
	height:269px;
}
#portals li a {width:170px; height:269px;}
#portals li a, #portals li a span {
	display: block;
	margin:0;
	text-indent:-9999px;
}
#portals li a span {
	height:269px;
	width:100%;
	z-index:100;
}
#portals li a, #portals li a:hover {border:none !important;}

#portals li a.p1 {background:url(/img/feat_hisban.png) 0 0 no-repeat;}
#portals li a.p2 {background:url(/img/feat_umayri.png) 0 0 no-repeat;}
#portals li a.p3 {background:url(/img/feat_jalul.png) 0 0 no-repeat;}
#portals li a.p1 span {background:url(/img/feat_hisban.png) -170px 0 no-repeat;}
#portals li a.p2 span {background:url(/img/feat_umayri.png) -170px 0 no-repeat;}
#portals li a.p3 span {background:url(/img/feat_jalul.png) -170px 0 no-repeat;}

/* Home Content */
p.intro {
	float:left;
	display:inline;
	width:274px;
	height:311px;
	margin:0 0 0 30px;
	padding:14px 10px 14px 16px;
	overflow:hidden;
	line-height:1.4em;
	font-size:15px;
	letter-spacing:.05em;
	color:#e7d3be;
	text-shadow:0px 1px 2px #332008;
}
p.intro .thick {letter-spacing:-.01em; color:#7dd7d8;}
#homeboxtop {
	float:left;
	display:inline;
	width:960px;
	height:6px;
	line-height:0px;
	margin:0;
	padding:0;
	background:url(/img/bg_homeboxtop.png) 0 0 no-repeat;
}
.homeboxleft {float:left; display:inline; padding:0; width:570px;}
.homeboxright {float:left; display:inline; margin-left:29px; padding:0; width:291px;}

#map {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:290px;
	height:360px;
}
#map a {
	width:290px;
	height:360px;
}
#map a, #map a span {
	display: block;
	margin:0;
	text-indent:-9999px;
	background:url(/img/map.jpg) no-repeat;
}
#map a span {
	height:360px;
	width:100%;
	z-index:100;
}
#map a, #map a:hover {border:none !important;}
#map a {background-position:0 0;}
#map a span {background-position:-290px 0;}

#pbuttons {
	float:left;
	margin:0 0 20px 0;
	padding:0;
	width:570px;
	height:48px;
	list-style:none;
}
#pbuttons li {
	float:left;
	display:inline;
	margin:0 20px 0 0;
	padding:0;
	width:167px;
	height:48px;
}
#pbuttons li a {
	width:167px;
	height:48px;
}
#pbuttons li a, #pbuttons li a span {
	display: block;
	margin:0;
	text-indent:-9999px;
	background:url(/img/pbuttons.jpg) no-repeat;
}
#pbuttons li a span {
	height:48px;
	width:100%;
	z-index:100;
}
#pbuttons li a, #pbuttons li a:hover {border:none !important;}
#pbuttons li a.p1 {background-position:0 0;}
#pbuttons li a.p2 {background-position:-167px 0;}
#pbuttons li a.p3 {background-position:-334px 0;}
#pbuttons li a.p1 span {background-position:0 -48px;}
#pbuttons li a.p2 span {background-position:-167px -48px;}
#pbuttons li a.p3 span {background-position:-334px -48px;}

/* Image Aligns and Styling */
.alignleft, img.alignleft, a img.alignleft {float:left; margin:0 30px 20px 0;}
.alignright, img.alignright, a img.alignright {float:right; margin:0 0 20px 30px;}

#content img, #content a img {
	padding:4px;
	border:1px solid #C3AC8F;
	background-color:#FFF;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
#content img:hover, #content a img:hover {
	border:1px solid #7B5A3D;
	background-color:#FFF;
	-moz-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
	-webkit-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
	box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
}

/* Text H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE,ETC. */
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 20px;}
h1{font-size:28px;}
h2{font-size:24px; border-bottom:2px dotted #e3d0b6;}
h3{font-size:21px;}
h4{font-size:18px;}
h5{font-size:16px;letter-spacing:.5px;}
h6{font-size:13px;letter-spacing:-.25px; text-transform:uppercase; line-height:1.4em;}
span.note {font-size:10px;}
pre,code{font-family:mono-space,monospace; white-space:pre; overflow:auto; padding:10px 15px;}
pre{padding:5px;}
code{background-color:#fffcf8; display:block; border:1px solid #EDDBC3;}
xmp {margin:0; display:inline;}
blockquote {
    float:right;
	color:#ac8a6d;
    font-size:15px;
	font-weight:bold;
    letter-spacing:0;
    line-height:25px;
    margin:15px;
    padding:0 0 0 15px;
    width:33%;
	border-left:4px dotted #e3d0b6;
}

.mini {font-size:92%;}
.big {font-size:116%;}
.thick {font-size:112%;}
.red {color:#af3535 !important;}
.brown {color:#573a11 !important;}
.teal {color:#1e9a9b !important;}
.nopad {margin-bottom:0px !important;}
.fivepad {margin-bottom:5px !important;}
.tenpad {margin-bottom:10px !important;}

#content h1 a:link, #content h1 a:visited, #content h2 a:link, #content h2 a:visited,
#content h3 a:link, #content h3 a:visited, #content h4 a:link, #content h4 a:visited,
#content h5 a:link, #content h5 a:visited, #content h6 a:link, #content h6 a:visited,
#content table a:link, #content table a:visited,
#content p a:link, #content p a:visited,
#content ol li a:link, #content ol li a:visited,
#content dd a:link, #content dd a:visited,
#content blockquote a:link, #content blockquote a:visited,
#content .dotlist a:link, #content .dotlist a:visited,
#content .checklist a:link, #content .checklist a:visited,
#content .arrowlist a:link, #content .arrowlist a:visited
{
	color:#7b5a3d;
	text-decoration:none !important;
	border-bottom:2px solid #e3d0b6;
}

#content h1 a:hover, #content h1 a:active, #content h2 a:hover, #content h2 a:active,
#content h3 a:hover, #content h3 a:active, #content h4 a:hover, #content h4 a:active,
#content h5 a:hover, #content h5 a:active, #content h6 a:hover, #content h6 a:active,
#content table a:hover, #content table a:active,
#content p a:hover, #content p a:active,
#content ol li a:hover, #content ol li a:active,
#content dd a:hover, #content dd a:active,
#content blockquote a:hover, #content blockquote a:active,
#content .dotlist a:hover, #content .dotlist a:active,
#content .checklist a:hover, #content .checklist a:active,
#content .arrowlist a:hover, #content .arrowlist a:active
{color:#1e9a9b; border-bottom:none; border-bottom:2px dotted #e3d0b6;}

.divider, hr {background:url(/img/line.gif) repeat-x scroll center bottom;}
.divider {
	clear:both;
	display:block;
	margin-bottom:30px;
	padding-top:15px;
	width:100%;
}
.top {
	font-size:8px;
	line-height:10px;
	text-align:center;
	position:relative;
	font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;
}
.top a {
	background:#FEF5E9 none repeat scroll 0 0;
	color:#d6bd9d;
	width:auto;
	height:12px;
	position:absolute;
	padding:0 0 0 4px;
	top:7px;
	right:0;
	background-color:#FEF5E9;
	text-decoration:none;
	text-shadow:0 1px 0 #fff;
	-webkit-text-shadow:0 1px 0 #fff;
	-moz-text-shadow:0 1px 0 #fff; 
	border-left:1px solid #fdfaf7;
	box-shadow:-1px 0 0 #eddbc3;
	-webkit-box-shadow:-1px 0 0 #eddbc3;
	-moz-box-shadow:-1px 0 0 #eddbc3; 
}
.top a:hover {
	color:#b9a080;
}
.clearboth {clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}

/* Tables */
table {
	border-collapse:separate;
	border-spacing:0;
	width:100%;
	margin-bottom:20px;
	border:1px solid #eddbc3;
	border-bottom:none;
}
table, td, th {vertical-align:middle;}
th {font-size:11px; text-transform:uppercase;}
td {font-size:13px;; color:#ac8a6d;}
th, td {padding:10px; border-top:1px solid #fdfaf7; border-bottom:1px solid #eddbc3;}
th {background-color:#f7ebdc;}
tr:hover {background-color:#f7ebdc;}

/* Layout Boxes and Box Styles */
.fullwidth {width:890px; margin-right:0; margin-bottom:25px; float:left;}
.onehalf {width:430px;}
.onethird {width:276px;}
.twothird {width:583px;}
.onefourth {width:200px;}
.threefourth {width:660px;}
.onehalf, .onethird, .twothird, .threefourth, .onefourth {margin-right:30px; margin-bottom:25px; float:left;}
.last {margin-right:0 !important; clear:right;}

/* IMPORTANT: Do not use the below classes with any other element than the infoboxes.
   The widths are set to cater to the 75px padding and 2px border on the infoboxes (77px total) */
.half, .third, .fourth {float:left;} 
.half {width:353px;}
.third {width:199px;}
.fourth {width:123px;}
/* END IMPORTANT */
.infobox, .helpbox, .alertbox, .warningbox {
	margin:0 30px 30px 0;
	padding:15px 15px 15px 60px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border-style:solid;
	border-width:1px;
	-moz-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
	-webkit-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
	box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
	font-size: 1.3em;
}
.infobox {
	background:url(/img/info.png) #bfe4f9 no-repeat scroll 15px 10px;
	border-color:#68a2cf;
	color:#2e6093;
}
.infobox a:link, .infobox a:visited {
  color: #2e6093 !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}
.infobox a:hover, .infobox a:active {
	text-decoration: none !important;
}
.helpbox {
	background:url(/img/help.png) #dee3ab no-repeat scroll 15px 10px;
	border-color:#a3c159;
	color:#5e6f33;
}
.helpbox a:link, .helpbox a:visited {
  color: #5e6f33 !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}
.helpbox a:hover, .helpbox a:active {
	text-decoration: none !important;
}
.alertbox {
	background:url(/img/alert.png) #fdebae no-repeat scroll 15px 10px;
	border-color:#e6c555;
	color:#9e660d;
}
.alertbox a:link, .alertbox a:visited {
  color: #9e660d !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}
.alertbox a:hover, .alertbox a:active {
	text-decoration: none !important;
}
.warningbox {
	background:url(/img/warning.png) #ffcccc no-repeat scroll 15px 10px;
	border-color:#ff9999;
	color:#c31b00;
}
.warningbox a:link, .warningbox a:visited {
  color: #C31B00 !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}
.warningbox a:active, .warningbox a:hover {
	text-decoration: none !important;
}

/* Button Links */
button, .button, a.button, button:visited, .button:visited, a.button:visited {
	font-family:Verdana,sans-serif;
	background: #7A593C; /* old browsers */
	background: -moz-linear-gradient(top, #7A593C 0%, #5A381B 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7A593C), color-stop(100%,#5A381B)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7A593C', endColorstr='#5A381B',GradientType=0 ); /* ie */
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 4px rgba(60, 33, 9, 0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 4px rgba(60, 33, 9, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 4px rgba(60, 33, 9, 0.5);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	filter: dropshadow(color=#000000, offx=0, offy=-1); 
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border:1px solid #3c2109 !important;
	margin:0 10px 0 0;
	text-transform:uppercase;
	font-weight:normal !important;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	color:#EADCC9 !important;
	width:auto;
}
button {height:28px;}
button, .button, a.button {display:inline-block;}
button {padding:0 8px 3px;} /* regular padding for html button elements */
.button, a.button {padding:2px 11px 3px;} /* increased padding for a:links with .button class and no height declaration */
button:hover, .button:hover, a.button:hover {
	background: #6B4628; /* old browsers */
	background: -moz-linear-gradient(top, #87674B 0%, #6B4628 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87674B), color-stop(100%,#6B4628)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87674B', endColorstr='#6B4628',GradientType=0 ); /* ie */
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 4px rgba(60, 33, 9, 0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 4px rgba(60, 33, 9, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 4px rgba(60, 33, 9, 0.5);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	filter: dropshadow(color=#000000, offx=0, offy=-1); 
	color:#FEF5E9 !important;
}
button:active, .button:active, a.button:active {
	background: #87674B; /* old browsers */
	background: -moz-linear-gradient(top, #6B4628 0%, #87674B 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6B4628), color-stop(100%,#87674B)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6B4628', endColorstr='#87674B',GradientType=0 ); /* ie */
}
button::-moz-focus-inner, .button::-moz-focus-inner, button:focus, .button:focus, a.button:focus button:active, .button:active, a.button:active {outline:none;}
/* IE6 */
*html button, *html input.button {
	overflow: visible;
	width:0;
	padding-bottom: 0px !important;
}
/* IE7 */
*:first-child+html button, *:first-child+html input.button {
	overflow: visible;
	width:auto !important;
	padding-bottom: 0px !important;
}

/* List Styles */
ul.dotlist, ul.checklist, ul.arrowlist, div#accordion h3 {
	padding-left:10px;
	list-style:none;
}
ul.dotlist li, ul.checklist li, ul.arrowlist li {padding:0 0 4px 22px;}
ul.dotlist li {background: url(/img/dot.png) 0 3px no-repeat;}
ul.checklist li {background: url(/img/check.png) 0 3px no-repeat;}
ul.arrowlist li, div#accordion h3 {background: url(/img/arrow.png) 0 3px no-repeat;}

/* Form Styles */
#content form {
	margin-bottom:25px;
	padding:0;
}
#content form p {
	margin:0 0 8px 0; 
	padding:0;
	height:28px;
	position:relative;
}
#content form input[type="text"], #content form input[type="password"], #content form textarea {
	float:left;
	display:inline;
	margin:0 0 0 20px;
	padding:5px 8px 5px 8px;
	font-family:"Lucida Grande","Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size:13px;
	color:#C3AC8F;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border:1px solid #C3AC8F;
	background-color:#fff;
} 
#content form input[type="radio"], #content form input[type="checkbox"] {
	float:left;
	margin:6px 0 0 7px;
}
#content form p.rbutton, #content form p.checkbox {
	float:left;
	width:27px;
	height:26px;
	margin:0 0 0 20px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border:1px solid #C3AC8F;
	background-color:#fff;
}
#content form p.auto {height:auto !important;}
#content form div.radio, #content form div.check {
	margin:0 0 8px 0; 
	padding:0;
	height:28px;
	width:100%;
}
#content form div.radio label, #content form div.check label {
	float:left;
	color:#7B5A3D;
	margin:0 0 0 5px;
	width:auto;
}
#content form select {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background-color:#fff;
	border:1px solid #C3AC8F;
    color:#7B5A3D;
    font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size:13px;
    outline:none !important;
	margin:0 0 3px 20px;
	height:28px;
	padding:2px 4px;
} 
.onehalf input[type="text"], .onehalf input[type="password"], .onehalf textarea {width:371px !important;}
.onethird input[type="text"], .onethird input[type="password"], .onethird textarea {width:218px !important;}
#content form input[type="text"], #content form input[type="password"] {
	height:16px;
}
#content form textarea {
	margin-bottom:8px;
	height:100px; /* If you change textarea height you MUST also change the height for p.textarea below */
	overflow:auto;
} 
#content form p.textarea {
	margin:0;
	height:116px; /* This MUST be 16px more than the above height value */
}
#content form label {
	height:22px;
	color:#C3AC8F;
	font-size:13px;
	margin:0 0 0 20px;
	padding:3px 8px;
}
#content form input[type="text"]:focus, #content form input[type="password"]:focus, #content form textarea:focus {
	color:#7B5A3D;
	border-color:#7B5A3D;
	-moz-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
	-webkit-box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
	box-shadow: 0px 1px 8px rgba(60, 33, 9, 0.2);
	outline:none 0 !important;
}
#content form input.button {padding:3px 9px 4px !important;}
.floatleft {float:left; margin-right:30px;}
.floatright {float:right; margin-left:30px;}
*:first-child+html #content form textarea, *html #content form textarea {overflow:hidden;} /* IE Specific */

/* FOOTER
---------------------------------- */

#flinks {
	float:left;
	margin:6px 0 0 0;
	padding:0;
	width:960px;
	height:29px;
	list-style:none;
}
#flinks li {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	height:29px;
}
#flinks li a, #flinks li a span {
	display: block;
	margin:0;
	text-indent:-9999px;
	background:url(/img/sprite_flinks.png) no-repeat;
}
#flinks li a span {
	height:29px;
	width:100%;
	z-index:100;
}
#flinks li a, #flinks li a:hover {border:none !important}
.home {margin: 0 0 0 14px !important;}
.andrews {margin: 0 0 0 156px !important;}
#flinks li a.home {width:69px; background-position:0 0}
#flinks li a.contact {width:89px; background-position:-69px 0}
#flinks li a.getinvolved {width:120px; background-position:-158px 0}
#flinks li a.sitemap {width:85px; background-position:-278px 0}
#flinks li a.privacy {width:81px; background-position:-363px 0}
#flinks li a.andrews {width:166px; background-position:-444px 0}
#flinks li a.lasierra {width:165px; background-position:-610px 0}

#flinks li a.home span {background-position:0 -29px}
#flinks li a.contact span {background-position:-69px -29px}
#flinks li a.getinvolved span {background-position:-158px -29px}
#flinks li a.sitemap span {width:85px; background-position:-278px -29px}
#flinks li a.privacy span {width:81px; background-position:-363px -29px}
#flinks li a.andrews span {width:166px; background-position:-444px -29px}
#flinks li a.lasierra span {width:165px; background-position:-610px -29px}

#endcap p {
	text-align:center;
	margin:0;
	padding:0;
	font-size:11px;
	color:#795b36;
}

#accordion h3 {
	cursor: pointer;
	margin-bottom: 8px;
}
#accordion h3 + div {
	padding: 0px 8px 0px;
	border-right: 1px #7b5a3d dotted;
	border-bottom: 1px #7b5a3d dotted;
	border-left: 1px #7b5a3d dotted;
	margin-bottom: 20px;
}


.album-title {
	color: #300;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 5px;
}

.album-description {
	margin-bottom: 80px;
}

.album-wrap {
	display: block;
	width: 99%;
	position: relative;
	margin-top: 70px;
}
.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 65px;
	margin-right: 20px;
	width:155px;
	height:155px;
}

.thumbnail-frame {
	border: 1px solid #e6e6e6;
	padding: 5px;
	margin: 5px;
	position: absolute;
  bottom: 0;
  left: 0;
  width:155px;
}

.thumbnail-frame:hover {
	border: 1px solid #808080;
}

.thumbnail-frame a {
	border-style: none;
}

.thumbnail-frame a:hover {
}

.thumbnail-frame img {
	margin: auto;
  border: none;
}

.thumbnail-caption {
	font-size: 0.8em;
	margin: 3px 0 0 0;
	padding: 0;
	width: 100%;
	display: block;
	line-height: 1.2em;
}
div.dark_rounded .button {
  text-decoration: none;
  position:absolute;
  right:0;top:0;
  display:block;
}