/*-----------------------------------------------------------------------------
	DEFAULT GLOBAL
-----------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}

body {font: 62.5% Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #000000; background: #cccccc url(../images/bg_page.gif) 0 0 repeat-x; text-align: center;}

.smaller {font-size: 0.9em;}
.smallest {font-size: 0.8em;}
.larger {font-size: 1.1em;}
.largest {font-size: 1.2em;}

.txt {font-size: 1em;}
.txt2 {font-size: 0.9em;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.floatleft {float: left;}
.floatright {float: right;}

.half {width: 48%; margin: 0 2% 0 0;}
.third {width: 31%; margin: 0 2% 0 0;}
.quarter {width: 23%; margin: 0 2% 0 0;}

p {margin: 0 0 0.9em 0;}

.strong {font-weight: bold;}
.em {font-style: italic;}
.hide {display: none;}
.block {display: block;}
.inline {display: inline;}

.cap {text-transform: capitalize;}
.ucase {text-transform: uppercase;}
.lcase {text-transform: lowercase;}

hr {margin: 0 0 1em 0; background: #cccccc; width: 100%; height: 1px; color: #cccccc; border: none; clear: both;}
.hr {margin: 0 0 1em 0; border-top: 1px dotted #cccccc;}
	.hr hr {display: none;}
	
.clear {position: relative; width: 100%; clear: both; line-height: 0; height: 0; display: block;}

img {border: 0;}
	.img-bordered {border: 1px dotted #cccccc; background: #ffffff; padding: 9px; text-align: center; margin: 0 0 5px 0;}
	.img-left {margin: 0 20px 10px 0;}
	.img-right {margin: 0 0 10px 20px;}
	.img-home {width: 430px; margin: 10px 0 10px 0; display: block;}
	
.quote {font-size: 2.5em; font-weight: bold; color: #999999; line-height: 1em;}
	
/* for flash and similar */
embed, object {position: relative; z-index: 0;}

/*-----------------------------------------------------------------------------
	DEFAULT LINKS
-----------------------------------------------------------------------------*/

a {color: #666666; text-decoration: none; cursor: pointer;}
	a:hover {color: #004990;}
	a:focus {-moz-outline: none;}
	a.more {font-weight: bold; font-size: 0.9em;}
	a.rss {background: url(../images/icon_rss.gif) 0 50% no-repeat; padding: 0 0 0 17px;}
	
	a.grayscale img {filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70), progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -moz-opacity: .70; opacity: .70;}
		a.grayscale:hover img {filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100), progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); -moz-opacity: 1; opacity: 1;}

.arrow {font-size: 1.4em;}
	.arrow.off {color: #cccccc;}

/*-----------------------------------------------------------------------------
	TABLES
-----------------------------------------------------------------------------*/

table, td, th {vertical-align: top; text-align: left; font-size: 1em;}

/*-----------------------------------------------------------------------------
	DEFAULT HEADINGS
-----------------------------------------------------------------------------*/

h1, .hd1 {font-size: 2.4em; font-weight: normal; color: #ef4035; margin: 1em 0 1em 0;}
	
h2, .hd2 {font-size: 1.8em; font-weight: normal; color: #999999; margin: 1em 0 1em 0;}

h3, .hd3 {font-size: 1.6em; font-weight: bold; color: #ef4035; margin: 1em 0 0.5em 0;}

h4, .hd4 {font-size: 1.2em; font-weight: bold; color: #004990; margin: 1.5em 0 1.0em 0; text-transform: uppercase;}

h5, .hd5 {font-size: 1.1em; font-weight: bold; color: #ef4035; margin: 0.5em 0 0.5em 0;}

h6, .hd6 {font-size: 1.0em; font-weight: bold; color: #004990; margin: 0.5em 0 0.3em 0;}

/*-----------------------------------------------------------------------------
	DEFAULT LISTS
-----------------------------------------------------------------------------*/

ul {list-style: none; margin: 0 0 1em 0.5em;}
	ul li {background: transparent url(../images/icon_li.gif) 0 1px no-repeat; margin: 0 0 0.5em 0; padding: 0 0 0 14px;}
	ul.spaced li {margin: 0 0 1em 0;}
	
ul.files {list-style: none; margin: 0.5em 0 1em 0.1em;}
	ul.files li {padding: 2px 0 2px 20px;}
		ul.files li.pdf {background: transparent url(../images/icon_pdf.gif) 0 0 no-repeat;}
		ul.files li.doc, ul.files li.docx {background: transparent url(../images/icon_doc.gif) 0 0 no-repeat;}
		ul.files li.ppt, ul.files li.pptx {background: transparent url(../images/icon_ppt.gif) 0 0 no-repeat;}
		ul.files li.xls {background: transparent url(../images/icon_xls.gif) 0 0 no-repeat;}
		
ol {margin: 0.5em 0 1em 3em;}
	ol li {margin: 0 0 0.2em 0;}
	ol.spaced li {margin: 0 0 1em 0;}

/*
----------------------------------------------------------------------------- 
Forms
-----------------------------------------------------------------------------*/

form {font-size: 1em;}

fieldset {margin: 0; border: none; padding: 0 0 1em 0; border-bottom: 1px dotted #ef4035;}
label {padding: 0 5px 0 0;}

input, textarea, select {font: 1em Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; padding: 1px 2px 1px 2px; margin: 0; color: #ef4035; background: #e7e7e7; border: 1px dotted #ef4035;}
	input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {background: #ffffff; border: 1px solid #ef4035;}
	textarea {overflow: auto; height: 70px;}
	select {padding: 0;}
	
	input.btn {color: #fcd9d7; background: #bf332a; cursor: pointer; text-transform: uppercase; font-weight: bold; font-size: 0.9em; width: auto !important; padding: 0 5px; margin: 0 0 0 5px;}
		input.btn:hover {color: #ffffff; background: #004990;}
	
optgroup {font-style: normal;}
	optgroup option {padding: 0 0 0 10px;}

form br {clear: both; line-height: 0; height: 0;}

form .required {background: #ffffff; border: 1px solid #ef4035;}
.error-message {font-weight: bold; color: #ef4035;}

form.search input {width: 136px;}
form.search input.btn {margin: 5px 0 0 0;}

form.login {margin: 0 0 5px 0;}
form.login input {width: 130px;}

form.custom1 label, form.custom1 input, form.custom1 textarea, form.custom1 select {float: left; width: 200px; margin: 0 0 2px 0;}
	form.custom1 select {width: 206px;}
form.custom1 label {width: 200px; text-align: right;}

input[type="radio"], input[type="checkbox"], input.checkbox, input.radio {width: auto !important; margin: 0 5px 1px 0 !important;}
input[type="hidden"] {display: none;}
select[multiple="multiple"] {margin-left: 0;}

/*-----------------------------------------------------------------------------
	LAYOUT
-----------------------------------------------------------------------------*/
#container {position: relative; width: 990px; margin: 0 auto; text-align: left; background: transparent url(../images/bg_container.gif) 0 0 repeat-y;}

#container2 {position: absolute; width: 990px; height: 500px; background: transparent url(../images/bg_container_2.gif) 0 0 repeat-y;}

#container3 {padding: 0 25px 0 25px;}

#footer {position: relative; width: 990px; height: 85px; margin: 0 auto; text-align: left; color: #808080; background: transparent url(../images/bg_footer.gif) 0 0 no-repeat; font-size: 0.9em;}
	#footer a {color: #808080;}
	#footer a:hover {color: #333333;}
	#footer .floatleft {padding: 25px 0 0 245px;}
	#footer .floatright {padding: 25px 45px 0 0;}

#header {position: relative; height: 170px; overflow: hidden;}

#header-img {position: absolute; top: 0; left: 540px; width: 400px; height: 170px; overflow: hidden;}

#logo {position: absolute; top: 30px; left: 40px; display: block; background: transparent url(../images/logo_acbc.gif) 0 0 no-repeat;}
	#logo a {display: block; width: 115px; height: 115px;}
		#logo a span {display: none;}

#brandline {position: absolute; top: 63px; left: 189px; display: block; background: transparent url(../images/brandline_acbc.gif) 0 0 no-repeat; width: 300px; height: 44px;}
	#brandline span {display: none;}

#top-links {position: absolute; top: 10px; right: 0; text-align: right;}

#middle {position: relative; clear: both; float: left; width: 940px; min-height: 330px; background: transparent url(../images/bg_middle.gif) 0 0 repeat-y; padding: 0 0 15px 0;}
	* html #middle {height: 330px;}

#side {float: left; width: 190px; color: #fcd9d7;}
	#side .container {padding: 0 0 0 10px;}

	#side .box {margin: 10px; border: 1px dotted #f7a09a; background: #f15c53;}
		#side .box:hover {background: transparent;}
		#side .box h2 {padding: 5px; margin: 0; text-align: center; color: #f7a09a; background: #bf332a; font-weight: normal; font-size: 1.2em; text-transform: uppercase; border-bottom: 1px dotted #f7a09a;}
		#side .box .content {padding: 7px;}
		#side .box a {color: #ffffff;}
			#side .box a:hover {color: #004990;}
	
#main {float: right; width: 745px; background: transparent url(../images/bg_main.gif) 0 0 repeat-x; min-height: 100px;}
	#main .container {padding: 0 0 30px 25px;}

#heading {float: left; width: 450px; margin: 0 0 1em 0;}
	#heading h4 {margin: 0.5em 0 0 0; color: #999999;}

#login {float: right; width: 230px; border: 1px dotted #ef4035; background: transparent; margin: 0 0 2em 0; padding: 7px; min-height: 50px;}
	* html #login {height: 50px;}
	#login:hover {background: #cccccc;}

#main-left {float: left; width: 450px; font-size: 1.1em;}

#main-right {float: right; width: 200px; margin: 0 15px 0 0;}
	#main-right .box {margin: 0 0 2em 0;}
		#main-right .box .item {padding: 0 0 0.3em 14px;}
		#main-right .box h2 {font-size: 1.3em; font-weight: bold; color: #ef4035; margin: 0 0 0.5em 0; text-transform: uppercase;}
		#main-right .box img {width: 150px; padding: 10px 10px 10px 10px;}
	#main-right .box2 {margin: 0 0 2em 0; border: 1px dotted #f7a09a; background: #f15c53; color: #fcd9d7;}
		#main-right .box2:hover {background: #ef4035;}
		#main-right .box2 h2 {padding: 7px; margin: 0; text-align: center; color: #ffffff; background: #bf332a; font-weight: normal; font-size: 1.2em; text-transform: uppercase; border-bottom: 1px dotted #f7a09a;}
		#main-right .box2 p {margin: 7px;}
		#main-right .box2 a {color: #ffffff;}
			#main-right .box2 a:hover {color: #004990;}

/*-----------------------------------------------------------------------------
	LEFT NAVIGATION
-----------------------------------------------------------------------------*/

.nav {margin: 2em 0 2em 0; border-bottom: 1px dotted #f7a09a;}

.nav h3 {font-weight: bold; font-size: 1.1em; margin: 0; padding: 0; background: none;}
	.nav h3 a {color: #ffffff; background: #f15c53; display: block; padding: 3px 5px 3px 10px; border-top: 1px dotted #f7a09a; text-transform: uppercase;}
		.nav h3 a:hover, .nav h3 a.selected {color: #ffffff; background: #bf332a;}
			.nav h3 a.selected:hover {color: #ffffff; background: #bf332a;}

.nav ul {list-style: none; padding: 0; margin: 0; border-top: 1px dotted #f7a09a;}

.nav li {font-size: 1.1em; margin: 0; padding: 0; background: none;}
	.nav li a {color: #ffffff; display: block; padding: 2px 5px 2px 20px;}
		.nav li a:hover, .nav li a.selected {color: #ffffff; background: #bf332a;}
			.nav li a.selected:hover {color: #ffffff; background: #bf332a;}

.nav li ul {border-bottom: 1px dotted #f7a09a;}
	
.nav li li {font-size: 0.9091em;}
	.nav li li a {padding: 2px 5px 2px 30px; color: #fcd9d7;}
	
* html .nav li a {display:inline-block;}
* html .nav li a {display:block;}