/** demo.css **/
/** created by Kelly Moore 11/2009 **/

body{
	font: 11pt Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
 
}
.footer{
	clear:both;
	width:100%;
	height:2em;
	line-height: 2em;
	background-color:inherit;
}
.footer p{color:#039;text-align: center;font-size: 0.9em;}
#wrapper{
   /* background-color:#ccf;*/
    width:975px;
    padding: 0 0;
    margin: 5px auto;
    position:relative;
    background-color:#ccf;
}
#content {
   /* background-color: #e6e6fa;*/
	background-color:#ccf;
  width:975px;
  margin:0 0 0 0;
  padding:0 0 10px 0;
}
.scenarioWrapper{
	padding:0 0;
	clear:left;
	margin:0 0 0 10px;
}
.scenarioContent{
	width:100%;
	margin:0 0;
	padding:10px 10px;
}
.ieWrapper{
	width:100%;
	position: relative;
	top:-100px;
}


#sideNav{
	padding:0 0;
	float:right;
	width: 365px;
	height:100%;
}




#header{
    border:1px solid #223e7f;
    border-right:none;
    border-left:none;
    background-color:#fff;
}
#header p{
    font-size:1.8em;
    font-weight :900;
    /*color: #223e7f;*/
    color: #600;
    text-align:center;
}
#headerHome{
    border:1px solid #223e7f;
    border-right:none;
    border-left:none;
    background-color:#fbf7aa;
}
#headerHome p{
/*		font-style: italic;*/
    font-size:1.7em;
    line-height:1.2em;
    font-weight :800;
    color: #a27d35;
    text-align:center;
    padding:10px 15px;
}
.blacktext{color:#000;}
#header2 {
	float:left;
  border:2px solid #223e7f;
  background-color:#fff;
	margin:20px 0 0 20px;
	padding:0 0;
	width:600px;
	height:150px;
}
#header2 h1{
	margin-left:160px;
	margin-top:40px;
	color:#006;
}
#header2 h2{
	margin-left:160px;
    margin-top:10px;
	color:#900;
	font-size: 1.2em;
	text-transform: uppercase;
}


/** Continue Button **/

#continue_wrapper{
	float:right;
	margin-right:20px;
}
#back_wrapper{
	/*clear:both;*/
	float:left;
	margin-left:70px;
}
p.continue {
/*	float:right;*/
	padding:10px 0;
}


p.view{margin:7px 7px;}
.continue a, .view a{
	padding:5px 10px;
	border:2px solid #c00;
	background-color: #f00;
	color:white;
	text-decoration: none;
}
.continue a:hover, .view a:hover{
	background-color:#f33;
}




#boxheader{

	width:750px;
	background-color:#6c0;

}
.subheader{position: relative;top:-90px;}
#boxheader p{
	font-size: 1.5em;
	color:#036;
	border:1px dotted #ccc;
	padding:0 0;
	margin:0 0;
}
#boxwrapper{
	z-index:-100;
	margin-top:15px;
	width:750px;
	height: 426px;
	margin-bottom:10px;
	margin-top:15px;
    margin-left:4px;
    float:left;
}
#sideNav3{
    z-index:-+100;
    padding:0 0;
	margin-top:15px;
    margin-right:5px;
    float:right;
    width:190px;
   /*margin-left:780px;*/
}
#sideNav2{
/*    z-index:+100;*/
    padding:0 0;
	margin-top:15px;
    margin-right:10px;
    float:right;
    width:190px;
}
#menuwrapper{
/*	width:250px;
    border:1px solid green;
	padding:0 0;*/
}

#boxcontainer{
	width: 750px;
	height:416px;
	position:relative;
}
#subwrapper{
	width:975px;
	height: 500px;
	margin-bottom:10px;
	margin-top:0;
	position:relative;
	top:-80px;
}
#subwrapper2{
	clear:both;
}
#foo{
	z-index:-10;
	clear:left;
/*
	top:80px;
	width:100%;
	position:relative;
*/
}
#subfoo{
	width:100%;
	position:relative;
}
#boxcontainer{
	width: 750px;
	height:416px;
	position:relative;
}
.box{
	width:145px;
	height: 416px;
	padding:0 0;
	margin:0 0;
	position:absolute;
	top:0;
}
.box:hover{cursor:pointer;}
#box01{background-image:url('../images/5box/sponorg.jpg');	left:2px;background-position:0 0;}
#box01:hover{background-position:145px 0;}

/*
.box01_hover{background-image:none};
*/

#box02{background-image:url('../images/5box/valpar.jpg');	top:0;left:152px;background-position:0 0;}
#box02:hover{background-position:145px 0;}

/*#box03{top:0;left:302px;}*/
#box03{background-image:url('../images/5box/sponcom.jpg');top:0;left:302px;background-position:0 0;}
#box03:hover{background-position:145px 0;}


#box04{
    background-image:url('../images/5box/funders.jpg');
    background-position:0 0;
    top:0;left:452px; /* note, this refers to the box, NOT the image in the box*/
}
#box04:hover{background-position:145px 0;}

#box05{background-image:url('../images/5box/resources.jpg');	top:0;left:602px;background-position:0 0;}
#box05:hover{background-position:145px 0;}



#topnav{
    width:975px;
    margin:0 0;
    padding: 0 0;
    height: 3em;
/*    background-color:#3366FF;*/
/*		background-color: #036;*/
		background-color: #38699f;
}
#topnav a{
	text-decoration: none;
	color:#fff;
}
#topnav a:hover{color:#f33;}
/*
#topnav h2{
	margin-left:5px;
  font-size:1.9em;
  font-weight: :900;
  color: #336600;
}*/
#topnav p.title{
		display:inline;
    font-weight:800;
    margin-left:10px;
    color:#fff;
    line-height:3em;
}
#topnav p.mininav{
		display:inline;
    font-weight:800;
    margin-left:460px;
    color:#fff;
    line-height:3em;
}



/** Background Icons for Subpage Headers **/
.hdr_valpar {
	background-image: url('../images/icons/shakinghands.jpg');
	background-repeat:no-repeat;
	background-position: 0 0;
}
.hdr_spoorg {
	background-image: url('../images/icons/lighthouse.jpg');
	background-repeat:no-repeat;
	background-position: 0 0;
}
.hdr_spoco {
	background-image: url('../images/icons/desk.jpg');
	background-repeat:no-repeat;
	background-position: 0 0;
}
.hdr_funders {
	background-image: url('../images/icons/arrow.jpg');
	background-repeat:no-repeat;
	background-position: 0 -7px;
}
.hdr_3rd_party {
	background-image: url('../images/icons/reading.jpg');
	background-repeat:no-repeat;
	background-position: 0 0;
}
.hdr_benefits {
	background-image: url('../images/icons/globe.png');
	background-repeat:no-repeat;
	background-position: 0 0;
}
.hdr_resources {
	background-image: url('../images/icons/resources.png');
	background-repeat:no-repeat;
	background-position: 7px 0;
}
.subpage {
	/*height:5em;
	line-height:5em;*/
	margin-top:20px;
	width:600px;
	height:150px;
	/*border-right:2px solid #223e7f !important;*/
}
.subpage p{
	text-align:left !important;
	margin-left:210px;
	padding: 1em 0;
}
.subpage p.splash{
	text-align:left !important;
	margin-left:175px !important;
	padding: 1em 0;
}

/*
table.splash_box{
	clear:both;
	border:2px solid #33f;
	background-color: #e6e6fa;
	position:absolute;
	top:5px;
	left:5px;
}
table.splash_box td{
	padding:3px 6px;
	border-bottom:1px dotted #ccc;
}
*/
table.splash_box{
	clear:both;
	border:2px solid #33f;
	background-color: #e6e6fa;
}
table.table_highlight{
	background-color:#ff3;
	border:2px solid #f00;
}
table.splash_box td{
	padding:3px 6px;
	border-bottom:1px dotted #ccc;
}
td.last{border-bottom: none !important;}

tr.header_row td {font-weight: 900;}

#sectors{
	position:absolute;
	left:340px;
	top: 5px;
}

.infobox {
	padding:5px 5px;
	border:2px solid #33f;
	background-color: #e6e6fa;
}
.infobox p{text-align:center;font-weight: 900}
.infobox li {list-style-type:none;}

.vpdash ol {list-style-type: none;}

#clients{
	position:absolute;
	left:770px;
	top: 195px;
}
#eventCount{
	position:absolute;
	left:525px;
	top: 5px;
}
#graduates{
	position:absolute;
	left:770px;
	top: 5px;
}
#management{
	position:absolute;
	left:340px;
	top: 195px;
}
#directors{
	position:absolute;
	left:525px;
	top: 195px;
}

#mid{
    width:975px;
    padding:0 0;
    margin:0 0;
/*    height:250px;*/
}
#midHome{
    width:100%;
    padding:0 0;
    margin:0 0;
    position: relative;
}
.midsub{height:200px !important}
#midContent{
/*		float:left;*/
		height:100%;
    width:600px;
		padding:0 0;
    margin:0 0;
		/*background-color: #cfc;*/
}

#mid p{
	padding:5px 10px 0 60px;
	/*color:#333;*/
	color:#000;
	font-size:1.1em;
	line-height:1.8em;
}

#mid p span{
    font-size:1.2em;
    font-weight:800;
    color:#666;
}




/** nav positioning for subpages (ie, not index.html) **/
.subnav {
	position:relative;
	top:-130px;
	right:-30px;
}




/** Menu Schtuff**/

/*
ul.menu{
	width:100%;
	padding:0 0;
	margin:0 0;
}
ul.menu li{
	list-style:none;
	width:225px;
	background-color:#036;
	border:1px solid #fff;
}
ul.menu li li{
	width:200px;
}
ul.menu li.scenarios{
	background-color:#f00;
}
ul.menu li.scenarios:hover{
	background-color:#f33;
}
ul.menu li a{
	text-decoration: none;
	color:white;
	font-size:1.1em;
	padding:5px 5px;
	line-height:1.7em;
	cursor:pointer;
}
ul.menu li:hover{
	background-color:#36f;
}

*/

/** Sub Page layout stuff **/
.chartwrapper{
	clear:both;
	width:100%;
	height:100%;
	margin:0 0;
	padding: 0 0;
	background-color: #fff;
	position:relative;
}
#dashWrapper{

	width:100%;
	margin: 0 0;
	padding: 0 0;
	position:relative;
	border:1px dotted red;
}

.splashwrapper{
	width:975px;
	margin: 10px 0 0 0;
	padding: 0 0;
	background-color: inherit;
	position:relative;
	bottom:60px;
}


/*** not used ***
.chartrow{
  clear:left;
	width:975px;
	height:60px;
	margin: 0 0;
	padding: 0 0;

}
.chartcell{
	height:60px;
	margin:0;
	padding:0 0;
	border:1px dotted #ccc;
}
.a {width:200px;}

.chartcell p {padding: 0 2px 2px 2px}

*** not used above this line ***/

#sponsoredContent{
    width:100%;
    margin:0 20px;
}
#videoWrapper{
	width:350px;
}
#formWrapper{
	width:440px;
	padding-top:30px;
}
form.sponsored{
    margin:0 0;
    background-color:#fafad2;
	width:440px;
	padding:10px 10px;
	border:2px solid #223e7f;
}
form.sponsored selected{width:200px;text-align: right;}
form.sponsored label{
	width:220px;
	float:left;
}
form.sponsored input{width:200px;}
form.contact label{
	width:150px;
	float:left;
}
form.contact input{width:200px;}
form.contact textarea{
	width:210px;
	height:4em;
}
form.contact input.button{
	width:100px;margin-left:280px;
}
form .formrow{
	padding: 2px 0 2px 5px;
}
form .formrow:hover{
	background-color:#ff9;
}

form.sponsored .formrow:hover{
    background-color:inherit;
}


table.chart, table.scenario {border:1px solid #006}
table.scenario{width:600px;}
table.chart th, table.scenario th{text-align: left;padding-left:5px;border-right:1px dotted #ccc;background-color:#006;color:#fff;}
table.chart th.last, table.scenario th.last{border-right:none;}
table.chart td, table.scenario td{
	vertical-align: top;
	text-align: left;
	padding:5px 9px;
	border-right:1px dotted #ccc;
}
table.chart td.a{ width: 200px; }
table.chart td.b{ width: 400px; }
td.c {	width: 300px;}

table.scenario td.a{ width: 520px; }
table.scenario td.b{ width: 80px;}

table.scenario tr:hover {background-color: #ccc;}

.odd {background-color: #ff9;}
.even{background-color: #ccf}

.hide {visibility:hidden}

/** Validation Partner Dashboard **/
table.dashy{
	margin-top:20px;
	width:100%;
}
table.dashy th{background-color:#36c;border-right:1px dotted white;color:#fff;padding:3px 3px;}
table.dashy td {
	width:25%;
	padding:5px 5px 5px 5px;
	vertical-align: top;
}
table.dashy ol{list-style: none}
table.dashy li:hover{background-color: #ff9;}
table.dashy li {padding-bottom:0.5em;border-bottom:1px dotted #fff;list-style-type: none;}
table.dashy th:hover{background-color:#f33}

/** tweak **/
div.hspace20{width:100%;clear:both;height:20px;}
div.hspace_big{width:100%;clear:both;height:280px;}
/** Member Benefits **/
div.benefit_row{
	clear:left;
	width:950px;
	border:2px solid #009;
/*	background-color:#ccc;*/
	background-color: #99f;
	color:#003;
	margin:10px 10px;
}
div.benefit_row ul{
	margin:20px 20px 20px 40px;

}
div.benefit_row li{
	padding:.3em .6em;
}
div.benefit_row h1{height:100px;line-height:100px;border:1px solid #fff;}
div.benefit_row h1.val{
	background-image: url('../images/icons/val_small.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.benefit_row h1.spoco{
	background-image: url('../images/icons/spoco_small.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.benefit_row h1.spoorg{
	background-image: url('../images/icons/spoorg_small.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.benefit_row h1.funders{
	background-image: url('../images/icons/funders_small.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.benefit_row h1{padding-left:100px; background-color: #fff;color:#039;}

/** Funders Dashboar **/
table#fundash{
	width:100%;
}
#fundash {font-size: 0.9em;}
#fundash th{text-align: left;}
#fundash td {width:25%;vertical-align: top;}
#fundash th, #fundash td {padding:10px 13px;}
#fundash tr.arrows_down td{
	height:99px;
	background-image: url('../images/down.png');
	background-repeat: no-repeat;
	background-position: 5px 0;
}
#fundash li {list-style-type: none;}

div.thirdpartycontent{
	clear:both;
	width:800px;
	margin:10px auto;
	border:2px solid #fff;
}
div.thirdpartycontent p{
	font-size:1.4em;
	line-height: 1.2em;
	font-weight: 800;
	color:#006;
	padding:10px 10px;
}
div.thirdpartycontent li{list-style-type: none;padding-left:20px;}

#globalIcon{
	clear:both;
	width:600px;
	height:300px;
	background-image: url('../images/antenna_med.png');
	background-repeat: no-repeat;
	background-position:  400px -10px;
	position: relative;
	top:-100px;
}
table#pubsplash{
	clear:both;
	width:100%;
/*	background-color: #ccc;*/
}
#pubsplash td{width:50%;vertical-align: top;padding:10px 10px;}

.video{
	background-color:#fbf7aa;
	border:2px solid #223e7f;
	width:350px;
	margin:30px 10px;
}
.video p{padding:1em 2em}
.viddy {font-weight:900;text-align:center;color:#fff;background-color:#223e7f;cursor:pointer;}
.viddy span{font-weight: normal;font-size: 0.9em;}

table.valregform{
	width:700px;
	clear:both;
	margin:0 20px;
}
table.valregform tr{
	height:1.9em;
}
table.valregform td{
border-bottom:1px dotted #000080;}

div.spocoreg table td{
	border-bottom:1px dotted #000080;
	padding:0.2em 0;
	margin:0 0;
}

div.spocoregwrap{
	width:90%;
	clear:left;
	margin:20px 20px;
	/*border:1px solid #fff;*/
}
div.regform{
	padding:20px 20px;
}
.highlight{
	background-color:#ff0;
}
.rowhighlight{
	background-color:#ff9
}