/*
THEME NAME: Affinity Corporate Site 
DESCRIPTION: SiteControl theme created for Affinity Group Credit Unions Corporate Site.
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 0.1
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
/* Moved to header so it can be controled with PHP */
/*@import url('sandbox-layouts/2c-l.css');*/

/* Just some example content */
div#header{background:#5A1625 url(images/header-background.jpg) repeat-x; position:relative; height:102px;}
img#header-lattice {position:absolute; right:0; top:0;}
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul a:hover {text-decoration:underline;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}

.entry-title{clear:both; margin-bottom: 0; }
div#container,div.sidebar{margin-top:-8px; position:relative; z-index:10;}
div#container {min-height:250px;}
#container {background:url(images/side-bar.jpg) no-repeat;}
#content{position:relative;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}
div.sidebar a { text-decoration: none; }
div.sidebar a:hover { text-decoration: underline; }

#primary.sidebar {background:url(images/side-bar.jpg) repeat-y;}


div#footer{text-align:center;background-color:#FFF1D0; padding:1em 0; color:#7C9799; border-top:1px solid #AAAAAA;}

/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}

body {background:#000000 none repeat scroll 0 0; color:#555555; font-family:Tahoma,Calibri,Arial,Verdana,sans-serif; font-size:.9em;}
body.home {text-align:center;}

a img {border:none;}
h1 {margin:0; padding:0;}
h2 a, h2 {color:#044466; margin:0; padding:0 0 0.5em 0; font-style:italic;}
h3 a, h3 {color:#96223C; margin:0; padding:0;}
p {margin:0 auto 0.5em auto;}
b, strong {color:#96223C;}

#wrapper { /*max-*/width:791px; margin:5% auto 0; padding:0; background: #fff url(images/body_background.jpg) repeat-y -260px 0; border:1px solid #666666;}

body.home div#header {height:120px; background:home_header.jpg;}
body.home #wrapper {background:#fff url(images/home_background.gif) center top no-repeat;}
body.home #header {position:relative; background:#95233C url(images/header-background.jpg) repeat-x bottom;}
body.home #mast-logo {position:absolute; left:135px; bottom:0;}
body.home img#header-lattice {display:none;}
body.home #container {background:none; height:500px;}

div.home {position:relative; padding-left:60px; padding-right:60px; margin-bottom:2em;}
	div.home a {text-decoration:none;}
	div.home img {margin:auto;}
	div.home img.logo-bullet {margin-right:5px;}
	div.home img#power-of-partnership {margin-bottom:2.5em;}
	div.home #cu-pros, div.home #cu-members {text-align:center; width:185px; float:left; padding:.5em;padding-bottom:2em;}
	div.home #cu-pros {border-right:2px solid #000;}
	
	#audience-selection #pros, #audience-selection #members {display:block; position:relative; z-index:200; float:left; width:295px; margin-left:60px; margin-top:125px; padding:5px; padding-bottom:10px; overflow:hidden; background:url(images/home_page_button_frame.gif) bottom center no-repeat;}
	#audience-selection #pros .label-img, #audience-selection #members .label-img {position:absolute; top:0; left:0; z-index:100;}
	#audience-selection #pros .photo, #audience-selection #members .photo {}
	#audience-selection #pros p, #audience-selection #members p {padding-left:.5em; padding-right:.5em; padding-top:10px;}
	#audience-selection h3 {font:1.25em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#7ca4af; padding-top:7px; height:35px;}
	#audience-selection .copy {background:#fff url(images/audience_button_back.jpg) repeat-x;}
	#audience-selection .copy img {vertical-align:middle;}
	#audience-selection .copy p {text-align:left;}
	#audience-selection a {text-decoration:none;}
	
	#audience-selection #power-of-partnership {position:absolute; top:20px; left:105px;}

.skip-link { display: none; }

ul#menu.vertical {display:block; text-align:right; padding-right:.5em; padding-left:.5em; padding-top:.5em; color:#FFF1D0; list-style-type:none;}
ul#menu.vertical a, ul#menu.vertical a:visited {color:#FFF1D0;}
ul#menu.vertical a {display:block; padding-right:32px; background:url(images/menu_marker.jpg) no-repeat right;}
ul#menu.vertical li.current_page_item a {background:url(images/menu_marker_active.jpg) no-repeat right;}
ul#menu.vertical li ul {font-size:70%; list-style-type:none;}
ul#menu.vertical li ul a {background:none;}
ul#menu.vertical li.current_page_item ul a {background:none;}

#menu.vertical.main {font-size:120%;}

ul#inner-button {text-align:left; list-style-image:url(images/menu_marker.jpg)}
ul#inner-button a {color:#044467; font-weight:bold;}

.entry-title a { text-decoration: none; }
.entry-date { text-align: right; margin-top: -1.5em; font-style: italic; }
#search .widgettitle { display: none; }

#mast-logo {position:relative; z-index:999;}

.bio-callout {float:right; background-color:#FEF6E1; margin:45px -8px auto 2em; padding:0.5em; padding-right:30px; border:3px solid #C9D6E1; border-right:none; width:55%; position:relative;}
	.bio-callout .portrait {position:absolute; top:-50px; left:-30px;}
	.bio-callout h1, .bio-callout h2 {text-align:right; border:none; font-size:120%}
	.bio-callout h1 {color:#044466; font-size:150% /*margin-bottom:-25px;*/}
	.bio-callout h2 {color:#5B92A9; border-bottom:1px solid #96223C; padding-left:100px;}

.bio {background-color:#E2EAEF; padding:0.5em; padding-right:30px; border:3px solid #C9D6E1; position:relative;}
	.bio .portrait {float:right; position:relative; right:-20px;}
	.bio h1, .bio h2 {text-align:right; border:none; font-size:120%}
	.bio h1 {color:#044488; font-size:150% /*margin-bottom:-25px;*/}
	.bio h2 {color:#6192A9; border-bottom:1px solid #96223C; padding-left:100px;}

img.thumb-alt {float:left; margin-right:1em;}

	
.partner {float:left; margin:15px;}

#press-releases {margin-left:auto; list-style-type:none;}
#press-releases img {margin-right:10px;}
#press-releases a {font-size:115%; color:#000; display:block;}
#press-releases li {margin-bottom:.5em; background:#D4D4D4; padding:.5em; margin-right:-.5em; border:2px solid #e8e8e8; border-right:none; border-top:none;}

.datatable {border-width:1px; border-style:solid; border-color:#741B2F; margin-bottom:1em; width:90%;}
.datatable thead th {color:#fff; font-size:125%; background:#741B2F; padding:10px 6px;}
/*	.table1 tbody th {color:#fff; font-size:115%; background:#88b8db url("images/sprites.gif") repeat-x 0 -1400px; padding:6px;} */

.datatable tbody th {padding:4px 5px; border-top:1px solid #666; border-right:1px solid #666; background-color:#fff; color:#333; vertical-align:top; text-align:center;}
.datatable tbody th a, .datatable tbody th a:visited {color:#fff;}
.datatable tbody th.sub {font-size:100%; color:#000; background:#efefef /*url("images/sprites.gif") repeat-x 0 -1500px*/; padding:6px; border-bottom:0; border-top:1px solid #741B2F`;}
.datatable tbody th.sub_nocontent {background:#efefef; border:0; border-right:1px solid #420000;}
.datatable tbody {border-bottom:1px solid #741B2F;}

.datatable td {padding:4px 5px; border-top:1px solid #741B2F; vertical-align:top; border-right:1px solid #741B2F;}
.datatable td.apy {text-align:right; white-space:nowrap;}
.rowone {background-color:#E7EFE7;}
.rowtwo {background-color:#fff;}