﻿/********** GLOBAL ELEMENTS **********/

html {
	background:#574731;
	color:#666;
	font: 11px/1.25em "Lucida Grande", Arial, Helvetica, sans-serif;
}

body {
	width:754px;
	margin:20px auto;
	background:url(/img/body_bg.gif) repeat-y;
}

a {
	color:#2E5372;
}

a:hover {
	color:#7297B6;
}

h2 {
	margin:0;
	font-family: Futura, "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:1em;
	font-weight:normal;
	color:#C38D51;
	padding:0;
	padding:.7em 0;
	border-top:1px solid #69553B;
	border-bottom:1px dotted #B4A794;
}

h3 {
	margin:0;
	padding:10px 0;
	color:#66533A;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:normal;
}

h4 {
	font-size:11px;
	font-weight:bold;
	line-height:1em;
	margin:0;
	padding:0;
}

img {
	border:0;
}

hr {
	display:none;
}

/********** GLOBAL CLASSES **********/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .clearfix {height: 1%;}


/********** HEADER **********/

div#header {
	background:url(/img/body_top.gif) no-repeat 0px 0px;
	padding:24px 24px 0 24px;
	margin:0 0 0 0;
}

div#header h1 {
	float:left;
	width:162px;
	margin:0;
	padding:0;
	font-size:10px;
	border:none;
}

div#header h1 a {
	display:block;
	width:162px;
	margin:0;
	height:0;
	padding:75px 0 0 0;
	background:url(/img/cpa_logo.gif) no-repeat 0px 0px;
	overflow:hidden;
	border:none;
}

/***** navigation *****/

div#header ul#nav {
	float:left;
	width:420px;
	padding:0 0 0 123px;
	margin:0 0 0 0;
	list-style:none;
	background:url(/img/header_bg.gif) no-repeat;
}

div#header ul#nav li {
	display:block;
	float:left;/*needed to prevent staggering in Win IE 6 */
	height:75px;
	width:84px;
	overflow:hidden;
	margin:0;
	padding:0;
	line-height:75px;
	border:none;
}

div#header ul#nav li a {
	float:left;
	display:block;
	width:84px;
	padding-top:75px;
	height:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
}

div#header ul#nav li#nav-about a {
	background-image: url(/img/about.gif);
}
div#header ul#nav li#nav-news a {
	background-image: url(/img/news.gif);
}
div#header ul#nav li#nav-events a {
	background-image: url(/img/events.gif);
}
div#header ul#nav li#nav-resources a {
	background-image: url(/img/resources.gif);
}
div#header ul#nav li#nav-contact a {
	background-image: url(/img/contact.gif);
}

div#header ul#nav li a:hover {
	background-position:0px -75px;
}

div#header ul#nav li.current {
	border:none;
}

div#header ul#nav li.current a,
div#header ul#nav li.current a:hover {
	background-position:0px -150px;
}

div#header p {
	clear:both;
	height:0px;
	padding:19px 0 0 0;
	width:706px;
	margin:0;
	overflow:hidden;
	background: url(/img/cpa_text.gif) no-repeat;

}

/********** CONTENT **********/

div#content {
	clear:both;
	position:relative;
	background: url(/img/content_bg.gif) repeat-y;
	width:706px;
	margin:0 auto;
}

div#content h3.separator {
	margin-top:10px;
	padding-top:10px;
	border-top:1px dotted #B4A794;
}

div#content div.hr {
	height:0;
	margin:10px 0;
	padding:0;
	border-top:1px dotted #B4A794;
}

div#content div.homeSection div.hr {
	height:0;
	margin:10px 0 0 0;
	padding:0;
	border-top:1px dotted #B4A794;
}

div#content *.teaser a {
	display:block;
	padding-left: 16px;
	margin-top:8px;
	background: url(/img/bullet.gif) no-repeat left top;
}

div#content div.innerSection {
	float:left;
	width:464px;
}

div#content div.innerSection div.article ul.teaser {
	list-style-type:none;
	margin:5px 0 10px 0;
	padding:0;
}

div#content div.innerSection div.article ul.teaser li {
	margin:0;
	padding:0;
	line-height:1.4em;
}

div#content div.innerSection div.article ul.teaser li a {
	margin-top:0;
}

div#content div.innerSection div.article img {
	float:right;
	padding:10px 0 10px 10px;
}

div#content div.innerSection h2,
div#content div.innerSection2 h2 {
	margin-bottom:10px;
}

div#content div.innerSection2 {
	width:222px;
	float:right;
}

div#content div.innerSection2 h2 {
	padding-left:10px;
}

div#content div.innerSection2 ul {
	margin:0 10px;
	padding:0;
	list-style:none;
}

div#content div.innerSection2 ul li {
	margin:0 0 15px;
	padding:0;
	list-style:none;
}

div#content div.innerSection2 ul p.teaser {
	margin:0;
	padding:0;
}

div#content div.innerSection2 ul p.teaser a {
	margin-top:5px;
}

div#content div.innerSection2 h3 {
	margin:0;
	padding:0;
}

div#content div.innerSection2 form#search {
	margin:10px;
}

div#content div.innerSection2 form#search input#q {
	width:120px;
}

/********** PAGE SPECIFIC **********/

/***** homepage *****/

div#content div.homeSection {
	width:222px;
	float:left;
}

div#content div.homeSection p {
	margin:0;
	padding:0;
}

div#content div#image {
	display:block;
	margin:0 0 20px 0;
}

div#content div#events {
	float:none;
	position:absolute;
	right:0;
	top:0;
}

div#content div#events h3,
div#content div#events img {
	margin:0 10px;
}

div#content div#events h4,
div#content div#events p {
	margin:10px;
}

div#content div#news {
	margin-left:20px;
}

div#content div#news img {
	margin-bottom:10px;
}

div#content div#news h4 {
	margin:0 0 10px 0;
	padding:0;
}

div#content div#events h2 {
	background:#fff;
}

/***** about *****/

body#about div#content div.innerSection2 h3,
body#about div#content div.innerSection2 p {
	margin-left:10px;
	margin-right:10px;
}

/***** news and events *****/

body#section div#content h3,
body#about div#content h3 {
	padding:0;
}

body#section div#content h3.first,
body#about div#content h3.first {
	padding-top:10px;
}

/***** resources *****/
body#section div#content h3.separator {
	margin-top:10px;
	padding-top:10px;
	border-top:1px dotted #B4A794;
}

div#content div#pubNav,
div#content div#linkNav {
	padding:0 10px;
}

div#content div#pubNav h3,
div#content div#linkNav h3 {
	margin-bottom:10px;
}

div#content div#categoryList,
div#content div#linkList {
	margin-bottom:20px;
}

div#content div#categoryList div h3,
div#content div#linkList div h3 {
	margin-bottom:5px;
	padding-left: 16px;
	background-image: url(/img/expand.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	cursor: default;
}

div#content div#categoryList div ul,
div#content div#linkList div ul {
	display:none;
	padding:0 5px 5px;
	margin:0 0 10px 0;
	background:#FAF9F6;
	border-top:1px solid #B4A794;
	border-left:1px solid #B4A794;
}

div#content div#categoryList div ul li ,
div#content div#linkList div ul li {
	padding:0;
	margin:0;
	line-height:1.2em;
}

div#content div#categoryList div ul li a,
div#content div#linkList div ul li a {
	display:block;
	padding-left: 16px;
	margin-top:5px;
	background: url(/img/bullet.gif) no-repeat left top;
}

/***** contact *****/

div#content form#contactForm fieldset {
	border:none;
}

div#content form#contactForm fieldset label {
	display:block;
}

div#content form#contactForm fieldset label strong {
	color:#C38D51;
}

div#content form#contactForm fieldset label strong:after {
	color:#666;
	font-weight:normal;
	content:" (required)";
}

div#content div.innerSection2 address {
	font-style:normal;
	margin:0 10px;
}


/********** FOOTER **********/

div#footer {
	clear:both;
	margin:20px 0 0 0;
	padding:0 4px 6px;
	background:url(/img/body_bottom.gif) no-repeat center bottom;
	overflow:hidden;
}

div#footer div {
	background:#D8EDFD;
	padding:8px 20px 4px;
	overflow:hidden;
}


div#footer p {
	float:left;
	margin:0;
	padding:5px 0 0 0;
	color:#7297B6;
	background:#D8EDFD;
}

div#footer form {
	float:right;
	margin:0;
	padding:0;
	background:#D8EDFD;
}

div#footer form input#q {
	width:140px;
}

div#footer form div {
	margin:0;
	padding:0;
}