/* CSS Document */
/* Consistency - Zero out margins and padding
------------------------------------------------------------------ */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td {
	margin: 0;
	padding: 0;
	}

.test {
	border: 1px solid red;
	}

/* Basics & Lucida Hybrid Technique
------------------------------------------------------------------ */
body {
	background: url(../images/layout/background.gif) repeat top left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	}

strong, em { 
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}

div#contentcontainer h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}

div#contentcontainer h1 { 
	font-size: 150%; 
	padding-bottom: .67em;
	}

div#contentcontainer h2 { 
	font-size: 140%; 
	padding-bottom: .71em;
	}

div#contentcontainer h3 { 
	font-size: 130%;
	padding-bottom: .77em; 
	}

div#contentcontainer h4 { 
	font-size: 120%; 
	padding-bottom: .83em;
	}

div#contentcontainer h5 { 
	font-size: 110%; 
	padding-bottom: .91em;
	}

div#contentcontainer h6 { 
	font-size: 100%; 
	padding-bottom: 1em;
	}

div#contentcontainer p {
	line-height: 1.4em;
	padding-bottom: 1em;
	}

div#contentcontainer ul, div#content ol {
	margin-bottom: 1.5em;
	}

div#contentcontainer ul li, div#content ol li {
	line-height: 1.5em;
	margin-left: 2.0em;
	}

/* Attribute Selectors
------------------------------------------------------------------ */
div#content a[href^=http],div#content a[href^=mailto], div#content a[href$=pdf], div#content a[href$=doc], div#content a[href$=xls], div#content a[href$=txt], div#content a[href$=ppt], div#content a[href$=pps] { 
	background-position: 100% 50%;
	background-repeat: no-repeat;
	padding: 0 19px 1px 0; 
	}

div#content a[href^=http] {
	background-image: url(/images/layout/icons/icon_external.gif);
	padding-right: 17px;
	}

div#content a[href^=mailto] { background-image: url(/images/layout/icons/icon_mailto.gif); }
div#content a[href$=pdf] { background-image: url(/images/layout/icons/icon_pdf.gif); }
div#content a[href$=doc] { background-image: url(/images/layout/icons/icon_doc.gif); }
div#content a[href$=xls] { background-image: url(/images/layout/icons/icon_xls.gif); }
div#content a[href$=txt] { background-image: url(/images/layout/icons/icon_txt.gif); }
div#content a[href$=ppt], div#content a[href$=pps] { background-image: url(/images/layout/icons/icon_pps.gif); }


/* Super Container
------------------------------------------------------------------ */
div#supercontainer {
	margin: 0 auto;
	width: 763px;
	}

/* Container
------------------------------------------------------------------ */
div#container {
	background: url(/images/layout/containerbackground.gif) repeat-y top left;
	margin: 0 auto;
	float: left;
	padding: 0;
	width: 762px;
	}

/* Logo
------------------------------------------------------------------ */
div#header {
	background: url(../images/layout/flag-trans.png) no-repeat 20px 0;
	float: left;
	}

/* Logo
------------------------------------------------------------------ */
div#logo {
	padding: 0 0 0 15px;
	float: left;
	width: 500px;
 	}

div#logo h1 a img {
	padding: 20px 0 0 0;
 	}

/* Site Search
------------------------------------------------------------------ */
div#search {
	float: right;
	padding: 30px 15px 0 0;
	width: 200px;
	}

div#search p {
	color: #777777;
	display: inline;
	margin: 0;
	padding: 0;
	}

div#search input {
	border: 1px solid #777777;
	background-color: #f2f2f2;
	display: inline;
	height: 15px;
	width: 170px;
	}

div#search img {
	vertical-align: bottom;
	}

/* Utility Nav
------------------------------------------------------------------ */
div#utilnav {
	float: right;
	padding: 0 15px 0 0;
	width: 210px;
	color: #ffffff;
	}

div#utilnav ul {
	background: url(../images/layout/contactBottom.gif) no-repeat bottom right;
	background-color: #8caed3;
	float: right;
	margin: 0;
	padding: 3px 0 10px 0;
	width: 210px;
	}

div#utilnav ul li {
	background: url(../images/layout/utilnavStar.gif) no-repeat center left;
	display:inline;
	font-size: .8em;
	list-style-type: none;
	margin: 0;
	padding: 0 0px 0 15px;
	}

div#utilnav li:first-child {
	background: none;
	padding: 0 0 10px 10px;
	}

div#utilnav a {
	color: #ffffff;
	text-decoration: none;
	}

div#utilnav a:hover {
	text-decoration: underline;
	}

/* Primary Nav
------------------------------------------------------------------ */
div#primarynav {
	border: 2px solid #8caed3;
	float: left;
	font-weight: normal;
	margin: 0 0 0 5px;
	padding: 1px;
	width: 745px;
	}

ul#navitems {
	background-color: #004c9b;
	color: #ffffff;
	float: left;
	margin: 0;
	padding: 5px 0;
	list-style-type: none;
	display: inline;
	width: 745px;
	}

ul#navitems li {
	color: #ffffff;
	display: block;
	float: left;
	font-size: .9em;
	}

ul#navitems li:first-child {
	color: #ffffff;
	display: block;
	float: left;
	font-size: .9em;
	padding: 0;
	}

ul#navitems li a {
	xbackground-color: #004c9b;
	color: #ffffff;
	display: block;
	font-size: .9em;
	height: 40px;
	overflow: hidden;
	position: relative;
	text-indent:-9999px;
	}

ul#navitems li a.aboutvips {
	padding-right:7px;
	width: 96px;
	}

ul#navitems li a.programsdirectory {
	width: 137px;
	}

ul#navitems li a.trainingevents {
	padding-right:7px;
	width: 147px;
	}

ul#navitems li a.eventcalendar {
	width: 117px;
	}

ul#navitems li a.startprogram {
	padding-right:7px;
	width: 117px;
	}

ul#navitems li a.vipsaction {
	padding-right:7px;
	width: 107px;
	}

ul#navitems li a.volunteer {
	width: 103px;
	}

ul#navitems li a span.aboutvips {
	background:  #004c9b url(../images/layout/nav/aboutvips.gif) no-repeat 0 0px;
	cursor: pointer;
	display: block;
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 96px;
	}

ul#navitems li a:hover span.aboutvips {
 	background: #004c9b url(../images/layout/nav/aboutvips.gif) no-repeat 0 -40px;
	}

ul#navitems li a span.programsdirectory {
	background:  #004c9b url(../images/layout/nav/programsdirectory.gif) no-repeat 0 0px;
	cursor: pointer;
	display: block;
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 137px;
	}

ul#navitems li a:hover span.programsdirectory {
 	background: #004c9b url(../images/layout/nav/programsdirectory.gif) no-repeat 0 -40px;
	}

ul#navitems li a span.trainingevents {
	background:  #004c9b url(../images/layout/nav/trainingevents.gif) no-repeat 0 0px;
	cursor: pointer;
	display: block;
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 147px;
	}

ul#navitems li a:hover span.trainingevents {
 	background: #004c9b url(../images/layout/nav/trainingevents.gif) no-repeat 0 -40px;
	}

ul#navitems li a span.eventcalendar {
	background:  #004c9b url(/images/layout/nav/eventcalendar.gif) no-repeat 0 0px;
	cursor: pointer;
	display: block;
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 117px;
	}

ul#navitems li a:hover span.eventcalendar {
 	background: #004c9b url(/images/layout/nav/eventcalendar.gif) no-repeat 0 -40px;
	}

ul#navitems li a span.startprogram {
	background:  #004c9b url(../images/layout/nav/startprogram.gif) no-repeat 0 0px;
	cursor: pointer;
	display: block;
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 117px;
	}

ul#navitems li a:hover span.startprogram {
 	background: #004c9b url(../images/layout/nav/startprogram.gif) no-repeat 0 -40px;
	}

ul#navitems li a span.vipsaction {
	background:  #004c9b url(../images/layout/nav/vipsaction.gif) no-repeat 0 0px;
	cursor: pointer;
	display: block;
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 107px;
	}

ul#navitems li a:hover span.vipsaction {
 	background: #004c9b url(../images/layout/nav/vipsaction.gif) no-repeat 0 -40px;
	}

ul#navitems li a span.volunteer {
	background:  #004c9b url(../images/layout/nav/volunteer.gif) no-repeat 0 0px;
	cursor: pointer;
	display: block;
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 103px;
	}

ul#navitems li a:hover span.volunteer {
 	background: #004c9b url(../images/layout/nav/volunteer.gif) no-repeat 0 -40px;
	}

/* Content Container
------------------------------------------------------------------ */
div#contentcontainer {
	font-family: Georgia;
	margin: 0;
	padding: 15px 20px 0 15px;
	width: 737px;
	float: left;
	}

div#contentcontainer p a {
	color: #004c9b;
	text-decoration: none;
	}

div#contentcontainer p a:hover {
	color: #004c9b;
	text-decoration: underline;
	}

div#contentcontainer p.learn {
	color: #004c9b;
	font-size: .9em;
	padding: 10px 0 0 0;
	}

div#contentcontainer p.learn a {
	color: #004c9b;
	text-decoration: none;
	}

div#contentcontainer p.learn a:hover {
	color: #004c9b;
	text-decoration: underline;
	}

div#programPhoto {
	float: left;
	margin: 0px 0 10px 0;
	padding: 0;
	width: 220px;
	}

/* Alpha Container
------------------------------------------------------------------ */
div#alpha {
	xbackground: url(../images/layout/divider.gif) no-repeat top right;
	padding: 0px 20px 0 0;
	width: 220px;
	float: left;
	}

div#didyouknow {
	position: relative;
	}

div#didyouknow h2 {
	color: #737536;
	font-weight: normal;
	margin: 0;
	}

div#didyouknow h2 a {
	color: #737536;
	font-weight: normal;
	margin: 0;
	text-decoration: none; 
	}

div#didyouknow p {
	color: #646464;
	font-size: .9em;
	}

/* Beta Container
------------------------------------------------------------------ */
div#beta {
	background: url(../images/layout/divider.gif) no-repeat top left;
	float: left;
	padding: 0px 10px 0 15px;
	width: 230px;
	}

div#beta h2 {
	color: #737536;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

div#beta p {
	color: #646464;
	font-size: .9em;
	margin: 0;
	padding: 0;
	}

div#beta p a {
	color: #004c9b;
	text-decoration: none;
	}

div#beta p a:hover {
	color: #004c9b;
	text-decoration: underline;
	}

div#beta p.date {
	font-size: .9em;
	padding: 10px 0 0 0;
	}

div#beta p.articleTitle {
	color: #004c9b;
	padding: 0 0 10px 0;
	}

div#beta p.articleTitle a {
	color: #004c9b;
	text-decoration: none;
	}

div#beta p.articleTitle a:hover {
	text-decoration: underline;
	}

/* Gamma Container
------------------------------------------------------------------ */
div#gamma {
	background: url(../images/layout/divider.gif) no-repeat top left;
	padding: 0 0 0 15px;
	width: 210px;
	float: left;
	}

div#gamma h2 {
	color: #737536;
	font-weight: normal;
	}

div#gamma p {
	color: #646464;
	}

div#gamma p a {
	color: #004c9b;
	text-decoration: none;
	}

div#gamma p a:hover {
	color: #004c9b;
	text-decoration: underline;
	}

/* Find Resources
----------------------------------------------------------*/
div#findResources {
	border: 1px solid #820a25;
	color: #ffffff;
	float: left;
	font-family: Georgia;
	padding: 1px;
	text-transform: uppercase;
	width: 220px;
	}

div#findResources h3 {
	background: #820a25;
	font-weight: normal;
	font-size: 1em;
	padding: 5px 0px 5px 10px;
	}

div#findResources h3 a {
	background: url(../images/layout/resourcesdown.gif) no-repeat center right;
	color: #ffffff;
	text-decoration: none;
	padding: 0 85px 0 0;
	}

div#findResources h3 a:hover {
	background: url(../images/layout/resourcesgo.gif) no-repeat center right;
	color: #ffffff;
	text-decoration: none;
	padding: 0 85px 0 0;
	}

/* Register Program
----------------------------------------------------------*/
div#registerProgram {
	border: 1px solid #820a25;
	color: #ffffff;
	float: left;
	font-family: Georgia;
	margin: 20px 0 0 0;
	padding: 1px;
	text-transform: uppercase;
	width: 220px;
	}

div#registerProgram h3 {
	background-color: #820a25;
	font-weight: normal;
	font-size: 1em;
	padding: 5px;
	}

div#registerProgram p {
	background-color: #820a25;
	color: #ffffff;
	font-size: .9em;
	padding: 5px 5px 5px 10px;
	text-transform: none;
	}

div#registerProgram p a {
	color: #ffffff;
	text-decoration: none;
	}

div#registerProgram p a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

div#registerProgram h3 a {
	background: url(../images/layout/registerarrows.gif) no-repeat center right;
	color: #ffffff;
	text-decoration: none;
	padding: 0 30px 0 5px;
	}

/* Question of the Month
----------------------------------------------------------*/
div#questionMonth {
	border: 1px solid #8caed3;
	float: left;
	font-size: .9em;
	margin: 20px 0;
	padding: 1px;
	width: 220px;
	}

div#questionMonth h4 {
	background-color: #8caed3;
	color: #ffffff;
	padding: 10px;
	}	

div#questionMonth p {
	background-color: #8caed3;
	color: #000000;
	font-size: 1em;
	padding: 0 10px 0 10px;
	}

div#questionMonth p.learn {
	color: #ffffff;
	font-size: .901em;
	padding: 10px 5px;
	}

div#questionMonth p.learn a {
	color: #ffffff;
	text-decoration: none;
	padding: 10px 5px;
	}

div#questionMonth p.learn a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

div#questionMonth ol {
	float: left;
	list-style-type:upper-alpha;
	margin: 0 0 0 30px;
	padding: 0 0 10px 0;
	}

div#questionMonth ol li {
	display: list-item;
	margin: 0;
	padding: 0 0 0px 0;
	width: 100%;
	}

div#homequestions {
	background-color: #8caed3;
	float: left;
	width: 210px;
	}

div#homequestions dd {
	margin: -6px 0 0 0;
	}

div#questionMonth dt {
	background-color: #8caed3;
	float:left;
	padding: 0 0 0 10px;
	width: 15px;
	}

div#questionMonth dd {
	float: left;
	padding: 3px 0 5px 0;
	width: 150px;
	}

div#questionMonth input {
	padding: 0 0 0 20px;
	}
div#questionMonth input.button {
	padding: 0 0 0 0px;
	}
div#search input.button {
	position: absolute;
	display: inline;
	height: 19px;
	margin: 0 0 0 0;
	width: 19px;
	}
/* Question of the Month Poll
----------------------------------------------------------*/
div#questionMonthPoll {
	background: #ffffff;
	margin: 10px;
	padding: 10px;
	}

div#questionMonthPoll h2 {
	color: #8caed3;
	padding: 0;
	}

div#questionMonthPoll p {
	margin: 0;
	padding: 10px 0;
	}

div#questionMonthPoll p label {
	float: left;
	}

div#questionMonthPoll p.closepoll {
	text-align:right;
	}

div#questionMonthPoll ul {
	list-style-type: upper-alpha;
	margin: 0 0 0 30px;
	}

div#questionMonthPoll ul li {
	margin: 0;
	padding: 0;
	}

div#questionMonthPoll span.characters {
	float: right;
	}

/* Partners
------------------------------------------------------------------ */
div#partners {
	float: left;
	font-family: Georgia;
	padding: 0 15px;
	width: 728px;
	}

div#partners p {
	color: #606060;
	font-size: .9em;
	padding: 0 0 5px 0;
	}

div#partners ul {
	float: left;
	list-style-type: none;
	padding: 0;
	width: 100%;
	}

/*div#partners li:first-child {
	display: inline;
	float: left;
	padding: 0 20px 0 0;
	}

div#partners li {
	display: inline;
	float: left;
	padding: 0 0 0 36px;
	}*/
div#partners li {
	float: left;
	text-align: center;
	width: 33%;
}

/* footer
------------------------------------------------------------------ */
div#clear {
	clear: left;
	}

div#footercontainer {
	margin: 0 auto;
	padding: 0;
	width: 750px;
	}

div#footertop {
	background: url(../images/layout/footerstar.gif) repeat-x center left;
	xclear: both;
	float: left;
	height: 10px;
	width: 750px;
	}

div#footermiddle {
	background-color: #8caed3;
	clear: both;
	color: #ffffff;
	float: left;
	font-size: .85em;
	padding: 10px 10px 0 10px;
	width: 730px;
	}

div#footermiddle p.matrix {
	padding: 20px 0 0 0;
	}

div#footermiddle p.federal_disclaimer {
	padding-top: 10px;
	}

div#footermiddle a {
	color: #004c9b;
	text-decoration: none;
	}

div#footermiddle a:hover {
	color: #ffffff;
	}

div#footerbottom {
	background: url(../images/layout/footerbottom.gif) no-repeat bottom left;
	height: 14px;
	clear: both;
	}
#homepage-video img { border: 1px solid #ccc; padding: 5px;}
#homepage-video p { margin-top: 5px; color: #666; font-style: italic;}