/* CSS Document */
*{ 
	margin:0px; 
	padding:0px;
}

body{ 
	margin:0px; 
	padding:0px;
	font-family:verdana; 
	font-size:12px; 	
	line-height:18px;
	color: #000;
	
}

a img{
	border:none; 
	outline:none;
}

a{ 
	outline:none;
}

h1,h2,h3{
	font-family:Arial,Helvetica,sans-serif;
}

h1{ 
	font-size:17px; 
	line-height:22px; 
	padding-bottom:12px; 
	color:#000000; 
}

h2{
	color: #0081C6; 
	font-size:24px; 
	padding-bottom:10px;
	font-weight:normal;
}

h3{
	color: #000; 
	font-size:20px; 
	padding-bottom:12px;
	font-weight:normal;
}

ul{
  padding-left: 20px;
}

li{
  margin-left: 10px;
}

.total{ 
	width:970px; 
	min-height:850px; 
	overflow:hidden; 
	background:#FFFFFF; 
	margin:0 auto; 
	margin-top:50px; 
	margin-bottom:50px; 
	padding:20px;
}

.banner{ 
	min-height:100px; 
	overflow:hidden;
}
.banner .top{ 
	min-height:80px; 
	overflow:hidden;
}
.banner .top .site-logo{ 
	width:220px; 
	float:left; 
}
.banner .top .site-logos{ 
	width:450px; 
	float:left; 
}
.banner .top .links{ 
	width:185px; 
	float:right; 
	font-size:11px; 
	padding-top:35px;
}
.banner .top .links a{ 
	color:#000000; 
	text-decoration:none;
}
.banner .top .social{ 
	float:       right; 
	padding-top: 15px;
	width:       80px; 
}

.banner .nav{ 
	min-height:40px; 
	overflow:hidden;
}
.banner .nav .menu{ 
	width:785px; 
	float:left;
}
.banner .nav .menu a{ 
        color:#000;
	text-decoration: none; 
	display:block; 
	float:left; 
	font-weight:40;
	font-size:12px;
 }

.menu .border{
  display: inline;
}

.banner .nav .search{ 
	width:167px; 
	height:19px; 
	float:left; 
	background:url(/images/search-bg.jpg) left top no-repeat; 
	padding:2px 8px 0px 0px; 
	margin-left:10px;
}
.banner .nav .search .inputs{ 
	width:145px; 
	float:right; 
	color:#666666; 
	border:none; 
        border-color:#fff;
	font-size:11px;
}

.content{ 
	position:relative; 
	min-height:50px; 
	overflow:hidden;  
	padding-bottom:30px;
}

.content .left1{ 
	width:330px; 
	min-height:200px; 
	overflow:hidden; 
	float:left; 
	margin-right:15px;
}

.content .left2{ 
	width:310px; 
	padding-top:90px;  
	min-height:200px; 
	overflow:hidden; 
	float:left;
}

.content .other{ 
	width:669px; 
	min-height:200px; 
	overflow:hidden; 
	float:left;
}

.content .right{ 
	width:300px; 
	padding:30px 0px 10px 0px; 
	float:left;
	border-left:1px solid #CCCCCC; 
	border-top:1px solid #CCC; 
	min-height:600px; 
	overflow:hidden;
}
.content .corner{ 
	position:absolute; 
	left:668px; 
	top:-1px; 
	width:30px; 
	height:30px; 
	background:url(/images/right-corner.jpg) left top no-repeat; 
	z-index:30;
}
.content .right .submit1{ 
	width:76px; 
	height:22px; 
	border:none; 
	background:url(/images/submit.jpg) left top no-repeat; 
	margin-top:12px; 
	cursor:pointer;
}
.content .right .subscribe{ 
	width:96px; 
	height:22px; 
	border:none; 
	background:url(/images/subscribe.jpg) left top no-repeat; 
	margin-top:12px;
	cursor:pointer;
}
.content .right .quiz-btn{ 
	width:107px; 
	height:25px; 
	border:none; 
	background:url(/images/quiz-btn.jpg) left top no-repeat; 
	margin-top:12px; 
	cursor:pointer;
}

.content .right .twitter-block{
	position:relative; 
	border-top:1px solid #CCC; 
	border-bottom:1px solid #CCC; 
	margin-top:12px; 
	padding:10px 10px 10px 20px;
}

.content .right .twitter-block .logo{ 
	position:absolute; 
	left:230px; 
	top:40px; 
	width:60px; 
	height:26px; 
}
.content .right .promo{ 
	border-bottom:1px solid #CCC; 
	padding:20px 10px 20px 20px; 
	font-size:16px; 
	color:#666666;
}
.content .right .email-form{ 
	padding:0px 10px 0px 20px;
}
.content .right .email-form .safe_chil{ 
	position:absolute; 
	left:210px; 
	top:100px; 
	width:76px; 
	height:65px;
}
.content .right .reg-input{ 
	width:200px; 
	border:1px solid #CCCCCC; 
	height:20px; 
	line-height:20px; 
	color:#0066CC;
}


.footer{ 
	border-top:1px solid #000; 
	min-height:60px; 
	overflow:hidden; 
	margin:0 auto; 
	padding-top:12px;
}
.footer .left{ 
	width:640px; 
	min-height:50px; 
	overflow:hidden; 
	float:left; 
	font-size:10px; 
	line-height:12px; 
	letter-spacing:0px;
}
.footer .left a{ 
	color:#000000; 
	text-decoration:none; 
	padding:8px;
}

.footer .right{ 
	width: 264px; 
	min-height:50px; 
	overflow:hidden; 
	float:right; 
	padding:20px 15px 0px 0px;
}


.ash{ 
	color:#666; 
	font-size:11px;
}
a.blue-link{ 
	color:#0099CC; 
	text-decoration:underline;
}
.expert-block{
	clear: both;
	min-height:50px; 
	overflow:hidden;
	padding:0px 10px 0px 20px;
}
.expert-block .image{ 
	width:70px; 
	height:70px; 
	background:#CCC; 
	float:left; 
	margin-bottom:10px;
}
.expert-block .text{ 
	width:180px; 
	float:left; 
	padding-left:20px; 
	margin-bottom:10px;
}

#event_list{
  overflow: hidden;
  margin:   0px 10px 0px 20px;
  position: relative;
  width:    280px;
  height:   300px;
}

#event_pages{
  position: absolute;
  width:    20000em;
}

.event_page{
  float:  left;
  height: 300px;
  width:  280px;
}

.event{
  margin-bottom: 10px;
}

#event_controls{
  display: table;
  height:  32px;
  margin:  15px auto;
}

a.event_scroll{
  cursor:  pointer;
  display: block;
  height:  32px;
  width:   32px;
  float:   left;
}

a.event_scroll.disabled{
  background: none !important;
}

.navi{
  display: table;
  float:   left;
  height:  32px;
  margin:  0 15px;
}

.navi a{
  background: url(../images/navigator.png) 0 0 no-repeat;
  display:    block;
  float:      left;
  font-size:  1px;
  height:     8px;
  margin:     10px 3px 3px;
  width:      8px;
}

.navi a:hover{
  background-position: 0 -8px;
}

.navi a.active{
  background-position: 0 -16px;
}

a.event_scroll.next{
  background: url(/images/blue_arrow_right.jpg);
}

a.event_scroll.prev{
  background: url(/images/blue_arrow_left.jpg);
}

img#header_image{
  border: none;
  margin: 20px 0 10px;
}

img#welcome{
  border: none;
  float:  left;
  margin: 0 15px 15px 0;
}

div.document_title{
  font-size: 18px;
  margin: 10px 0;
}

div#home_left{
  float:   left;
  margin:  0 10px 10px 0;
  width:   330px;
}

div#home_right{
  float:   left;
  margin:  100px 10px 10px 10px;
  width:   299px;
}

a.menu_item{
  margin-right: 4px;
}

div.expert{
  clear:         both;
  font-size:     12px;
  height:        105px;
  margin-bottom: 15px;
}

div.expert img.headshot{
  float:        left;
  margin-right: 10px;
  width:        70px;
}

div.expert div.bio_body{
  float: left;
  width: 190px;
}

div.expert div.name{
  font-weight: bold;
}

div.tip_category div.category_name{
  color:     #0081C6;
  font-size: 21px;
  margin:    10px 0;
}

div.tip_category div.tip_list{
  margin-left: 10px;
}


