/* CSS Document */

body {

background-color: #EEEEEE;

margin:auto;

font-family:Arial, Helvetica, sans-serif;

}

img {

border:none;

}

a, a:link, a:visited {

color: #Ffcc33;

text-decoration:none;

font-weight:500;

}

a:hover {

color: #FFFF66;

}

div {

text-align:center;}

p {

text-align:left;

}

table, tr, td {

border-collapse:collapse;

} 

.center {

text-align:center;

}

.left {

text-align:left;

}

.right {

text-align:right;

}

#wrapper-home {

width: 850px;

margin: 0px auto;

text-align:center;

border: 2px solid #e6e6e6;

background-color: #ffffff;

}

/*#outer {

background: transparent url(images/bgmain.jpg) center top no-repeat scroll;

margin: 0px auto;

text-align:center;}*/

#wrapper {

width: 850px;

margin: auto;

text-align:center;



/*background: #847966 url(images/bgmain.jpg) left top no-repeat scroll;*/

background: transparent url(http://www.dnacc.com/images/bgmain.jpg) left top no-repeat scroll;

border-left: 2px solid #e6e6e6;

border-top: 2px solid #ffffff;

border-right: 2px solid #ffffff;

border-bottom: 2px solid #ffffff;

}

#top {

height: 20px;

width: 850px;

margin: 40px auto 0px auto;

}

#menu {

float:right;

/*width: 470px;*/

width: 528px;

}

#banner {

border-bottom:1px solid #ffffff;

height:136px;

width:627px;

}

#home-bottom {

height: 138px;

width: 850px;

/*background-color: white;*/

background-color:#978C7A;

text-align:center;

margin: 0px auto;

border-top: 1px solid white;

}

#home-bottom p{

text-align:left;

color:white;

font-size:70%;

margin-left: 20px;

margin-top: 0px;

}

#left-box {

width: 282px;

float:left;

background-color: #978C7A;

height: 136px;

text-align:left;

border-right: 1px solid white;

}

#right-box {

width: 282px;

float:right;

background-color: #978C7A;

height: 136px;

text-align:left;

border-left: 1px solid white;

}

/*#middle-box {

background-color: #978C7A;

height: 136px;

text-align:left;



}*/

#middle-box

{background-color: #978C7A;

  height: 136px;

  text-align:left;

  float: left;

  width: 284px;

  display: inline;

}

/*#middle-box p {

margin-left: 302px;

}*/

#left-col {

width:222px;

float:left;

text-align:right;

background-color: transparent;

color: #847966;

}

#left-col-menu{

text-align:right;

margin-right: 50px;

margin-left: 40px;

background-color: transparent;

}

#left-col-menu a, #left-col-menu a:link, #left-col-menu a:visited {

color: #847966;

font-size: 70%;

display: block;

text-decoration:none;

font-weight:bold;

padding-bottom: 5px;

padding-top: 10px;

border-bottom: 1px dotted #847966;

background-color: transparent;

}

#left-col-menu a:hover {

color: #F0B30D;

}



#right-col {

margin-left: 223px;

background-color: transparent;

vertical-align:top;

width: 625px;

}

#content {



margin: 0px auto;

	/*overflow:hidden;*/

	

	}

.copy {

margin-left: 40px;

margin-right: 230px;

color:white;

font-size: 80%;



}

.copy-wide {

margin-left: 40px;

margin-right: 40px;

color:white;

font-size: 80%;

background-color:#847967;

}

.gold-bold {

color: #F0B30D;

font-weight: bold;

}

#far-right  {

float:right;

width: 180px;

margin-right:10px;

color:white;

font-size: 75%;



}

/*#bottom {

margin: 0px auto;

height: 39px;

width: 800px;

}*/

#footer {

color: #847966;

text-align:center;

margin:auto;

width:850px;

}

#bottom-menu {

float:left;

width: 600px;

margin:auto;

text-align:left;

}

#bottom-menu a, #bottom-menu a:link, #bottom-menu a:visited {

font-size: 70%;

color: #999999;



text-decoration: none;

}

#bottom-menu a:hover {

color: #333333;

}

.smaller {

font-size:85%;

}

.services {



font-size: 85%;

margin-left: 20px;

}

.nobottommargin {

margin-bottom:0px;

}

.notopmargin {

margin-top:0px;

}

/*myemma*/



/* Controls width of your form */

.e2ma_signup_form {

	width:270px;

}



/* Controls the style, width, and font style of the text input, select and textarea fields */

.e2ma_signup_form input[type=text],

.e2ma_signup_form textarea,

.e2ma_signup_form select { 

	/*border:1px solid #ccc;*/ 

	font-family:Arial, sans-serif;

	font-size:11px;

	vertical-align:top;

	width: 190px;

}



/* Controls width, style, and padding of the table border outlines around individual member fields */

.e2ma_signup_form_row {

border: none;

	/*border:1px solid #ddd;

	padding:5px;

	margin-bottom:5px;*/

}



/* Controls alignment and display of image in welcome message */

.e2ma_signup_image_container {

    text-align:center;

    display: inline;

}



/* Controls border around signup image (when image is linked) */

.e2ma_signup_image {

    border:none;

}



/* Controls style and formatting of welcome message */

.e2ma_signup_message {

	font-family:Arial, sans-serif;

	font-size:11px;

	color:#ffffff;

}



/* Controls style and formatting of form field labels (first name, last name, etc.) */

.e2ma_signup_form_label {

	font-family:Arial, sans-serif;

	font-size:11px;

	color:#ffffff;

	text-align:left;

	float:left;

	margin-left:15px;

	padding-top:8px;

	/*padding-bottom: 3px;

	/*display:none;*/

}



/* Controls spacing and style for any text used to list options under multiple choice fields) */

.e2ma_signup_form_element {

	font-family:arial;

	font-size:11px;

	color:#ffffff;

}



/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style for "Select your interests..." text */

.e2ma_signup_form_group_label {

	font-family:arial, sans-serif;

	font-size:11px;

	color:#ffffff;

	font-weight:normal;

}



/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style and spacing for groups displayed as options */

.e2ma_signup_form_groups {

	font-family:Arial, sans-serif;

	font-size:11px;

	color:#ffffff;

	/*border:1px solid #dddddd;

	padding:5px;

	margin-bottom:5px;*/

}



/* Controls the style and spacing of the word "required" and border surrounding that text */

.e2ma_signup_form_required_footnote {

	font-family:Arial, sans-serif;

	font-size:0px;

	color:#978C7A;

	/*border:1px solid #dddddd;

	padding:5px;

	margin-bottom:5px;*/

}



/* Controls the color of the asterisk that indicates a field is required */

.e2ma_signup_form_required_asterix {

	color:#978C7A;

}



/* Controls the alignment of "submit" and "clear" buttons */

.e2ma_signup_form_button_row {

	/*float:left;*/



}



/* Controls display of the "clear" button */

.e2ma_signup_form_button_row #e2ma_signup_reset_button {

	/*display: inline;*/

	display: none; 

}



/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */

.e2ma_signup_form_button { 

    width: 60px !important;

}