/* @override http://www.vdf.org/css/styles.css */

@import url(1print.css);
@import url(flyout.css);
@import url(search.css);
@import url(slideshow1.css);



/* @group Positioning */

#hdr { 
	border-bottom: 1px solid #333333; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	text-align: center;
}

#content
{
margin-left: 140px;
border-left: 1px solid #333333;
padding: 20px; 
background: repeat-x;
}

#content-vidlib
{
margin-left: 140px;
border-left: 1px solid #333333;
padding: 1px; 
background: repeat-x;
}
#content-3
{
	
margin-left: 150px;
margin-right: 150px; 
border-left: 1px solid #000f5d;
padding: 1em;
}
#content-4
{
margin-left: 150px;
margin-right: 15px; 
padding: 10px;
}



#content-2
{
margin-left: 150px;
margin-right: 5px;
padding: 1em; 
border-left: 1px solid #000f5d;
}

#container
{
width: 770px;
margin: 10px auto;
color: #333;
border: 1px solid #000f5d;
/*line-height: 130%; */
background: #fff url(../images/container_bg2.gif) repeat-y;

}
#container-head
{
width: 770px;
background: #fff url(../images/headerbar.gif) no-repeat;
	border-color: #07fb00;
	border-style: none;
}

#documentation
{
width: 770px;
margin: 10px auto;
color: #333;
border: 1px solid #000000;
line-height: 130%; 
background: #fff none;
}

#top
{
border-bottom: 1px solid #000f5d; 
background: #039 url(../include/randomhead.php);
height: 175px;

}
.top
{
background: #039 url(../include/randomhead.php);
height: 175px;
}
#top h1
{
padding: 0;
margin: 0;
}

#rightnav-pos
{
float: right;
width: 150px; 
	line-height: 20px; 
	background: #ffcc00; 
	border-left: 1px solid #000f5d; 
	margin-top: 0; 
	margin-right: 0; 
	margin-left: 0; 
	border-bottom: 1px solid #000f5d;
	
}

#leftnav-pos
{
float: left;
width: 140px;
margin: 0; 
padding-right: 10px;
}

#bugnav-pos
{
width: 140px; 
}

/* #leftnav p, #rightnav p { margin: 0 0 1em 0; } */
	
/* @end */

/* @group leftnav-folder */

.leftnav {
padding: 0;
width: 140px; /* Width of Menu Items */; 
list-style: none;
margin: 0;
}

.leftnav ul li {
position: relative;

}

.leftnav li ul { /* Set 1px less than menu width */
top: 0;
display: none;
}

A.leftnav:link, A.leftnav:visited {
display: block;
color: #ffffff;
background: #9999cb;
padding: 5px;
border-bottom: 1px solid #000f5d; 
font-size: 13px; 
text-decoration: none;
}

A.leftnav:hover { 
	color: #010066; 
	background: #cccce6; 
	text-decoration: none;
}
	
/* @end */

/* @group rightnav-folder */

.rightnav {
	margin: 0;
	padding: 0;
	width: 140px; /* Width of Menu Items */; 
	list-style: none; 

}

.rightnav h4 {
	position: relative;
	margin-left: 8px;
}



.rightnav h4 {
	position: relative;
	margin-left: 8px;
}

.rightnav ul li  { /* Set 1px less than menu width */
	top: 0;
	position: relative;
}

A.rightnav:link, A.rightnav:visited {
	display: block;
	text-decoration: none;
	color: #010066;
	background: #ffffcb;
	padding: 5px; 
	font-size: 9px;
}

A.rightnav:hover { 
	color: #020167; 
	background: #FFE565; 
	text-decoration: none;
}
	
/* @end */

/* @group footer-folder */

#footer
{
clear: both;
margin: 0;
padding-top: 10px; 
padding-bottom: 10px; 
color: #333;
border-top: 1px solid #000f5d; 
text-align: center; 
background: #e5e5e5;
font-size: 10px;
}

a.mmhide_footer:link, a.mmhide_footer:visited {
	color: #666666; 
	text-align: center; 
	text-decoration: none; 
	font-weight: normal; 
	font-size: 11px;
}
	
a.mmhide_footer:hover {
	color: #333333; 
	text-align: center; 
	text-decoration: none; 
	font-weight: normal; 
	font-size: 11px;
}

.mmhide_footer {
	font-size: 11px;
	top: 5px; 
	color: #666666; 
	text-decoration: none;
}
	
/* @end */

/* @group Misc */

#mmhide_padtable {
	margin-top: 10px; 
	margin-bottom: 10px;
}

.mmhide_indent {
	padding-left: 20px;
}

#divider {
	border-bottom: 1px dotted #666666; 
	margin-bottom: 10px;
}


.divider {
	border-bottom: 1px dotted #666666; 
	margin-bottom: 10px;
}
.bluenote {
	color: #f0f0f0;
}

.QuoteBox {
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	background-color: #cccce6;
	padding: 5px; 
	margin: 2px;
}

.project {
	color: #ffffff; 
	padding-left: 16px; 
	font-size: 26px;
}

#list {
	padding-left: 15px; 
	padding-bottom: 15px; 
	padding-top: 10px;
}

#sidebar {
	float: right; 
	background: #d7e2fe; 
	padding: 10px; 
	position: relative; 
	top: 0px; 
	right: 0px; 
	width: 130px; 
	border-bottom: 1px solid #000f5d;
}

#dialogue {
	padding-left: 37px; 
	margin: 0px;
}

#cornerstone {
	background: #c5e3ff; 
	padding: 10px;
}
	
/* @end */

/* @group base tags */

/*li {
	margin: 0px; 
	padding: 0px; 
	line-height: 15px;
}*/
li {
	line-height: 1.2em;
	font-size: 1.0em;
}	
	
ul { 
	padding: 0px; 
	margin-left: 20px; 
	list-style: square;
}

body {
	color: #666666;
	/*background: #e5e5e5; [original-color]*/
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 20px;
	background-color: #e5e5e5;
}

a:link {
	color: #1e3cd0; 
	text-decoration: underline;
}

 a:visited {
	color: #9999cc; 
	text-decoration: underline;
}

a:hover {
	color: #001061; 
	text-decoration: underline;
}

/*

 p {
	line-height: 16px;
	font-size: 13px;
}

*/


 p {
	line-height: 1.2em;
	font-size: 1.0em;
}

h1 {
	border-bottom: 2px solid #cbd9fe; 
	padding-bottom: 10px; 
	font-size: 23px; 
	margin: 0px; 
	padding-top: 0px; 
	line-height: 24px; 
	color: #003399;
	font-weight: bold; 

}

h2 {
	color: #6666cc; 
	font-size: 18px;
	font-weight: bold;

}

h3 {
	color: #999999; 
	font-size: 15px; 
	font-weight: bold; 
	padding-top: 13px;
}

h4 {
	font-size: 13px; 
	padding-top: 5px;
	color: #262626;
	font-weight: bold; 
} 
		
/* @end */

/* @group Main Nav */

.mainnav {
	margin: 0;
	padding: 0;
	width: 130px; /* Width of Menu Items */; 
	list-style: none; 
	list-style: none;
	
}

.mainnav ul li {
	position: relative;
}

.mainnav li ul { /* Set 1px less than menu width */

	top: 0;
	display: none;
}

/* Styles for Menu Items */

A.mainnav:link, A.mainnav:visited {

	display: block;
	text-decoration: none;
	color: #ffffff;
	background: #666666;
	border-bottom: 1px solid #333333; 
	font-size: 11px; 
	font-weight: bold; 
	padding-left: 5px; 
	padding-bottom: 3px; 
	padding-top: 3px; 
	padding-right: 5px;
}

A.mainnav:hover { color: #666666; background: #EEEEEE; 
	font-weight: bold;
}
	
/* @end */

/* @group Levels */

#platlevel {
	font-size: 16px; 
	color: #fff; 
	text-align: center; 
	background: #666666; 
	padding-top: 2px; 
	padding-bottom: 2px;
}

#silverlevel {
	font-size: 16px; 
	color: #fff; 
	text-align: center; 
	background: #999999; 
	padding-top: 2px; 
	padding-bottom: 2px;
}

#bronzelevel {
	font-size: 16px; 
	color: #fff; 
	text-align: center; 
	background: #cccccc; 
	padding-top: 2px; 
	padding-bottom: 2px;
}

#supporterlevel {
	font-size: 16px; 
	color: #999; 
	text-align: center; 
	border: 1px dotted #333; 
	padding-top: 2px; 
	padding-bottom: 2px;
}
	
/* @end */

/* @group QA */

.mmhide_q {
	color: #003399; 
	font-size: 18px;
}

.mmhide_a {
	color: #cc0000; 
	font-size: 18px;
}
	
/* @end */

/* @group TabCode */


#menu {
	border-bottom: 1px solid #333;
	margin: 0;
	padding-bottom: 19px; 
	padding-left: 10px; 
	margin-top: 10px; 
	margin-bottom: 15px;
}

#menu ul, #menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

#menu a:link, #menu a:visited {
	background: #ccc;
	border: 1px solid #333;
	color: #333;
	float: left;
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
	padding: 2px 6px 2px 6px;
	text-decoration: none; 
	margin-right: 8px;
}

#menu a:link.active, #menu a:visited.active {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
	font-weight: normal;
}

#menu a:hover {
	color: #ffffff;
	background-color: #9999cb;
}

body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a,
body.section-8 #menu li#nav-8 a,
body.section-9 #menu li#nav-9 a {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
}

#menu ul a:hover { color: #999999; }

/* @end */
.search {
		background-color: #adacd6;
	width: 150px;
}
.search img{
	padding-top: 0;
	margin-top: 0;
}
.search form{
	margin-bottom: 0;
}

.size{
	*
}



.info{
	color: #494949;	
}
.heading{
	color: #494949;
	text-decoration: none;
	cursor: hand;
	/* Netscape cursor type */
	cursor: pointer;
	font-size: 10px;
}

#infodiv{
	color: #494949;
}
.infodiv-space{
	margin-bottom: 5px;
	font-size: 13.5px;
}
.divform{	
	border: 1px solid #c2c2c2;
	margin: 10px 10px 10px 30px;
	padding: 1px 26px 10px 74px;
	width: 385px;
}

.divsearch{	
	border: 1px solid #c2c2c2;
	margin: 10px auto;
	padding: 5px 0px 10px 30px;
	width: 480px;
	clear: both;
	float: none;

}

#flashcontent {
		
		margin: 0px 0px 5px 0;
}

/* @group row1 */

.row1{
	width: 565px;
	margin-top: 10px;
}
.row1-left{
	float: left;
	width: 100px;
}
.row1-right{
	padding-right: 10px;
	width: 560px;
	margin-left: 0px;
}
.row1-right h2{ 
	margin: 0;
	color: #CC0001;
	
}
.row1-right a{ 
	color: #cc0001;
	text-decoration: none;
}

.row1-right p{ 
	margin-top: 3px;
	font-size: 14px;
	line-height: 17px;
	padding-left: 100px;
}
.row1-right p a{
		color: #cc0001;
	text-decoration: none;
	font-size: 14px;
} 
 
.row1-right b{ 
	color: #4b4b4b;
	font-size: 9px;
	letter-spacing: 0.3em;
}
.imageholder{
	
	float: left;
	margin-bottom: 40px;
	padding-right: 8px;
}


/* @end */

/* @group row2 */

.row2{
	margin-top: 10px;
	
}
.roundbox{
	background: url(../images/yellow-bg2.jpg) repeat-x;
	width: 183px;
	height: 161px;	
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


.roundbox h2{ 
	padding: 5px 5px 3px 5px;
	color: #053297;
	font-size: 16px;
}
.roundbox a{
	color: #cc0001;	
}
.roundbox p{
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.imageholder2{
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 50px;
}
.imageholder2 img{
	border: 1px solid #0f2465;
}
.learning{
	padding: 5px;
}

.learning p{
	margin-top: 0;
	margin-left: 1px;
	margin-bottom: 8px;
}
.learning img{
	margin-right: 8px;
	margin-bottom: 13px;
}



/* @end */

.row3{
	width: 568px;
	border: 1px solid #05246d;
	height: 30px;
	background: #fc0 url(../images/fadebg.gif) repeat;
}
.row3 h2{
	margin: 0;
	padding: 0;
	color: #05246d;
	font-size: 12px;

}
	
.row4{
	width: 570px;
	margin-top: 10px;

}

/* @group signupbox */

#signup-box{
	width: 280px;
	height: 100px;
	background: #d6dcf6 url(../images/purple-bg.jpg) repeat-x;
	border: 1px solid #05246d;
	float: left;
	
}
#signup-box h2{
	color: #113086;
	font-size: 13px;
	margin-bottom: 0;
	padding: 0 0 3px 7px;
	margin-top: 5px;
}
#signup-box p{
	margin-top: 3px;
	padding: 0 0 3px 7px;
	font-size: 11px;
}
#signup-form{
	padding: 0;
	margin: 5px 5px 0 5px;
	float: right;
}



/* @end */

/* @group advisorybox */

.adv-box{
	width: 280px;
	height: 100px;
	background: #d6dcf6 url(../images/purple-bg.jpg) repeat-x;
	border: 1px solid #05246d;
	float: right;
	margin-bottom: 10px;
}
.adv-box h2{
	color: #113086;
	font-size: 13px;
	margin-bottom: 0;
	padding: 0 3px 3px 7px;
	margin-top: 5px;
}
.adv-box p{
	margin-top: 3px;
	margin-right: 145px;
	padding: 0 0 0 7px;
	font-size: 11px;
}
.adv-board{
	float: right;
	padding: 0;
	margin: 9px 7px 15px 5px;
	border: 1px solid #05246d;
}

.subscribe-form{
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

/* @end */


.partnerticker {
font: normal 10px "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
padding: 8px 10px 10px 30px;
	
text-decoration: none;

}
.mmhide_breadcrumbs{
	font-size: 12px;
}

/* @group hon */

#hon{
	width: 135px;
	position: absolute;
	margin-top: 10px;
	padding-top: 10px;
	top: 720px;
}
.honcode{
	color: #ffffff;
	margin-top: 2px;
	margin-bottom: 2px;
	font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.honcode a{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.honcode a:hover{
	color: #010066;
}

/* @end */
.diseaseresources ul li{
	list-style-type: none;
}   
.hidden a{
	list-style-type: none;
	visibility: hidden;
}   


.clear{
	clear: both;
}
.clear a{
	color: #cc0001;	
}
  
  
#translate2 {
	font-size: 9px;
	float: right;
	background-color: #e5e5e5;
	padding: 5px;
	border-left: 1px solid #000f5d;
	border-bottom: 1px solid #000f5d;
	display: inline;
	clear: both;
	position: static;
}


#translate {
	font-size: 9px;
	background-color: #e5e5e5;
	padding: 5px;
	border-left: 1px solid #000f5d;
	border-bottom: 1px solid #000f5d;
	float: right;
	display: inline;
	clear: both;
}

#translate a {
color: #000000;
}


.roundbox{
	width: 136px;
	margin-right: 10px;
	height: 175px;
	margin-bottom: 10px;
	background-image: url(http://www.vdf.org/images/purple-bg-2.jpg);
}
.roundbox h2{ 
	padding: 0 5px 3px 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.roundbox p{
padding: 0 0px 0px 5px;
	margin-top: 0;
	line-height: 1.3;
	font-size: 11px;
	height: 175px;
}
.imageholder2{
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}
.imageholder2 img{
	border: 1px solid #0f2465;
}

#social-media{
		background-color: #d2ccee;
		padding-top: 10px;
		padding-bottom: 6px;
		border-bottom: 1px solid #003ebb;
		border-top: 1px solid #003ebb;
}

#social-media img{
	vertical-align:middle;
	padding-bottom:4px;
}

#social-media a.mmhide_footer:hover {
	color: black; 
	text-align: center; 
	text-decoration: none; 
	font-weight: normal; 
	font-size: 11px;
}

#social-media .mmhide_footer {
	font-size: 11px;
	top: 5px; 
	color: #333333; 
	text-decoration: none;
}