/* CSS Document */
@import url(nav.css);

/*
----------------------------------------------------
                 MAIN STYLES
----------------------------------------------------
*/

body {
	background:url(_i/bg.jpg) no-repeat center 1px;
	margin-top: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.65em;
	color:#4e4e4e;
}

.clearer {
clear:both;
}

em {
color:#c7c7c7;
font-size:.9em;
}

H1 {
	color: #138f34;
}
H2 {
	color: #138f34;
}
H3 {
	color: #138f34;
}
H4 {
	color: #138f34;
}
H5, DT {
	color: #138f34;
}
H6 {
	color: #b4121b;
}
a:visited, a:link, a:hover, a:active {
	color:#343434;
	text-decoration:underline;
}
SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}
BLOCKQUOTE, PRE {
}

UL {
	list-style:square;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 4px;
}

li {
	margin-top : 4px;
	
}
HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}
input {
font-style:italic;
color:#646464;
font-size:.9em;
padding-top:1px;
}
p {
	margin:0;
	padding:0;
}


/*
----------------------------------------------------
                 HEADER STYLES
----------------------------------------------------
*/

#wrapper{
width: 974px; /*Width of main container*/
margin-left: auto; 
margin-right:auto;
margin-bottom:15px;
}
#header {
	height:116px;
	overflow:hidden;

}
#utility{
height: 31px;
padding-top:20px;
font-size:9px;
color:#00a337;
padding-right:10px;
float:right;
width:250px;
text-align:right;
float:right;
}
#utility a:link, #utility a:active, #utility a:hover, #utility a:visited {
color:#00a337;
text-decoration:none;
}
#logo {
	clear:both;
	float:left;
	width:220px;
	height:82px;
}
#nav {
	width:744px;
	height:15px;
	clear:both;
	padding-top:19px;
	*padding-top:10px;
	padding-left:3px;
}

/*
----------------------------------------------------
                 FOOTER STYLES
----------------------------------------------------
*/

#footer{
width:940px;
margin-left:auto;
margin-right:auto;
padding-left:24px;
padding-right:10px;
color:#828282;
font-size:1.0em;
text-decoration:none;
font-weight:normal;
}
#footer a:link, #footer a:visited {
color:#828282;
font-size:1.0em;
text-decoration:none;
font-weight:normal;
}
#footerleft {
float:left;
padding-left:10px;
margin-top:40px;
}
#footerright {
float:right;
padding-right:10px;
margin-top:40px;
margin-bottom:20px;
text-decoration:underline;
}
.abovefooter {
	width:943px;
	background:#5f0e11;
	margin-top:7px;
	height:41px;
	padding-top:14px;
}
.abovefooter .Normal {
	color:#fff;
}
.abovefooter .Normal img{
	border:none !important;
}
.abovefooter a:link, .abovefooter a:visited {
	color:#fff;
}
#follow {
	width:176px;
}
.bottomtxt {
	margin-right:18px;
	display:inline;
}
.bottomtxt2 {
	margin-right:22px;
	display:inline;
}

/*
----------------------------------------------------
                 HOMEPAGE STYLES
----------------------------------------------------
*/

#homecontent {
width:974px;
height:497px;
}
.brainflash {
float:left;
width:741px;
height:498px;
}
#homebottom .Normal{
	font-size:1.1em;
}
.homeright {
float:right;
background:url(_i/brain-health.png) no-repeat;
width:191px;
height:415px;
padding-top:83px;
padding-left:18px;
padding-right:24px;
}
.homeright .Normal {
	font-size:1em;
}
.homeright p:first-child {
	margin-top:0;
	padding-top:0;
	margin-bottom:8px;
}
.homeright p {
	clear:both;
}
.bottomleft {
	background:url(_i/hear-from.png) no-repeat;
	width:233px;
	height:126px;
	margin-left:34px;
	padding-top:45px;
	padding-left:17px;
	padding-right:17px;
	float:left;
	display:inline;
}
.bottomleft img {
	border:none !important;
}
.bottomleft p:first-child {
	margin-top:0;
	padding-top:0;
}
.bottommiddle {
	background:url(_i/about-lifes-dha.png) no-repeat;
	width:380px;
	height:126px;
	margin-left:13px;
	padding-top:45px;
	padding-left:17px;
	padding-right:17px;
	float:left;
	display:inline;
}
.bottommiddle p:first-child {
	margin-top:0;
	padding-top:0;
}
.bottomright {
	background:url(_i/interact-now.png) no-repeat;
	width:146px;
	height:177px;
	margin-left:13px;
	padding-top:44px;
	*padding-top:49px;
	padding-left:47px;
	padding-right:25px;
	float:left;
	display:inline;
}
.bottomright p {
	margin-top:12px;
	padding-bottom:7px;
	padding-top:0;
}
#tabs-top {
	height:27px;
	overflow:hidden;
	margin-top:10px;
}
/*
----------------------------------------------------
                 INSIDE STYLES
----------------------------------------------------
*/
#wrapper2{
width: 980px; /*Width of main container*/
_width:990px;
margin-left: auto; 
margin-right:auto;
margin-bottom:15px;
}
#insidecontentwrap {
width:980px;
_width:990px;
min-height:500px;
}
#leftside {
float:left;
width:716px;
margin-left:14px;
margin-top:10px;
}
.brainleft {
background:url(_i/inside-repeater.png) repeat-y;
}
#insidecontent {
	width:672px;
	padding-right:24px;
	padding-left:20px;
	padding-bottom:25px;
	border-bottom:1px solid #707973;
}
.maincontent .Normal {
	font-size:1.15em;
	line-height:18px;
}
.maincontent .Normal p {
	margin-top:18px;
}
.insideright {
float:right;
width:242px;
}
#insideright {
float:right;
background:#fff;
width:698px;
height:509px;
padding:34px 18px 23px 23px;
overflow:hidden;
}

.insideRightContent {
	float:right;
	width:235px;
}
.leftmaincontent {
	width:440px;
	float:left;
}
.leftmaincontent .Normal {
	font-size:1.15em;
	line-height:18px;
}
.leftmaincontent .Normal p {
	margin-top:18px;
}
.rightmaincontent {
	float:right;
	width:215px;
}
.bottommaincontent {
	width:672px;
}
.bottommaincontent .Normal {
	font-size:1.15em;
	line-height:18px;
}
.bottommaincontent .Normal p {
	margin-top:18px;
}
/*
----------------------------------------------------
                 DNN STYLES
----------------------------------------------------
*/

/* style for module titles */
.Head {
    font-size:  11px;
    font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}
/* style of item titles on edit and admin pages */
.SubHead {
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-size:  11px;
    font-weight:    bold;
    color: black;
}
/* text style used for most text rendered by modules */
.Normal {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #343434;
	text-decoration: none;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
    font-size: 12px;
    font-weight: normal;
}
.NormalRed {
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}
.NormalBold {
    font-size: 12px;
    font-weight: bold
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
    font-size: 12px;
    font-weight: normal;
}    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}
A.CommandButton:visited {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover {
    text-decoration:    underline;
    color: #ff0000;
}    
.SkinObject{
	color:#828282;
	font-size:1.0em;
	text-decoration:none;
	font-weight:normal;
}

/* SEARCH BOX */
.SearchButton { 
	background: transparent; 
	padding: 0px 0px 0px 0px; 
	cursor: hand; 
	margin: 0px 0px 0px 0px; 
	border: 0px;
	position:relative;
	top: 3px;
	}
#dnn_dnnSEARCH_txtSearch.NormalTextBox 
{ width: 156px; 
margin-left:49px;
margin-top:9px !important;
margin-top:27px;
border:0px solid transparent; 
cursor:text;
position:relative;
	bottom: 1px;
	}





/*
----------------------------------------------------
                 QUIZ STYLES
----------------------------------------------------
*/

#quiz_bg {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	min-height:1000px;
	opacity: 0.35;
	background: #000;
  	filter: alpha(opacity = 35);
	display: none;
	z-index: 999;
}

#quiz_wrap {
	position: absolute;
	top: 25px;
	width:893px;
	height:584px;

	display: none;
	z-index: 1001;
}


/* wide skin */

#skinwide {
	width:939px;
	margin-top:10px;
}
#insidecontentwide {
	background:url(_i/inside-wide-repeater.png) repeat-y;
	width:897px;
	padding-left:22px;
	padding-right:24px;
	*margin-top:-5px;
}
.maincontentwide {
	width:582px;
	float:left;
}
#topleft { 
	width:582px;
	float:left;
}
.tlcontentwide {
	width:332px;
	float:left;
}
.trcontentwide {
	width:250px;
	float:right;
}
.insiderightwide {
	width:294px;
	float:right;

}

.insiderightwide h2 {
	text-transform:uppercase !important;
	font-size:18px !important;
	margin-top:0px !important;
	margin-bottom:9px !important;
}
#leftwide {
	width:582px;
	float:left;
}
#rightwide {
	width:294px;
	float:right;
}
.leftestpane {
	padding-lefT:20px;
	float:left;
	width:300px;
}
.rightestpane {
	width:255px;
	floaT:left;
}
.rightestpane .Normal p {
	margin-top:10px;
}
.rightestpane h2, .leftestpane h2 {
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}
.interactive-tools {
	background:url(_i/interactive-tools.png) no-repeat;
	width:582px;
	height:99px;
	margin-top:20px;
}
.about-index {
	marign-top:20px;
	padding-lefT:20px;
	padding-bottom:10px;
}
.about-index h2 {
		text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}
.about-index .Normal p {
	margin-top:10px;
}
#sharethishome {
	margin-lefT:-21px;
	margin-top:12px;
}
#sharethishome .stbuttontext {

}

