@charset "UTF-8";
/* CSS Document */

img { border: 0; }
.clear { clear: both; height: 0; }
body { background: url(../images/bg.gif) repeat-x #38384d; margin: 0; padding-top: 20px; }
a { color: #590d10; }

#wrapper {
	width: 893px;
	margin: auto;
}

#topArea {
	width: 893px;
	margin: auto;
	height: 164px;
	position: relative;
}

#logo {
	width: 164px;
	height: 164px;
	background: url(../images/logo.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#collage {
	width: 893px;
	height: 87px;
	 background: url(../images/collage.jpg) no-repeat right;
	 z-index: 50;
}

#blueBar {
	width: 893px;
	height: 77px;
	z-index: 75px;
	background: #f5f5fa;
}

#navBar {
	width: 718px;
	height: 30px;
	position: relative;
	margin: 0 0 0 150px;
	padding-left: 25px;
	background: #590d10;
	z-index: 75;
}

#menu {
	width: 718px;
	height: 30px;
	position: absolute;
	z-index: 75;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 75;
	}
	
#menu dt {
	float: left;
	margin: 0;
	cursor: pointer;
	z-index: 75;
	}
	
.menu {
	position: absolute;
	background: #590d10;
	top: 30px;
	font-family: Verdana, Geneva, sans-serif;
	color: #fcd469;
	font-size: 11px;
	text-transform: uppercase;
	width: 223px;
	display: none;
	z-index: 75;
	padding: 0 0 10px 0;
}

.menu li {
	padding: 5px 10px 5px 8px;
}

.menu a { color: #fcd469 }

#menu_about 		{ left: 0; }
#menu_members		{ left: 73px; }
#menu_hardware 		{ left: 169px; }
#menu_software 		{ left: 251px; }
#menu_services 		{ left: 330px; }
#menu_ej 			{ left: 475px; }
#menu_vendor		{ right: 0; }
/*
#menu_membership 	{ left: 252px; }
#menu_contact 		{ left: 574px; }
#menu_vendor 		{ right: 0; }
*/

#titleBar {
	width: 811px;
	height: 47px;
	z-index: 50;
	margin: 0 0 0 82px;
	background: #565672;
}

#titleBar .padding {
	padding: 8px 0 0 103px;
}

#titleBar h2 {
	font-family: "Copperplate Gothic Light" , Copperplate , "Helvetica Neue", Helvetica, sans-serif;
	color: #FFDA7D;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	letter-spacing: 4px;
	margin: 0;
	padding: 0;
}

/**** CONTENT ****/
#bottomArea {
	width: 893px;
	background: #f5f5fa;
	margin: auto;
}

#bottomArea .padding {
	padding: 26px 19px 26px 19px;	
}

#contentArea {
	width: 689px;
	float: right;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}

.faq {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

#contentArea p { margin-top: 0; }
#contentArea h3 {
	font-size: 18px;
	margin: 0 0 6px 0;
	color: #38384d;
	text-transform: uppercase;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #999;
	border-left: 3px solid #999;
}

.swTable {
	padding: 5px 10px 5px 0;
	/*border-bottom: 1px solid #888;*/
}


/*** HOMEPAGE STUFF ***/
.introText {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 20px 0;
}

#newsCol {
	width: 309px;
	float: left;
}

#eventCol {
	width: 309px;
	float: right;
}

#newsCol h2 {
	margin: 0;
	padding: 0;
}

#eventCol h2 {
	margin: 0;
	padding: 0;
}

.newslist {
	list-style: none;
	margin: 12px auto 12px auto;
	padding: 0;
	width: 242px;
	text-align: left;
}

.newslist li {
	margin: 0;
	padding: 0 0 12px 0;
}



/*** FOOTER ***/
#address {
	float: left;
	width: 134px;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 10px;
	line-height: 24px;
	color: #757575;
}

#footer {
	width: 893px;
	height: 54px;
	background: url(../images/duhbbed.png) no-repeat top;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/duhbbed.png', sizingMethod='scale');*/
	margin: 0 auto 10px auto;
}

/**** BLOGS ****/
#blogLeft {
	width: 444px;
	float: left;
}

#blogRight {
	width: 218px;
	float: right;
	text-align: left;
}

#blogRight h3 {
	border: 0;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#blogRight ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 10px;
}

#blogRight li {
	padding: 0 0 11px 0;
}

.posted {
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 21px;
}

.blog_dateHeader {
	font-size: 18px;
}

#blogLeft h3 { text-align: left }
#blogLeft h3 a {
	text-decoration: none;
}