/* CSS Document */

BODY {
	margin: 0;
	padding: 0;
	background-color: #333;
}

#container {
	width: 800px;
	left: 50%;
	margin-left: -400px;
	position: absolute;
	padding-top:20px;
}

#logo {
	float: left;
}

#distInfo {
	display: inline;
	float: left;
	background: url(../images/media_sites_banner_03.gif) top left repeat-x;
	width: 692px;
	height: 44px;
}

#distInfo p {
	text-align:right;
	padding: 0 5px 0 10px;
	margin: 3px 5px;
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size: 13px;
	color: #eee;
}

#distInfo p strong {
	color: #94C53B;
}

#distInfo a {
	color: #A4CFFF;
}
#distName {
	float: left;
	position:inherit;
	padding: 10px 0 0 10px;
	margin: 3px 5px;
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size: 24px;
	color: #94C53B;

}


#aboutMe {
	float: left;
}
#flash {
	clear: both;
}

#colModules {
	float:left;
	/*width: 533px;*/
	width: 505px;
}

#colModules h2 {
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size: 21px;
	color: #fff;
	text-align: right;
	top: 30px;
	padding: 0 10px 0 0;
	margin: 0;
	position: relative;
}

#colModules h3 {
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size: 15px;
	color: #fff;
	text-align: right;
	top: 25px;
	padding: 0 10px 0 0;
	margin: 0;
	position: relative;
}

#colModules p {
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size: 15px;
	color: #fff;
	text-align: right;
	top: 40px;
	padding: 0 10px 0 0;
	margin: 0;
	position: relative;
}

#colSidebar {
	float:right;
	/*width: 267px;*/
	width: 295px;
}

#colSidebar h2 {
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size: 21px;
	color: #fff;
	padding: 2px 5px;
	margin: 0;
}

#colSidebar p {
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size: 15px;
	color: #fff;
	padding: 2px 5px 2px 10px;
	margin: 0;
}

#modTop {
	margin: 0;
	padding:0;
	background: url(../images/b_mod_top.jpg) top left no-repeat;
	width: 505px;
	height: 20px;
}

#modMiddle {
	margin: 0;
	padding: 0;
	background: url(../images/b_mod_middle.jpg) top left repeat-y;
}
#modMiddle2 {
	width: 550px;
	margin: 0;
	padding: 15;
	background: url(../images/b_mod_middle.jpg) top left repeat-y;
}

#modBottom {
	margin: 0;
	padding:0;
	background: url(../images/b_mod_bottom.jpg) top left no-repeat;
	width: 505px;
	height: 61px;
}

#sideTop {
	margin: 0;
	padding:0;
	background: url(../images/b_side_top.jpg) top left no-repeat;
	width: 295px;
	height: 20px;
}

#sideMiddle {
	margin: 0;
	padding: 0;
	height: 583px;
	background: url(../images/b_side_middle.jpg) top left repeat-y;
}

#sideBottom {
	margin: 0;
	padding:0;
	background: url(../images/b_side_bottom.jpg) top left no-repeat;
	width: 295px;
	height: 61px;
}

#aboutTop {
	margin: 0;
	padding:0;
	background: url(../images/b_about_top.jpg) top left no-repeat;
	width: 640px;
	height: 27px;
}

#aboutMiddle {
	margin: 0;
	padding: 0;
	width: 640px;
	background: url(../images/b_about_middle.jpg) top left repeat-y;
}

#aboutBottom {
	margin: 0;
	padding:0;
	background: url(../images/b_about_bottom.jpg) top left no-repeat;
	width: 640px;
	height: 40px;
}

/* Form Styling */
#divContactForm {
	margin-left: 15px;
}

fieldset { 
	-moz-border-radius:5px;
	-moz-border-top-colors: transparent #D0D0BF transparent;
	-moz-border-right-colors: transparent #D0D0BF transparent;
	-moz-border-bottom-colors: transparent #D0D0BF transparent;
	-moz-border-left-colors:  transparent #D0D0BF transparent; 
}

legend {
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-weight: bold;
	padding: 0px 4px;
}

.tblForm td {
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; 
	font-size: 14px; 
	color: #ffffff;
	vertical-align:top;
}

.tblForm th {
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; 
	font-size: 14px; 
	font-weight:bold;
	height: 24px;
	color: #ddd;
	text-align:left;
	vertical-align:bottom;
}

.tblForm input {
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; 
	font-size: 14px;
	color: #333333;
	border: solid 1px #cccccc;
	background-color: #ffffa0;
}

.tblForm textarea {
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; 
	font-size: 14px; 
	color: #333333;
	border: solid 1px #fff;
}

.tblForm em {
	font-size:16px;
	color: #7fc200;
	font-weight: bold;
}

/* Classes */

.moduleBlue {
	background: url(../images/mod_blue.jpg) top left no-repeat;
	padding: 0;
	margin: 0 5px 1px 12px;
	width: 488px;
	height: 145px;
}

.moduleGreen {
	background: url(../images/mod_green.jpg) top left no-repeat;
	padding: 0;
	margin: 0 5px 1px 12px;
	width: 488px;
	height: 145px;
}

.moduleRed {
	background: url(../images/mod_red.jpg) top left no-repeat;
	padding: 0;
	margin: 0 5px 1px 12px;
	width: 488px;
	height: 145px;
}

.modulePurple {
	background: url(../images/mod_purple.jpg) top left no-repeat;
	padding: 0;
	margin: 1px 5px 0 12px;
	width: 488px;
	height: 145px;
}

.moduleJoin {
	background: url(../images/mod_join3.jpg) top left no-repeat;
	padding: 0;
	margin: 0 16px 0 6px;
	width: 273px;
	height: 130px;
	/*bottom: 90px;
	position: absolute;*/
}

.joinBtn {
	padding: 0;
	/*bottom: 60px;
	position: absolute;*/
	margin: 0 16px 0 6px;
}

.translucent {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}