/*  
Theme Name: Georgia ABA
Theme URI: http://www.CollectiveCore.com
Description: This theme was designed and developed exclusivly for the Georgia Association for Behavior Analysis.
Author: Collective Core
Author URI: http://www.CollectiveCore.com/
Version: 2.0

Built using TextMate on a Mac.

NOTES: Coding is an artform. Please respect my art by not reproducing it without written consent. I make my code
easily readable for learning purposes. Feel free to view my code as a tutorial, but please don't copy it verbatim.
Please contact the me at http://www.CollectiveCore.com/contact/ with any questions, comments, concerns, or suggestions.
*/

/*----------------------------------------------------------------------------
RESET
-----------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


/*----------------------------------------------------------------------------
 GENERAL
-----------------------------------------------------------------------------*/

html, body {
	height:100%;
}

body {
	color: #353535;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.21;
}

#siteContainer {
	width: 100%;
	height:auto !important;
	min-height: 100%;
	position: relative;
}

#bodyContainer {
	background: #ffffff;
	width: 100%;
}

h1 {
	font-size: 24px;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 20px;
	margin: 0 0 10px 0;
}

h3 {
	font-size: 16px;
	margin: 0 0 10px 0;
}

h4 {
	font-size: 12px;
	margin: 0 0 10px 0;
}

h5 {
	font-size: 8px;
	margin: 0 0 10px 0;
}

p {
	margin: 0 0 10px 0;
}

a {
	text-decoration: underline;
	outline:none;
	font-weight: 400;
	color: #c68c02;
}

a:focus, a:hover {
	text-decoration: underline;
	color: #e6af33;
}

.clear {
	clear:both;
	margin:0;
	padding: 0;
}

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

#headerContainer {
	height: 73px;
	background: url(../images/header_bg.gif) 21px 0;	
}

#headerContainer .left {
	float: left;
	height: 73px;
	width: 159px;
	background: url(../images/header_left.gif) top left;
}

#headerContainer a.right {
	float: right;
	height: 73px;
	width: 193px;
	background: url(../images/header_right.gif) bottom right no-repeat;
}

#navbarFullContainer {
	height: 19px;
	background: url(../images/navbar_bg.gif) top left;
	width: 100%;
	overflow: visible;
}

#navbarContainer {
	height: 19px;
	width: 960px;
	overflow: visible;
}

#navbarContainer .left {
	float: left;
	height: 19px;
	width: 159px;
	background: url(../images/navbar_left.gif) top left no-repeat;
}

#underbarContainer {
	height: 7px;
	background: url(../images/underbar_bg.gif) top left repeat-x;	
}

#underbarContainer .left {
	float: left;
	height: 7px;
	width: 159px;
	background: url(../images/underbar_left.gif) top left no-repeat;
}

#subNavbarContainer .left {
	float: left;
	height: 89px;
	width: 159px;
	background: url(../images/subnav_left.gif) top left no-repeat;
}

#subNavbarContainer .leftRight {
	float: right;
	height: 50px;
	width: 82px;
	margin: 5px 0 0 0;
	background: url(../images/date_left.gif) 0 5px repeat-x;
}

#subNavbarContainer .right {
	float: right;
	height: 50px;
	padding: 0 20px;
	margin: 5px 0 0 0;
	background: url(../images/date_bg.gif) 0 5px repeat-x;
}

ul#navigation {
	float: left;
	list-style: none;
	font-size: 13px;
	width: 800px;
	text-align: center;
	margin: 0 0 0 -10px;
}

ul#navigation li {
	float: left;
	position: relative;
}

ul#navigation li a {
	color: #353535;
	padding: 3px 16px 0 16px;
	text-decoration: none;
	display: block;
	text-shadow: 1px 1px 1px #EED760;
}

ul#navigation li a:hover {
	color: #EED760;
	text-decoration: none;
	display: block;
	text-shadow: 0px 0px 3px #353535;
}

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

#footer {
	width: 100%;
	background: url(../images/footer_bg.gif) top left repeat-x;
	overflow: hidden;
}

#footer .left {
	float: left;
	width: 159px;
	height: 28px;
	background: url(../images/footer_left.gif) top left no-repeat;
}

#footerContainer {
	width: 800px;
	float: left;
	margin: 0 0 20px 0;
}

ul#footerNavigation {
	float: left;
	list-style: none;
	font-size: 12px;
	width: 800px;
	text-align: center;
	padding: 20px 0 0 0;
}

ul#footerNavigation li {
	float: left;
	position: relative;
}

ul#footerNavigation li:first-child a {
	padding: 4px 20px 0 0;
}

ul#footerNavigation li a {
	color: #353535;
	padding: 4px 18px 0 18px;
	text-decoration: none;
	display: block;
}

ul#footerNavigation li a:hover {
	color: #EED760;
	text-decoration: none;
	display: block;
}

#ccSignature {
	color: #bfbfbf;
	margin: 10px 20px 0 0;
	float: left;
}

#ccSignature a {
	color: #bfbfbf;
	text-decoration: none;
	font-weight: 700;
}

/*----------------------------------------------------------------------------
 GENERAL BODY ELEMENTS
-----------------------------------------------------------------------------*/

#bodyContainer {
	width: 800px;
	margin: 40px 0 40px 159px;
}

img.header {
	margin: 10px 20px 20px -5px;
}

#headerLinks {
	margin: 0 0 20px 0;
	font-size: 16px;
}

#headerLinks a {
	margin: 0 20px 0 0;
}

div.mainText {
	margin: 20px 0 0 0;
	line-height: 1.3;
	letter-spacing: 1px;
	width: 750px;
	overflow: hidden;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
	border: 1px solid #D4D4D2;
	text-align: center;
	background-color: #F3F3F3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 5px 4px 5px;
	margin: 0;
}

h1, h2, h3, h4, h5  {
	color: #303030;
	font-weight: 400;
	margin: 20px 0;
	padding: 0 0 7px 0;
	text-shadow: 0 1px #ffffff;
	border-bottom: 1px #d4d4d2 dashed;
	clear: both;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 12px;
}

.downloadFormContainer {
	width: 100%;
	overflow: hidden;
}

.downloadForm {
	margin: 20px 0 20px 0;
	overflow: hidden;
	float: left;
	width: 305px;
}

.downloadForm img {
	float: left;
	margin: 0 20px 0 0;
}

.downloadForm p {
	padding: 20px 0 0 0;
}

div.mainText li {
	margin: 0 0 3px 20px;
	padding-left: 5px;
	list-style-type: circle;
}

/*----------------------------------------------------------------------------
 CUSTOM HOMEPAGE
-----------------------------------------------------------------------------*/

#bodyContainerHome {
	width: 800px;
	margin: 50px 0 50px 159px;
}

img.newsletter {
	float: right;
	margin: -15px 20px 0 20px;
}

/*----------------------------------------------------------------------------
 MEMBER APPLICATION
-----------------------------------------------------------------------------*/

#memberApplication .radioContainerL {
	float: left;
	width: 220px;
	margin: 5px 0 0 0;
}

#memberApplication .radioContainerR {
	float: left;
	width: 200px;
	margin: 5px 0 0 0;
}

.field input[type=radio] {
	margin: 0 5px 0 0;
}

.radioL {
	float: left;
	margin: 5px 20px 0 0;
}

.radioR {
	float: left;
	margin: 5px 0 0 0;
}

#memberApplication .formField button {
	margin: 20px 20px 0 0;
}

#memberApplication .space {
	margin: 20px 14px 0 0;
}

#subAddress {
	clear: left;
	width: 300px;
}

#city {
	float: left;
	margin: 10px 14px 0 0;
	width: 100px;
}

#state {
	float: left;
	margin: 10px 14px 0 0;
	width: 40px;
}

#zip {
	float: left;
	margin: 10px 0 0 0;
	width: 60px;
}

#donationAmount, #totalDue {
	width: 50px;
}

#studentVerify {
	display: none;
}

#schoolVerify, #initialVerify {
	display: inline;
	float: none;
	margin: 0 5px 0 0;
}

.field p {
	margin: 10px 0;
}

.field input {
	float: left;
}

#positionTitleOther {
	margin: 5px 0 0 25px;
	display: none;
}

#primaryActivityOther {
	margin: 5px 0 0 25px;
	display: none;
}

#primaryDisciplineOther {
	margin: 5px 0 0 25px;
	display: none;
}

#gabaToPayPal {
	width: 600px;
	margin: 0 auto 20px auto;
}

#applicationDetails {
	margin: 0 0 20px 0;
}

.note {
	font-size: 11px;
	width: 500px;
	clear: both;
}

/*----------------------------------------------------------------------------
 MEMBER DIRECTORY
-----------------------------------------------------------------------------*/

ul#memberDirectory li {
	overflow: hidden;
	margin: 5px 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}

ul#memberDirectory li.header {
	margin: 0 0 10px 0;
	padding: 5px 0;
	border-bottom: 1px #d4d4d2 dashed;
	font-weight: 700;
}

.lastName {
	float: left;
	width: 200px;
}
.firstName {
	float: left;
	width: 175px;
}
.emailAddress {
	float: left;
	width: 350px;
}

/*----------------------------------------------------------------------------
 SERVICE PROVIDER APPLICATION
-----------------------------------------------------------------------------*/

#individualServiceProviderApplication, #organizationServiceProviderApplication {
	margin: 30px 0 0 0;
}


/*----------------------------------------------------------------------------
 SERVICE PROVIDER DIRECTORY
-----------------------------------------------------------------------------*/

ul.serviceProviderDirectory {
	margin: 20px 0;
	overflow: hidden;
}

ul.serviceProviderDirectory li {
	overflow: hidden;
	width: 675px;
	padding: 5px 20px 5px 20px;
	margin: 0;
	list-style: none;
	list-style-type: none;
}

ul.serviceProviderDirectory li.header {
	margin: 0 0 10px 0;
	padding: 5px 20px;
	border-bottom: 1px #d4d4d2 dashed;
	font-weight: 700;
}

.moreDetailsHeader {
	float: left;
}

.moreDetails {
	height: 16px;
	width: 16px;
	float: right;
	cursor: pointer;
}

.lessDetails {
	height: 16px;
	width: 16px;
	float: right;
	cursor: pointer;
}

.detailedInformation {
	clear: both;
	overflow: hidden;
	display: none;
	background: #e9e9e9;
}

.detailsExposed {
	background: #e9e9e9;
	margin: 5px 0;
}

.organizationName {
	float: left;
	width: 400px;
}

.cityName {
	float: left;
	width: 250px;
}

.detailedTitle {
	float: left;
	font-weight: 700;
	width: 175px;
}

.detailedContent {
	float: left;
	width: 450px;
	overflow: hidden;
}

ul.serviceProviderDirectory li .detailedInformation {
	margin: 15px 0;
}

ul.details, ul.details li {
	list-style: none;
	
}

ul.details li {
	overflow: hidden;
	padding: 5px 0;
}

ul.serviceProviderDirectory li ul.details li {
	margin: 0;
	padding: 5px 0;
}

ul.serviceProviderDirectory li ul.details li:first-child {
	padding: 0 0 5px 0;
}

ul.serviceProviderDirectory li ul.details li:last-child {
	padding: 5px 0 0 0;
}

/*----------------------------------------------------------------------------
 CONTACT FORM
-----------------------------------------------------------------------------*/

form#contactForm {
	margin: 20px 0 0 0;
}

.formField {
	margin: 0 0 30px 0;
	clear: both;
	overflow: hidden;
}

.formField label.field {
	font-size: 14px;
	width: 250px;
	float: left;
}

.field {
	float: left;
	position: relative;
	overflow: hidden;
}

.field input[type=text] {
	border: 1px solid #cdcdcd;
	height: 20px;
	padding-top: 1px;
	padding-left: 3px;
	display: inline;
	float: left;
	width: 240px;
}

.field textarea {
	border: 1px solid #cdcdcd;
	height: 150px;
	width: 450px;
	color: #545454;
	padding: 3px;
	float: left;
}

#securityQuestion {
	font-size: 20px;
	margin: 0 0 10px 0;
}

.processing {
	margin: 40px 0;
	width: 100%;
	text-align: center;
}

#successNotify {
	background: #D6FFD8;
	border: 1px solid #A0D997;
	font-size: 18px;
	color: #436213;
	padding: 40px 0 0 0;
	margin: 0 0 20px 0;
	height: 60px;
	text-align: center;
}

#errorNotify {
	background: #F7E5E5;
	border: 1px solid #F0C7C7;
	font-size: 14px;
	color: #852B3B;
	padding: 10px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

input.inputError, textarea.inputError {
	border: 1px solid #F0C7C7;
}

label.inputError {
	color: #852B3B;
}

.errorMessage {
	color: #852B3B;
	display: inline;
	margin: 0 0 0 20px;
}