/* @override http://lformxserve01.local/C%20-%20D/Chatzopoulos/Site/2009-09-11/css/style.css */

@import url('reset.css');

/* --- GLOBAL STYLES ---*/
* {
	margin: 0px;
	padding: 0px;
}

html {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial;
	font-size: 10pt;
	line-height: 13pt;
	color: #000;
	background: #FFF url(../images/bg-body.png) repeat-x;
	height: 100%;
}


a {
	color: #047;
	xtext-decoration: none;
}

a:hover {
	xtext-decoration: none;	
	color: #666;
}

p {
	line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {	
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

hr {
	clear: both;
	float: none;
	display: block;
	border: 0px;
	background: transparent;
	color: transparent;
	visibility: hidden;
}

/* --- WRAPPER STYLES ---*/
#wrapper {
	text-align: left;
	width: 960px;
	margin: 0px auto;
 	height: 100%;
}

#content {
	float: left;
	width: 763px;
	border-left: 1px solid #5d8321;
	padding-left: 16px;
	min-height: 500px;	
}

/* --- HEADER STYLES ---*/
#header {
	 clear: both;
	 height: 101px;
	 overflow: hidden;
	 background: url(../images/bg-header2.png) no-repeat;
	 padding-right: 100px;
	 color: #fff;
	 margin-bottom: 20px;
}

#header a {
	color: #fff;
}

h1#logo {
	text-indent: -9999px;
	float: left;
	width: 538px;
	height: 101px;
}

h1#logo a {
	display: block;
}

#marketing {
	float: right;
	text-align: right;
	letter-spacing: 1px;
	height: 101px;
}

#marketing h2 {
	margin-top: 20px;
	font-size: 180%;
	opacity: 0.9;
}

#marketing h3 {
	text-transform: uppercase;
	font-size: 190%;
	margin-top: 45px;
	opacity: 0.9;
	letter-spacing: 0;
}

#nav {
	float: left;
	width: 180px;
	xheight: 100%;
}

#nav ul {
	list-style: none;
}


#nav li {
	margin-bottom: 34px;
}


#nav li a {
	display: block;
	font-size: 120%;
	background: url(../images/elem-nav.png) no-repeat left center;
	padding-left: 26px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
}

#nav li a:hover {
	color: #f29b20;
}

#nav .links {	
}

#nav .links a {	
	display: block;
	margin-bottom: 15px;
	font-size: 90%;
}

/* --- HOMEPAGE STYLES ---*/
#slideshow {
	xheight: 300px;
	margin-bottom: 17px;
	clear: both;
}

#slideshow .wrap {
	height: 300px;
	xmargin-bottom: 17px;
	xclear: both;
}

#slideshow quoteblock {
	height: 100px;
	display: block;
	background: #fff;
	opacity: 0.75;
	position: relative;
	top: -100px;
	z-index: 9999999999;
	overflow: hidden;
}

#slideshow quoteblock p {
	padding: 10px;
	font-family: "Times New Roman";
	font-size: 120%;
	height: 70px;
	line-height: 1.3;
	overflow: hidden;
}

.box {
	float: left;
}

.box h3 {
	text-transform: uppercase;
	margin-bottom: 20px;	
}

.box .wrap {
	padding: 10px;
}

.box a {
	text-decoration: underline;
}

.box .text p {
	
}

#events {
	float: left;
}

#events .wrap {
	width: 440px;
	background: #ff836e;
	background: #fef4e7;
	height: 512px;
}

#events .entry {
	margin-bottom: 20px;
	padding-bottom: 8px;
	border-bottom: 1px solid #cbd6d9;
}

#events .entry h4 {
	font-size: 120%;
	margin-bottom: 3px;
}

#events .entry h5 {
	font-size: 80%;
}

#events .entry .text {
	height: 52px;
	overflow: hidden;
	height: 3.6em;
}

#donate {
	float: right;
	margin-bottom: 16px;
}

#donate .wrap {
	background: #ffab54;
	width: 260px;
	height: 235px;
	background-color: #ffe0bf;
}

#donate h3 {
	background: url(../images/elem-donate.png) no-repeat 75px -1px;
	font-weight: bold;
}

#donate .text {
	height: 180px;
	overflow: hidden;
}

#contact {
	float: right;
}

#contact .wrap {
	background: #ffd84e;
	background-color: #ffe0bf;
	width: 260px;
	height: 235px;
}

#contact h3 {
	background: url(../images/elem-contact.png) no-repeat 110px 2px;
	font-weight: bold;
}

#contact .text {
	height: 180px;
	overflow: hidden;
}

/* --- SECONDARY PAGE STYLES ---*/
.header {
	margin-bottom: 40px;
}

.header h2 {
	height: 19px;
	background: #f29b20 url(../images/bg-h2-about.jpg) no-repeat top right;
	color: #fff;
	text-transform: uppercase;
	font-size: 190%;
	font-family: Arial;
	padding: 30px 42px 15px 42px;
	xmargin-bottom: 40px;
	width: 675px;
}

#bEvents .header h2 {
	background: #f29b20 url(../images/bg-h2-events.jpg) no-repeat top right;
}

#bDonations .header h2 {
	background: #f29b20 url(../images/bg-h2-donations.jpg) no-repeat top right;
}

#bMembers .header h2 {
	background: #f29b20 url(../images/bg-h2-members.jpg) no-repeat top right;
}

#bContact .header h2 {
	background: #f29b20 url(../images/bg-h2-contact.jpg) no-repeat top right;
}

#bLinks .header h2 {
	background: #f29b20 url(../images/bg-h2-links.jpg) no-repeat top right;
}

#content > .text {
	color: #2e1e06;
}

#content > .body {
	margin: 0 40px;
}


#content .text p {
	font-size: 105%;
	line-height: 1.6;
	margin-bottom: 20px;
}

dl a.readmore {
	text-decoration: underline;
	text-transform: lowercase;
	xdisplay: block;
	background: url(../images/elem-arrow-down.png) no-repeat center right;
	padding-right: 14px;
}


/* --- EVENTS STYLES ---*/
.ephoto {
	float: right;
	margin-left: 10px;
}

.ephoto img {
	height: 72px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px;
}

#bEvents .ephoto img {
	height: auto;
	width: 120px;
}

#bEvents dl {
	margin-bottom: 32px;
	padding-bottom: 15px;
	border-bottom: 2px solid #f29b21;
	xdisplay: block;
}

#bEvents dt {
	margin-bottom: 15px;
}

#bEvents dt.date {
	margin-bottom: 5px;
	font-size: 105%;
	font-style: italic;
	xdisplay: block;
}

#bEvents dt.title {
	text-transform: uppercase;
	font-size: 125%;
}

#bEvents dd {
	xdisplay: block;
	margin-bottom: 16px;
}


/* --- Links STYLES ---*/
#bLinks dl {
	margin-bottom: 32px;
	xpadding-bottom: 15px;
	xborder-bottom: 2px solid #f29b21;
	xdisplay: block;
}

#bLinks dt {
	margin-bottom: 12px;
}

#bLinks dt.title {
	text-transform: uppercase;
	font-size: 115%;
	text-decoration: underline;
}

#bLinks dd {
}

/* --- CONTACT STYLES ---*/
#bContact .body {
	width: 600px;
}
#bContact p {
	margin-bottom: 15px;
}

.contactForm {
	margin-left: 20px;
}

.contactForm label {
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 15px;
}

.contactForm input {
	padding: 5px;
	background: #fff;
	border: 1px solid #999;
}

.contactForm input.submit {
	padding: 7px 15px;
	margin-left: 165px;
	background: #f29b20;
	border: 0;
	color: #fff;
	text-transform: uppercase;
}

.contactForm textarea {
	width: 400px;
	height: 150px;
}

/* --- MEMBER STYLES ---*/
#bMembers dl {
	margin-bottom: 42px;
	clear: both;
	min-height: 200px;
}

#bMembers dt {
	height: 24px;
	padding-top: 22px;
	padding-left: 10px;
	background: #fef4e7;
	xheight: 20px;
	float: left;
	width: 100%;
	color: #2e1e06;
	font-weight: bold;
	font-family: Arial;
	font-size: 105%;
	margin-bottom: 12px;
}

#bMembers dt i {
	font-weight: normal;
	font-size: 90%;
	margin-left: 10px;
}

#bMembers dd {
	clear: both;
}

#bMembers dd img {
	border: 4px solid #fff;
}

#bMembers dd .shadowAdd {
	margin-right: 10px;
}

/* --- Donation STYLES ---*/
#bDonations #content h5 {
	font-family: Arial;
	font-size: 140%;
	color: #f29b20;
	text-transform: uppercase;
}

#bDonations #content li {
	margin-left: 40px;
	list-style-type: square;
	margin-bottom: 20px;
}

#bDonations #content li u {
	font-weight: bold;
}

/* --- SHADOW STYLES ---*/
.shadow {

}

.shadowAdd {
	float: left;
	padding: 0px 5px 5px 0px;	
}

div.sb-shadow {
	background: #666;
}

/* --- FOOTER STYLES ---*/
#footer {
	clear: both;
	xpadding: 16px 16px 48px 16px;
	padding: 8px 16px;
	background: #f29b20;
	margin-top: 20px;
	text-align: right;
}

#company {
	
}

#design {
	float: left;
	clear: both;
	margin-top: 20px;
}

#design a {
	font-size: 0.8em;
	color: #6d6f72;
}

/* --- UTILITY STYLES ---*/
div.right, span.right { float: right; }
div.left, span.left { float: left; }
.clear { clear: both; }
.nullclear { clear: both; height: 0px; width: 0px; margin: 0px; padding: 0px; display: none;}
.nofloat { float: none; }	
.nomargin { margin: 0px; }	
.first { border: 0px; margin-left: 0px; padding-left: 0;}
.last {	border: 0px; margin-right: 0px; padding-right: 0;}
.bold { font-weight: bold; }