﻿/*
* Global site styles
* Author: Weblink
* Date: Feb 2013
*/

/*
* Default:
*  Primary: c0c
*  Secondary: b00
*/
/*
* Instance colors
*/
body {
	background-color : #2d1d06;
	background-image: url('../images/bck.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	color : #000;
}

a:link, a:visited { color : #0069AA; }

#mainnav-bg { background-color : #014F80; }

#mainnav ul.sf-menu { margin: 0 0 0 90px } /* match left margin to logo's width if it overlaps the menu bar */

#midcontent h2, #midtopcontent h2, #bdcontent h2 { color : #0069AA; } /* page title inside the speach bubble */

#sidebox       { background-color: #0069AA; }
.sideboxsec h4 { color : #fff }

.cta a:link,
.cta a:visited {
	color : #fff;
	background-color : #45611f;
	border : 0;
	background : -moz-linear-gradient(top, #8dc63f 0%, #45611f 100%);
	background : -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#45611f));
	background : linear-gradient(to bottom, #8dc63f 0%, #45611f 100%);
	-ms-filter : "progid:dximagetransform.microsoft.gradient(startcolorstr=#8dc63f, endcolorstr=#45611f)";
	box-shadow : 2px 2px 4px rgba(0,0,0, .3);
}

.cta a:hover,
.cta a:hover {
	background-color : #0076bf;
	background : -moz-linear-gradient(top,#0076bf 0%, #004773 100%);
	background : -webkit-gradient(linear, left top, left bottom, from(#0076bf), to(#004773));
	background : linear-gradient(to bottom, #0076bf 0%, #004773 100%);
	-ms-filter : "progid:dximagetransform.microsoft.gradient(startcolorstr=#0076bf, endcolorstr=#004773)";
	box-shadow : 0px 0px 2px rgba(0,0,0, .3);
}


/* home page */
.hpbox { 
	background-color : #45611F;
}
.hpbox a:link,
.hpbox a:visited { color : #fff }
#hp-content-container { min-height : 10px; overflow : hidden; }
#hpboxes { margin-top : 10px; }
#hpboxes h3 { color : white; }


/* dropdown.css theme colors */
.sf-menu a:link, .sf-menu a:visited,
#mainnav a.main-nav-link:link,
#mainnav a.main-nav-link:visited  { color : white; }

#mainnav a.main-nav-link:hover,
#mainnav li.sfHover a.main-nav-link:link,
#mainnav li.sfHover a.main-nav-link:visited {
	color : rgba(255,255,255,0.6);
	text-decoration : none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.sf-menu li.sfHover ul { background : #004773; }
#mainnav .sf-menu li.sfHover ul a:hover { 
	color: #fff;
	background-color: #0076bf;
	background-color: rgba(0,0,0,.3);
}

.sf-sub-indicator {
	background : url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

#mainnav li a {
	display: block;
	white-space : normal !important; /* override generated styles */
}

/*
* Theme
*/
.leaderboard { margin : 12px auto; width : 728px; }

body {
	margin: 0;
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Calibri, Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 13px;
}

.GeneralBody {
	font-family: Calibri, Arial, Trebuchet MS, Helvetica, sans-serif !important;
	font-size: 16px !important;
	line-height: 18px;
}

/* quicklinks override. match font to body font */
.sideboxsec a:link,
.sideboxsec a:visited {  
	font-family : Calibri, Arial, Trebuchet MS, Helvetica, sans-serif;
}

/* tags */
h1 {
	font-size: 35px;
	letter-spacing: -2px;
	color: white;
	text-align: left;
	margin-top: 0px;
}

#bdcontent h1 { color : #0069AA; }

h2 {
	font-size : 24px !important;
	line-height: 26px;
	letter-spacing: 0 !important;
}

h3 {
	font-size: 20px;
	text-align: left;
	color: #45611f;
}

h3 a:link,
h3 a:visited {
	color : #45611f;
}

h4 {
	margin: 0;
}

h4 a:hover {
	text-decoration:none;
}

h3 + p {
	margin-top : -10px;
}

h4 + p {
	margin-top : 0;
}

#midcontent a:link, #midcontent a:visited {
	text-decoration: none;
}

#midcontent a .cufon {color: #45611f !important; border-bottom: solid 2px #45611f;}
#midcontent a:hover .cufon {border-bottom: solid 2px #fff;}
#midcontent a:hover {
	text-decoration: underline;
}

#midcontent h2 a {color: #66CCFF; font-style: italic;}
#midcontent h2 a:hover, #midcontent h3 a:hover {text-decoration: underline;}

#midcontent h3 a {color: #66AA33; font-style: italic;}

a:link,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

/**
* Layout
*/
.wrap {
	margin: 0 auto;
	width: 960px;
}

#wrap {
	width: 960px;
	margin: 0 auto;
}

#header {
	margin:0;
	padding:0;
	position: relative;
}

#container {
	width: 960px;
	margin:0;
	padding:0;
	position: relative;
}

#headerpics {
	height:436px;
	overflow:hidden;
}

#headercontent {
}

.layer1 {
	position: absolute;
	z-index: 5;
}

.layer2 {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 20;
}

.layer3 {
	position: absolute;
	z-index: 10;
}

#topcurve {
	/* ie 7 */
	#left : 0;
}

.layer4 {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 40;
}

.slideshow {  
    width:   960px;  
    height:  436px;
} 

.slideshow img {
}

#middletop {
	margin: 0 auto;
	width: 960px;
	height : 100px; /* match topcurve image height */
	clear: both;
}

#top {
	width: 960px;
	margin: 0 auto;
}

#middle, #bottom {
	width: 960px;
	margin: 0 auto;
	float: left;
	clear: both;
}

#middle {
	margin-bottom : 12px;
	background-color: white;
}

#subnav {
	width: 766px;
	height: 20px;
	margin: 0 auto;
	padding: 45px 0 0 0;
}

#subnav ul {
	width: 340px;
	float: right; 
	margin: 0;
	list-style: none;
	line-height: normal;
}

#subnav li {
	display: inline;
	text-align: center;
}

#subnav a {
	color: white;
	display: block;
	float: left;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border-right: 1px white solid;
}

#subnav a.last {
	border-right: none;
}

#subnav a:hover {
	color: #cccccc;
}

#topmid {
	height: 177px;
}

#logo {
	width: 210px;
	float: left;
	padding: 40px 0 0 5px;
	margin-right: 10px;
}
	
#subnav, #sitename {
	width: 722px;
	margin:0;
	float: left;
}

#sitename {
    height:104px;
}

#sitename h1 {
	margin : 15px 0 0 0;
}

/*
* Main Navigation
*/
#mainnav-container {
	position : absolute;
	top : 152px;
	left : 0;
	width  :100%;
	height : 67px;
	background-image : url('../images/mainnav_shadow.png');
	background-repeat : repeat-x;
	background-position : bottom left;
	z-index : 30;
}

#mainnav-bg {
	height : 48px;
	background-image : url('../images/mainnav_bg.png');
	background-repeat : repeat-x;
	background-position : top left;
}

#mainnav {
	margin: 0 auto;
	padding: 15px 0 0 0;
	width: 960px;
	height: 33px;
	line-height : 1;
}

#mainnav ul {
	padding : 0;
	list-style: none;
	line-height: normal;
}

#mainnav li {
	display: inline;
}

#mainnav a.main-nav-link {
	display: block;
	float: left;
	padding: 0 8px 0px 8px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border-right: 1px white solid;
	text-align: center;
}

#mainnav li li {
	text-align : left;
}

#mainnav a.last {
	border-right: none;
}

#banner1 {
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
}

#content {
	width: 960px;
	float: left;
	padding: 160px 0 0 0 !important;
	padding: 190px 0 0 0;
}

#bdcontent {
	width: 930px;
	float: left;
	margin: 0 15px 0 0;
	border-bottom:10px white solid;
	border-right:15px white solid;
	border-left:15px white solid;
	background-color: white;
}

#midtopcontent {
	width: 595px;
	float: left;
	margin: 0 5px 0 15px;
}

#midcontent {
	width: 595px;
	float: left;
	margin: 0 5px 10px 15px;
}

#midcontent h1{
	color: black;
}

#midcontent h2, #midtopcontent h2, #bdcontent h2 {
	font-size: 20px;
	letter-spacing: -1px;
	text-align: left;
	padding: 3px 0 0 8px !important;
}

#contenttitle {
	margin : 16px 0;
	background-image: url('../images/h2_bck.png');
	background-position: left top;
	background-repeat: no-repeat;
	width: 590px;
	height: 55px;
}

#midcontent p, #bdcontent p {
}

.hpbox {
	width: 270px !important;
	height: 150px;
	float: left;
	margin: 5px;
	padding: 8px 8px 18px 8px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
}

.hpbox .jcarousellite {
	max-height : 104px !important;
}

.hp-view-all {
	margin : 8px 0 0 0;
	padding : 0 0 0 10px;
	font-size : 10px;
}

#hpboxes h3 {
	font-size: 15px;
	line-height: 11px;
	text-align: left;
	margin: 8px 0 10px 5px;
}


#footer {
	width: 920px !important;
	width: 910px;
	float: left;
	padding: 20px !important;
	padding: 10px;
	background-color: #0d0902;
	color: #666666;
}

#footer a {
	color:white;
}

#pagecontent {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px #c8c6b1 solid;
}

#topsidebar {
	width: 300px;
	float: left;
	margin: 0 0 0 10px;
}

#sidebar {
	width: 300px;
	float: left;
	margin: 0 0 10px 10px;
}

.cta {
	margin : 0 0 12px 0;
}

.cta img {
	margin-top:5px;
}

.cta a:link,
.cta a:visited {
	margin : 0;
	padding: 20px 0 0 0;
	width: 300px;
	height: 60px;
	display: block;
	text-align: center;
	margin: 0;
	font-size: 24px;
	-ms-border-radius : 14px;
	border-radius : 14px;
}

#quicklinks ul, .sitemapcol ul {
	margin: 0 auto;
	list-style: none;
	padding: 0;
}

#follow, #banner2 {
	margin: 0 auto;
	padding: 20px 0;
}

#photocreds {
	font-size: 10px;
}

#copyright {
	border-top: 2px #c8c6b1 solid;
	margin: 15px auto;
	padding: 15px 0;
}

#contactinfo {
	width: 520px;
	float: left;
}

#weblink {
	width: 400px;
	float:left;
	text-align: right;
	color:white !important;
}
.sideboxsec {
	margin: 0 auto;
	text-align: left;
	padding: 15px;
}

.squaread {
	margin : 15px 0;
}

/***************************************************************/

#sidebox a:hover {
    text-decoration:underline;
}
#sidebox a {
	color: white !important;
}

.directory_maincontent a {
    font-weight:normal;
}

.directory_maincontent_container h1, .directory_header h1 {
	color:black;
}

#bdtopcontent {
	height:80px;
	overflow : hidden;
}

.scrollingcontainer {margin: 5px 0;}
.scrollingcontainer_div {width: 250px;margin: 10px;}
.jcarousellite {display:block;margin:8px 0 0 10px; color: #444;}
.Event_List_Scrolling_1 a {font-size: 14px;}
.Event_List_Scrolling_1 a:hover {}
.Event_List_Scrolling_1 li {margin:0 0 5px 0;overflow:hidden;padding: 0;}
.Event_List_Scrolling_1_date {/*border-bottom: #999999 1px solid;*/
	color: #ddd;
}

.NewMembers_Container { margin : 0; padding : 0; }
.NewMembers_Container li { margin : 0 0 5px 0; }
.News_List_Scrolling_1 {
	list-style:none;
	color: #ddd;
}

.News_List_Scrolling_1 li {
	margin : 0 0 5px 0;
}

.News_List_Scrolling_1 a {
	font-size : 14px;
}

.News_List_Scrolling_1 a, .News_List_Scrolling_1 a:visited {
}

.NewMembers_Container{list-style:none;}

#topcats {
	margin:8px 0 0 5px;
}

.news1_date_container {
	color:#444;
	font-size:11px;
}

cufon {
	margin-top:7px !important;
}

.cufon-loading h1,
.cufon-loading h2,
.cufon-loading h3,
.cufon-loading h4  { /* for Cufon.replace('h1,h2,h3,h4') */
	visibility: hidden !important;
}

.directory_quicklink_container h2, .searchfor h2, .matchResultCategory h2 {
	background-image: url('../images/h2_bck.png');
	background-position: left top;
	background-repeat: no-repeat;
	width: 590px;
	height: 55px;
}

#content_EmailForm1_cmdSend {
	width:80px;
}

.sideboxsec h4 {
	font-size:18px;
}

#quicklinks_quicklinks1_mnuWebMenu {
	margin: 10px 0 0 10px;
}

#quicklinks_quicklinks1_mnuWebMenu td {
	padding-bottom : 2px !important;
	white-space : normal !important;
	line-height : 1;
	font-family: Calibri, Arial, Trebuchet MS, Helvetica, sans-serif !important;
	font-size: 13px !important;
}

#quicklinks_quicklinks1_mnuWebMenu a:link,
#quicklinks_quicklinks1_mnuWebMenu a:visited {
	font-size: 13px !important;
}

.portal-ql-container {
	margin : 0 0 0 10px;
}

.portal-ql-container #quicklinks_quicklinks1_mnuWebMenu {
	margin: 0;
}

.portal-ql-container #Table1 {
	margin-left: -2px;  /* accomodates cellspacing */
}

#EventDetailHeader1_lblEventName {
	font-size:20px !important;
	margin-left:-2px;
}

a.big-button,
#midcontent a.big-button {
	display : inline-block;
	padding : 6px 13px;
	border-radius : 12px;
	background : #c0c;
	color : #fff;
	font-size : 18px;
	text-decoration : none;
}

/* directory */
#bdcontent .directory_container h2 {
	padding: 0;
}

/* global classes. at bottom for highest precedence in file */
/* for images, usually */
img.left  { float : left;  margin : 0 8px 8px 0; }
img.right { clear: right; float : right; margin : 0 0 8px 8px; }

.float-fix { min-height : 1px; overflow:hidden; }

.display-grid {
}

.display-grid th {
	text-align : left;
}

.display-grid th,
.display-grid td {
	padding : 0 0 3px 0;
}

.display-grid th + th,
.display-grid td + td {
	padding-left : 9px;
}

/* edit 2 button */
.edit-2,
.edit-2:link,
.edit-2:visited {
	display : inline-block;
	margin : 2px 0;
	padding : 2px 4px;
	background : linear-gradient(to bottom, #666 0%, #333 100%);
	border : 1px solid #333;
	border-radius : 2px;
	color : #fff;
	box-shadow : inset 0 1px 0 rgba(255,255,255, 0.3);
	line-height : 1;
}

/* Other styles */

.string-wrap { 
    word-wrap: break-word;
}

.photo {
	box-shadow: 3px 3px 3px rgba(0,0,0,.5);
	margin: 5px;
}

.clear-float {
	clear: both;
	height: 1%;
}

.member-ben ul li {
	margin-top: 8px;
}

.logo-link {
	display: block;
	border: solid thin black;
	padding: 10px;
	margin-bottom: 30px;
}