/* CSS Document
 *	File    	:   default.css
 *	System      :   Elder Counsel
 *	Author      :   Smart Marketing > Christy Sobolewski
 *	Description :   Sets layout and default styles for entire site 

 *					This file is required on all pages
 */
 
/* Standard HTML elements */
body {margin:0; padding:0; font-size:80%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; /*text-align:center;*/ background:#305365 url(/images/background.jpg) top left repeat-x;}

a {}
a:active, h6 a:active {text-decoration:none; color:#305365;}
a:visited, h6 a:visited {text-decoration:none; color:#305365;}
a:hover, h6 a:hover {text-decoration:none; color:#BAA566;}
h1, h2, h3, h4 {margin-bottom:5px; font-weight:bold; width:95%;}
h2 {font-size:18px;}
h3 {font-size:1.3em; font-weight:bold; width:73%;}
h4 {font-size:1.2em; padding:1em; width:73%;}
h5 {font-size:.80em; font-weight:bold; width:73%;}
p {margin:.5em 0 1.5em 0;}
ul {margin:.5em .5em 1.0em 1.5em; list-style-type:disc;}
	ul li {margin-bottom:.5em; list-style-position:outside;}
ol {margin:.5em .5em 1.0em 1.5em; list-style-type:decimal;}
	ol li {margin-bottom:.5em; list-style-position:outside;}
em {font-style:italic;}
strong {font-weight:bold;}
hr {height:1px; background-color:#333333; border:none; margin:2em 0; width:100%;}
#contact hr {clear:both;}
form {margin:1em;}
dl {}
dt {font-weight:bold; display:inline; letter-spacing:.2em;}
dd {margin-bottom:1.5em;}
small {font-size:80%;}
div {}
/* Site layout */
#header { background:url(/images/header-nav2.jpg) 0 0 no-repeat; width:923px; height:262px; margin:0 auto;}
#nav {float:left; padding-top:220px; margin-left:50px; height:33px; margin-bottom:-10px;}
	#nav li {float:left; list-style-type:none; background:url(/images/nav-arrow.gif) 0 -15px no-repeat; margin-left:16px; height:33px; margin-top:10px;}
		#nav li a {padding-left:16px;}
#header h2 {float:right; display:inline; text-align:right; padding-right:20px; padding-top:235px; width:160px;}

#content { background:url(/images/body-repeat.jpg) 0 0 repeat-y; width:923px; margin:0 auto;}
	#content-top { background:url(/images/body-top.jpg) 0 0 no-repeat; min-height:203px;}
		#content-top #video-title {margin-top:20px; max-height:280px; height:280px;}
		#content-top h1 {width:220px; padding:5px 70px 0 0;}
		#content-top #swoosh {background:url(/images/body-overlay-bottom.jpg) 99% 100% no-repeat; padding-left:30px; padding-right:13px; width:850px;}
		#member-login { background:url(/images/member-login-repeat.jpg) 0 0 repeat-y; width:229px; float:right; margin:20px 0 0 0; height:570px; }
			#member-login-top {background:url(/images/member-login-top.jpg) 0 0 no-repeat; height:32px; padding:6px 0 0 0; text-align:left;}
				#member-login #member-login-top h2 {background:url(/images/mem-login-header.jpg) center center no-repeat; height:29px; text-align:center;}
				#member-login #member-login-top form, #member-login #member-login-top p {padding:0 6px 0 6px; font-size:10px; color:#333333; line-height:16px;}
				#member-login #member-login-top a {padding:0 0 0 18px; font-size:11px; color:#333333; line-height:14px;}
				#member-login #member-login-top #member-login-bottom {background:url(/images/member-login-bottom.jpg) 0 0 no-repeat; height:35px; padding:0; margin:0;}
				 
		#box-elderdocx { background:url(/images/box-elder-docx.jpg) 0 0 no-repeat; width:201px; float:left; margin:0 4% 0 2%; }
		#box-education { background:url(/images/box-education.jpg) 0 0 no-repeat; width:198px; float:left; margin:0 4%; }
		#box-whoweare { background:url(/images/box-who-we-are.jpg) 0 0 no-repeat; width:198px; float:left; margin:0 2%; }
#video-content 
{
  padding-left:10px;
  padding-top:9px;
  width:273px;
  height:210px;
  background-image:url(/images/video.png);
}
#footer { background:url(/images/footer.jpg) top left no-repeat; width:929px; height:59px; padding-bottom:12px; margin:0 auto;}
	#footer p {padding:6px;}
#member-login #member-login-top #TellMeMoreBox p { padding-left:0; margin-left:0; margin-bottom:4px; }
#TellMeMoreBox { height:230px; }

/* Classes */
.left { float:left;}
.right {float:right;}
.blue {color:#305365;}
.blue a:visited {color:#305365;}
.blue a {text-decoration:none;font-size:14px;}
.blue a:hover {color:#B89013}
.gold {color:#B89013;}
.home-listtop {text-align:left; font-style:italic; color:#305365; width:70%; padding-bottom:12px; padding-top:20px; background:url(/images/lineDot.png) left bottom no-repeat; }
.noborder { border:0; }
input.Button 
{	
  border: 1px solid black;
  font-weight: bold;
  font-size: 8pt;	
  color: #e8e2cc;	
  font-family: Century Gothic;	
  background-color: #866e01;
}
.Label { color:#305365; }
.Field input { border: solid 1px #305365; }

/* Typography */
#header * {color:white;}
#nav li a {text-decoration:none; font-size:1.2em; font-weight:bold;}
#content-top h1 { font-size:18px; font-style:italic; line-height:29px; color:#305365;}
#content-top ul li {font-family:"Times New Roman", Times, serif; font-weight:bold; line-height:24px; list-style-position:outside; text-align:left; font-size:16px;}
#member-login #member-login-top h2 {font-size:12px; color:white; line-height:29px; margin:6px 0;}
#box-elderdocx h3, #box-education h3, #box-whoweare h3 {font-weight:normal; font-size:14px; text-align:right; width:90%; /*margin-bottom:90px;*/ margin-top:12px; margin-right:12px;}
#box-elderdocx h3 a, #box-education h3 a, #box-whoweare h3 a {font-size:12px; color:#777777; text-align:right; width:100%; display:block;}
#box-elderdocx p, #box-education p, #box-whoweare p, #box-elderdocx p a, #box-education p a, #box-whoweare p a {font-size:10px; color:#305365; text-decoration:none; text-align:left; margin-left:4px; margin-right:4px;}
#footer p {font-weight:bold; color:#ffffff; padding:6px 12px; line-height:18px;}
	#footer p.left {text-align:left;}
	#footer p.right {text-align:right;}
	#footer p a {color:#ffffff; text-decoration:none;}