/* *************************** 
  Site - ABGF
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
  $7 CSS Tableless Form
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
blockquote{
	font-size:15px;
	color:#8ebcc0;
	font-weight:bold;
	line-height:18px;
	padding: 10px 15px 12px 15px;
	}
address{
	font-size:8px;
	font-weight:bold;
	color:#000;
	padding-top:18px;
	line-height:10px;
	font-style:normal;
	}
   
* {
	margin: 0;
	padding: 0;
}
a {
	color:#488b89;
	text-decoration:none;
}
a:hover {
	color:#914653;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
li {
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}
/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
	text-align:center;
	font:12px Helvetica, Arial, sans-serif;
	background:#7facb0;
}
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}
#container {
	min-height:100%;
	height:auto;	
	width:960px;
	padding:0 8px;
	margin:0 auto;
	text-align:left;
	background:url(../images/bg_container.png) center repeat-y;
	color:#000;
}

* html #container{height:100%;}/* ie6 and under*/

/* *************************** 
   $3 Header Styles
   ***************************/
#header {
	background:#fff;
	width:100%;
	position:relative;
	height:161px;	
}
#header h1{
	position:absolute;
	left:15px;
	top:11px;
	width:165px;
	height:105px;
	}
#header h1 a{
	width:165px;
	height:105px;
	display:block;
	background:url(../images/bg_logo.png) no-repeat;
	text-indent:-9999px;
	outline-style:none;
	}
#header h1 a img{
	display:none;
	}
#header .sponsor_top{
	position:absolute;
	left:806px;
	top:-10px;
	width:140px;
	height:120px;
	}
#header .sponsor_top a{
	width:140px;
	height:120px;
	display:block;
	text-indent:-9999px;
	background:url(../images/bg_logo2.png) no-repeat 50% bottom;
	}
#header .sponsor{
	position:absolute;
	left:806px;
	top:88px;
	width:140px;
	height:17px;
	}
#header .sponsor a{
	width:140px;
	height:17px;
	display:block;
	text-indent:-9999px;
	background:url(../images/bg_logo2.png) no-repeat;
	}
#header .sponsor img{
	display:none;
	}
.sponsor .sponsorItem
{
	text-align:center;
}
.mainnav{
	width:945px;
	padding-left:15px;
	background:#000;
	height:31px;
	position:absolute;
	left:0;
	bottom:0;
	}
.mainnav li{
	float:left;
	height:22px;
	}
.mainnav li a{
	text-align:center;
	float:left;
	padding:0 24px;
	line-height:31px;
	font-weight:bold;
	color:#fff;
	height:31px;
	}
.mainnav li a:hover{
	color:#914653;
	text-decoration:none;
	}
.mainnav li.selected a,.mainnav li.selected a:hover{
	color:#458987;
	background:url(../images/bg_selected.png) repeat-x;
	text-decoration:none;	
	}
.formbox{
	position:absolute;
	right:10px;
	bottom:4px;
	float:none;
	height:15px;
	}
.formbox input{
	vertical-align:middle;
	}
.formbox .search{
	width:99px;
	padding-left:3px;
	height:13px;
	border:#000 1px solid;
	color:#914653;
	font-size:10px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	}
/* *************************** 
   $4 Content Styles
   ***************************/
 #container .homepage #right{
	 padding-bottom:0;
	 }
#content {
	background:#fff;
	width:100%;
	overflow:hidden;
	padding-top:14px;
    }
 #container .homepage #middle{
	 padding-bottom:0;
	 }
#middle{
	float:left;
	width:550px;
	padding-bottom:10px;
	}
.galleryview{
	width:550px;
	height:425px;
	position:relative;
	visibility:visible;
	}
.panel{
	overflow: hidden;
	width:550px;
	height:425px;
	position: absolute;
	top: 0px;
	left: -3px;
	display: block;
	}
.panel-overlay{
	position:absolute;
	left:1px;
	top:49px;
	width:224px;
	padding-left:24px;
	padding-right:10px;
	color:#fff;
	z-index:999px;
	background:#34383b;
	opacity:0.80;
	-moz-opacity:0.80;
	filter:alpha(opacity=80);
	}
#middle .panel-overlay h2{
	font-size:27px;
	padding-top:15px;
	padding-bottom:5px;
	background:none;
	padding-left:0;
	margin-bottom:0;
	width:224px;
	font-weight:bold;
	}
#middle .panel-overlay p{
	font-size:11px;
	line-height:18px;
	color:#fff;
	padding-bottom:0;
	}
.panel-overlay a{
	color:#fff;
	font-size:11px;
	display:block;
	margin-bottom:14px;
	text-decoration:underline;
	}
.panel-overlay a:hover{
	color:#fff;
	text-decoration:none;
	}
	
	
	
	
#middle h2{
	padding-left:15px;
	width:535px;
	background:#7facb0;
	font-size:18px;
	color:#fff;
	padding-top:7px;
	padding-bottom:7px;
	font-weight:normal;
	margin-bottom:15px;
	}
#middle h2 a{
	color:#fff;
	}
#middle h2 a:hover{
	color:#fff;
	text-decoration:underline;
	}
.page{
	width:100%;
	overflow:hidden;
	}
.pageleft{
	float:left;
	width:257px;
	padding-right:13px;
	}
#container .categorypage p{
	font-size:12px;
	line-height:15px;
	}
#middle .pageleft p{
	font-size:20px;
	color:#914653;
	font-style:italic;
	line-height:20px;
	padding-top:10px;
	padding-bottom:2px;
	}
.pageleft span{
	font-size:10px;
	color:#000;
	}
.pageright{
	float:left;
	width:280px;
	margin-top:-3px;
	}
#middle .pageright p{
	line-height:15px;
	}
#middle p{
	line-height:15px;
	font-size:12px;
	padding-bottom:8px;
	}
.pageright h3, #list_intro h3{
	font-size:16px;
	color:#488b89;
	padding-bottom:6px;
	}
.pageright h4, #list_intro h4{
	font-size:13px;
	color:#488b89;
	padding-bottom:6px;
	}
.pageright h5, #list_intro h5{
	font-size:12px;
	color:#7facb0;
	padding-bottom:6px;
	}
.pageright p.top a{
	color:#666;
	text-decoration:underline;
	}
.pageright p.top a:hover{
	color:#914653;
	text-decoration:underline;
	}
.pageright a{
	color:#488b89;
	text-decoration:underline;
}
.pageright a:visited
{
	color:#666666;
	text-decoration:underline;
}
.pageright a:hover{
	color:#914653;
	}
.pageright .list li{
	padding-left:10px;
	background:url(../images/bg_dot.png) 1px 6px no-repeat;
	padding-left:10px;
	line-height:14px;
	padding-bottom:3px;
	font-size: 12px;
	}
.items{
	margin-top:10px;
	width:100%;
	overflow:hidden;
	}

.items li{
	float:left;
	width:270px;
	margin-right:10px;
	padding-bottom:28px;
	}
	
.items li.even{
	margin:0;
	}
.items li img{
	float:left;
	margin-right:14px;
	}
.items li h3{
	font-size:13px;
	color:#fcfefe;
	background:#7facb0;
	width:258px;
	padding:4px 0 4px 12px;
	margin-bottom:13px;
	}
.items li h3 a{
	color:#fff;
	text-decoration:none;
	}
.items li h3 a:hover{
	color:#fff;
	text-decoration:underline;
	}
	
.items li.structcontent
{
    float:left;
	width:270px;
	margin-right:10px;
	padding-bottom:28px;
}
.items li.structcontent2
{
	margin-right:0px !important;
}

#middle .items li p{
	padding-bottom:2px;
	}
.items li a.more,.listpage li a.more{
	color:#488b89;
	text-decoration:underline;
	}
.items li a.more:hover,.listpage li a.more:hover{
	color:#914653;
	}
#middle .items li p a ,.listpage li a{
	text-decoration:underline;
	}
#middle .items li p a:hover,.listpage li a:hover{
	color:#914653;
	text-decoration:underline;
	}
a.color1,a.color1:hover{
	color:#7facb0;
	text-decoration:underline;
	}
.listpage li{
	width:100%;
	overflow:hidden;
	padding-bottom:16px;
	}
.listpage li img{
	float:left;
	}
.listpage li .liright{
	float:left;
	margin-left:13px;
	width:440px;
	}
.listpage li h3{
	background:#7facb0;
	font-size:13px;
	color:#fcfefe;
	padding:3px 0 4px 13px;
	margin-bottom:13px;
	}
.listpage li h3 a{
	color:#fff;
	text-decoration:none;
	}
.listpage li h3 a:hover{
	color:#fff;
	text-decoration:underline;
	}
#middle .listpage li p{
	padding-bottom:0px;
	}
.sponsorbox{
	width:100%;
	overflow:hidden;
	padding-bottom:10px;
	}
.sponsorbox h4{
	font-size:12px;
	color:#666;
	padding-bottom:4px;
	}
.sponsorbox ul li{
	border-left:#d1d3d4 1px solid;
	float:left;
	padding:0 24px;
	height:85px;
	}
.sponsorbox ul li img{
	vertical-align:middle;
	}
.sponsorbox ul li.first{
	border:0;
	padding-left:4px;
	}
#middle .sponsorbox.last{
	padding-bottom:130px;
	}
#formbox{
	width:535px;
	padding: 0 0 0 15px;
	color:#000;
	}
#formbox h3{
	font-size:16px;
	font-weight:normal;
	padding:0 0 10px 0;
	
	}
#formbox h5{
	font-size:12px;
	font-weight:normal;
	padding:10px 0 8px 0;
	font-weight:bold;
	}
#formbox p{
	width:100%;
	overflow:hidden;
	}
#formbox label{
	margin-right:8px;
	margin-left:3px;
	}
	
#formbox .last{
	margin-right:0;
	}
#maincontent #formbox p.labelbox {
	padding-top:8px;
}
#formbox .labelbox label{
	float:left;
	width:80px;
	margin:0;
	padding-top:5px;
	line-height:20px;
	font-weight:bold;
	}
#formbox .labelbox .labelbox_right {
	float:left;
	width:400px;
	padding-top:10px;
}
#formbox .labelbox .labelbox_right input {
	float:left;
	width:auto;
	height:auto;
	margin-right:6px;
}
#formbox .labelbox input,#formbox .labelbox textarea{
	height:24px;
	width:195px;
	padding:2px 0 0 5px;
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif;
	border:#000 1px solid;
	color:#000;
	vertical-align:middle;
	}
#formbox .labelbox textarea{
	height:80px;
}
#formbox .button input{
	color:#fff;
	background:#000;
	height:20px;
	width:90px;
	border:0;
	line-height:20px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	cursor:pointer;
	padding:0 0 2px 0;
	
	}
#subscribebox p{
	margin-left:-15px;
	}
#subscribebox{
	padding:0 0 30px 15px ;
	}
#formbox .inputForm .row{
	padding:0 0 0 0;
	}
/* *************************** 
   $5 Sidebar Styles
   ***************************/
#left{
	float:left;
	padding-left:15px;
	width:166px;
	padding-right:14px;
	padding-bottom:5px;
	}
#left p{
	font-size:22px;
	color:#914653;
	line-height:23px;
	font-weight:bold;
	padding-bottom:50px;
	padding-right:2px;
	}
#left p a{
	font-size:22px;
	color:#914653;
	line-height:23px;
	font-weight:bold;
	padding-bottom:121px;
	padding-right:2px;
    text-decoration:none;
	}
.subnav{
	width:166px;
	overflow:hidden;
	}
.subnav li a{
	float:left;
	background:#7facb0 url(../images/bg_a.png) bottom repeat-x;
	width:150px;
	padding:7px 0 9px 16px;
	line-height:13px;
	color:#fff;
	text-decoration:none;
	}
.subnav li a:hover{
	text-decoration:none;
	color:#914653;
	}
.subnav li{
	width:166px;
	float:left;
	}
.subnav li ul{
	width:100%;
	}

.subnav li li a{
	width:130px;
	float:left;
	padding:8px 0 9px 36px;
	line-height:13px;
	background:#7facb0 url(../images/bg_a.png) bottom repeat-x;
	}
.subnav li a.sponsors{
	background:#000;
	color:#fff;
	}
.subnav li a.sponsors:hover{
	color:#fff;
	}
.archive{
	background:url(../images/bg_archive.png) top no-repeat;
	width:165px;
	color:#2f5f5e;
	margin-top:16px;
	padding-bottom:8px;
	}
.archive h3{
	width:135px;
	padding-left:3px;
	margin:0 auto;
	font-size:12px;
	color:#000;
	padding-bottom:2px;
	padding-top:8px;
	border-bottom:#000 1px solid;
	}
.archive ul{
	width:138px;
	margin:0 auto;
	margin-top:6px;
	}
.archive ul li{
	font-size:12px;
	margin-bottom:9px;
	}
.archive ul li a{
	color:#000;
	}
.archive ul li a:hover{
	color:#914653;
	}	
	
#right{
	float:left;
	width:185px;
	margin-left:15px;
	display:inline;
	}
#right .links{
	width:100%;
	}
#right .links li{
	width:172px;
	padding-left:13px;
	color:#fff;
	margin-bottom:6px;
	}
#right .links li a,#right .links li a:hover{
	color:#fff;
	}
#right .links li h4{
	font-size:14px;
	padding-top:10px;
	padding-bottom:5px;
	}
#right .links li p{
	font-size:11px;
	line-height:15px;
	padding-right:50px;
	padding-bottom:4px;
	}
#right .links .donate{
	background:url(../images/bg_shoponline.png) no-repeat;
	height:73px;    
	}
#right .links .shop{
	background:url(../images/bg_donate.png) no-repeat;
	height:73px;
	color:#fff;
	}
#right .links .shop a,#right .links .shop a:hover{
	color:#fff;
	}	
#right .links .events{
	background:#7facb0 url(../images/bg_event.png) top right no-repeat;
	width:170px;
	border-bottom:#6b8f8e 1px solid;
	border-top:#aec3c2 1px solid;
	border-left:#92adac 1px solid;
	border-right:#9bb4b3 1px solid;
	padding-bottom:6px;
	}
#right .links .greenmail{
	background:url(../images/bg_greenmail.png) no-repeat;
	color:#fff;
	height:73px;
	}
#right .links .greenmail a,#right .links .greenmail a:hover{
	color:#fff;
	}
#right .links .news{
	background:#7facb0 url(../images/bg_news.png) top  right no-repeat;
	width:170px;
	border-bottom:#6b8f8e 1px solid;
	border-top:#aec3c2 1px solid;
	border-left:#92adac 1px solid;
	border-right:#9bb4b3 1px solid;
	padding-bottom:8px;
	}
#right .links .news span{
	display:block;
	}
#content p.bottom{
	padding-top:26px;
	background:url(../images/bg_text.png) center bottom no-repeat;
	width:100%;
	height:68px;
	clear:both;
	text-indent:-9999px;
	outline-style:none;
	}  
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer {
	width:100%;
	color:#fff;
	background:#000;
	overflow:hidden;
	padding-top:12px;
	padding-bottom: 20px;
}
#footer .footer_left{
	float:left;
	padding-left:15px;
	width:560px;
	}
#footer .footer_left h3{
	font-size:18px;
	font-weight:normal;
	padding-bottom:14px;
	}
#footer .footer_left .margin{
	margin-bottom:20px;
	}
#footer .footer_left h4{
	font-size:12px;
	color:#fefeff;
	}
#footer .footer_left .col{
	float:left;
	width:140px;
	}
#footer .footer_left .col li a{
	color:#d1d3d4;
	font-size:10px;
	text-decoration:none;
	}
#footer .footer_left .col li li{
	padding-left:8px;
	}
#footer .footer_right{
	float:right;
	margin-right:15px;
	display:inline;
	width:370px;
	text-align:right;
	padding-top: 5px;
	}
#footer .footer_right p{
	padding-top:12px;
	font-size:12px;
	line-height:14px;
	padding-bottom:7px;
	}
#footer .footer_right p span{
	display:block;
	}
#footer .footer_right ul{
	font-size:9px;
	color:#fff;
	padding-left:26px;
	}
#footer .footer_right ul li{
	float:left;
	}
#footer .footer_right ul li a {
	color:#fff;
	text-decoration:none;
	}
	
	
#footer .footer_left h4 a{
	font-size:12px;
	color:#fefeff;
	text-decoration:none;
	}


/* *************************** 
   $7 CSS Tableless Form
Credits: Dynamic Drive CSS Library 
URL: http://www.dynamicdrive.com/style/

   ***************************/
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
  padding-left: 155px;/* */ /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.listpage li .noimage
{
	margin-left:0px !important;
	width:550px !important;
}