/* BASIC LAYOUT, HEADER AND FOOTER */

body {
	margin:0; 
	padding:0; 
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	background-image:url(images/masthead.gif);
	background-repeat:repeat-x;
	text-align:center;
	width:100%;
	}
	
p {line-height:1.5;}


#container {
	position:absolute;
	left:50%;
	margin-left:-480px;
	width:960px;
	text-align:left;
	}
	
img#logo {
	float:left;
	background-repeat:no-repeat;
	margin-top: 16px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

a:link{
	color: #6666ff; 
	text-decoration:none; 	
}

a:visited{
color: #800080;
text-decoration:none;
}

a:hover{
color:#99cc33;
text-decoration:none;
}

a:active{
color: #6666ff;
text-decoration:none;
}
	
/* Navigation */
#menu {
	position:absolute;
	left:30%;
	top:60px;
	margin:0px 0px 0px -325px;
	width:960px;
	text-align:center;
	list-style:none;
	padding:0;
	}
#menu li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	padding:0px 20px 0px 20px;
	margin:0px;
	display:inline;
	}
#menu a {
	color:#ffffff;
	text-decoration:none;
	}
#menu a:link {
	color:#ffffff;
	text-decoration:none;
}
#menu a:visited {
	color:#ffffff;
	text-decoration:none;
	}
#menu a:hover {
	color:#e5e5cc;
	}
#menu a:active {
	text-decoration:none;
	}
	

#breadcrums {
	position: absolute;
	left: 34%;
	top: 100px;
	margin:0px 0px 0px -325px;
	width:960px;
	text-align:left;
	list-style:none;
	font-size:11px;
}


#contentBlock {
	position: absolute;
	width:545px;
	margin-top:130px;
	left: 190px;
	background-image:url(images/bg_main.png);
	background-repeat:repeat-y;
	top: -4px;
}

#content { 
padding:10px;
}


#main {
	position: relative;
	width: 540px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
	float: left;
	margin-left: 166px;
	padding: 5px 6px 10px 4px;
	background: url('/interface/images/layout/bg_main.png') repeat-y;
	}
	
.titleBlue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#336699;
font-weight:bold;
padding:0;
}

.titleGreen {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#99cc33;
font-weight:bold;
padding:0;
}



.titleDBlue{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000066;
font-weight:bold;
}

.titleBlue_medium{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000066;
font-weight:bold;
}

.titleBlue_normal{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
font-weight:bold;
}

.titleBlue_13{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000066;
font-weight:bold;
}

.titleLightBlue{
font-size:16px;
font-weight:bold;
color: #00A1DE;
}

.titleLightBlue_mediumSM{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#00a1de;
font-weight:bold;
}

.titleGray_medium{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#999999;
font-weight:bold;
}

.subHead{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#cccccc;
font-weight:bold;
padding:0;
margin:0 0 0 0;
}

.mediumText{
font-size:11px;
}

#spacer {
height:5px;

}

/*------------------------------------------------------------------
[3. Left Navigation]
*/

#nav_secondary,
#nav_secondary ul,
#nav_secondary li {
	position: relative;
	float: left;
	margin-left:0px;
	margin-top:0px;
	padding-left:0px;
	width: 170px;
	list-style:none;
	font-size:11px;
}
#nav_secondary a {
	position: relative;
	z-index: 200;
}
#nav_secondary li ul li {
	width: 160px;
	margin-left: 0px;
}
#nav_secondary li a {
	display: block;
	padding: 7px 10px 7px 0;
}


.inner li a {
	color: #999;
}
#nav_secondary li.selected,
#nav_secondary li.selected a {
	color: #193076;
}
#nav_secondary li a:hover,
#nav_secondary li ul li.selected,
#nav_secondary li ul li.selected a {
	color: #99cc33;
}

#nav_secondary li ul li a span {
	background: none!important;
}
#nav_secondary li {
	border-bottom: 1px solid #DFDFDF;
}
#nav_secondary li.section_end {
	border-bottom: 1px solid #ccc;
}
#nav_secondary li.section_start {
	border-top: 1px solid #ccc;
}
#nav_secondary li ul li.selected {
	border-bottom: 1px solid #DFDFDF;
	font-weight:bold;
}
#nav_secondary {
	border-top: 1px solid #DFDFDF;
}
#nav_secondary li ul {
	border-top: 2px solid #193076;
	border-bottom: 2px solid #193076;
}
#nav_secondary li.sub,
#nav_secondary li.last {
	border-bottom: 0!important;
}



.tags {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
padding-left:10px;
padding-right:10px;
line-height:1.675;
}

.tags a{
color:#336699;
text-decoration:none;
font-weight:normal;
}

.tags a:hover {
color: #99cc33;
text-decoration:none;
}



#mostEmailed {
	margin:5px 0 0 0;
	padding:0 8px 0 8px;
	width:220px;
	border:1px solid #e5e5cc;
}

#mostEmailed li {
	font-size:11px;
	border-bottom:1px solid #e5e5cc;
	list-style: none;
	list-style-type:none;

}

#mostEmailed li a {
	display: block;
	padding: 3px 5px 4px 0;
}


#mostEmailed li.last {
border-bottom:0;
padding-bottom:3px;
}

#mostEmailed li.first {
padding-top:0px;
}


/* Hover Boxes */


#linkBox1{
position:absolute;
top:525px;
left:0px;
font-size:12px;
padding:5px 0 0 0;
margin:5px 0 0 0;
list-style: none;
width:250px;
line-height:1.5;
}

#linkBox1 li.title {
font-size: 14px;
font-weight:bold;
color:#00A1DE;
padding-bottom:5px;
}

#linkBox1 li.subtitle {
font-size: 11px;
color:#999999;
padding-bottom:0px;
}

#linkBox1 li.title a {
color:#00A1DE;
text-decoration:none;
}

#linkBox1 li.title a:hover {
color:#99cc33;
text-decoration:underline;
}


#linkBox2{
position:absolute;
top:525px;
left:265px;
font-size:12px;
padding:5px 0 0 0;
margin:5px 0 0 0;
list-style: none;
width:250px;
line-height:1.5;
}


#linkBox2 li.title {
font-size: 14px;
font-weight:bold;
color:#00A1DE;
padding-bottom:5px;
}

#linkBox2 li.subtitle {
font-size: 11px;
color:#999999;
padding-bottom:0px;
}

#linkBox2 li.title a {
color:#00A1DE;
text-decoration:none;
}

#linkBox2 li.title a:hover {
color:#99cc33;
text-decoration:underline;
}


#linkBox3{
position:absolute;
top:525px;
left:500px;
font-size:12px;
padding:5px 0 0 0;
margin:5px 0 0 0;
list-style: none;
width:250px;
line-height:1.5;
}


#linkBox3 li.title {
font-size: 14px;
font-weight:bold;
color:#00A1DE;
padding-bottom:5px;
}

#linkBox3 li.subtitle {
font-size: 11px;
color:#999999;
padding-bottom:0px;
}

#linkBox3 li.title a {
color:#00A1DE;
text-decoration:none;
}

#linkBox3 li.title a:hover {
color:#99cc33;
text-decoration:underline;
}

#legal p {
font-size:11px;
border-top:1px solid #e5e5cc;
padding-top:10px;
}

.thumbnails{
width:240px;
left:0px;
font-size:11px;
} 

.thumbnails img{
float:left;
padding:0px;
margin: 5px 0 5px 0;
}

.thumbnails span.title{
font-size: 12px;
font-weight:bold;
color:#000066;
}

.sidebar{
font-size:11px;
margin:0 0 0 15px;
}

.sidebar span.title{
font-size:12px;
font-weight:bold;
color:#999999;
}



hr { 
color:#ccc;
height:1px;
}


/* Anchor links */
#questions {
	margin:0;
	padding:0;
	font-size:12px;
}

#questions li {
	list-style: none;
	margin-bottom: 5px;
}

#questions a {
	padding-left: 10px;
	padding-right: 15px;
	background: url('images/bullet_arrow_right.gif') no-repeat left 3px;
	display: block;
	color:#6666ff;
}

#questions a:visited {
	color: #6666ff;
	background: url('images/bullet_arrow_right.gif') no-repeat left 3px;
	text-decoration:none;
}

#questions a:hover {
	color: #99cc33;
	background: url('images/bullet_arrow_right.gif') no-repeat left -236px;
	text-decoration:none;
}

.question {
	float: left;
	color: #008FD3;
	line-height: 1.5;
	width:470px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0 0 8px 31px;
	background: url('images/bg_question.gif') no-repeat left 1px;
	border-bottom:1px solid #cccccc;
}

.answer {
	float: left;
	width:470px;
	margin-bottom: 25px;
	padding: 0 0 4px 31px;
	background: url('images/bg_answer.gif') no-repeat left 1px;
	line-height:1.5;
}

.sidebar_green{
margin:0 0 0 15px;
width:210px;
padding:0 10px 0 10px;
background-color:#e7f1ce;
font-size:11px;
color:#5b9238;
}

.sidebar_green p{
line-height:1.3;
}

.sidebar_green .title{
font-weight:bold;
font-size:13px;
color:#5b9238;
}


#timeline{
position:relative;
float: left;
margin:0;
list-style:none;
font-size:12px;
line-height:1.5;
}

#timeline li {
display: inline;
}

#timeline li.date{
font-size:14px;
color:#99cc33;
font-weight:bold;
vertical-align:top;
padding-right:10px;
}

#timeline li.image{
position: relative;
float: left;
left: 50px;
top:-16px;
}

#timeline li.content{
position: relative;
float:left;
width:425px;
left:60px;
top:-20px;
vertical-align:top;
padding: 0 0 10px 0;
}

#timeline li.contentNoImg{
position: relative;
float:left;
width:400px;
left:50px;
top:-20px;
vertical-align:top;
padding: 0 0 10px 0;
}

#timelinebar{
position:absolute;
left:19%;
top:36.5%
}

#timeline2{
list-style:none;
line-height:1.5;
margin:0;
}

#timeline2 li{
padding:0 0 20px 0;
}


/*Top of page */

#BacktoTop
{
  display: block;
  float:right;
  width: 48px;
  height: 17px;
  background: url("images/btn_top.gif") no-repeat 0 0;

}

#BacktoTop:hover
{ 
  background-position: 0 -49px;
}

#BacktoTop span
{
  display: none;
}


#otherSections{
font-size:11px;
line-height:1.5;
}



#videos {
position:absolute;
width:272px;
top:129px;
left:69.7%;
margin:0;
padding:0 5px 5px 5px;
border:5px solid #cccccc;
line-height:1.7;
overflow:scroll;
overflow-x:hidden;
height:356px;
font-size:11px;
}


#videos ul{
list-style:none;
margin:0;
padding:0;
}

#videos li {
margin:0;
list-style:none;
border-bottom:1px solid #cccccc;
padding:2px 5px 7px 0px;
}

#videos li.last {
padding:5px 0 7px 0;
border-bottom:1px solid #ffffff;
}


.pending {
color:red;
}


.mainLink a:link{
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#00A1DE;
font-weight:bold;
}

.mainLink a:visited{
text-decoration:none;
color:#000066;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#00A1DE;
font-weight:bold;
}

.mainLink a:active{
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#00A1DE;
font-weight:bold;
}

.mainLink a:hover{
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#99cc33;
font-weight:bold;
}


#social{
position: absolute;
top:380px;
left:650px;
width:50px;
}