@import url("navigation.css");

/* Vital Aging Network
Site Layout and Design Styles
Copyright 2008, All Rights Reserved */


/* = BASE RULES = */

* {
	margin:0;
	padding:0;
	}
html {
	height:100%;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	text-align:center;
	background: #d9e8a3;
	color:#000;
	margin:0;
	min-height:101%;
	}

a:link, a:visited{
	color:#004963;
	text-decoration:none;
	font-weight:bold;
	}

a.def_lnk {
	color:#004963 !important;
	text-decoration:none !important;
	font-weight:bold !important;
	padding:0px !important;
	margin:0px !important;
}


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

 a.def_lnk:hover{
	color:#00718F !important;
 }

img {
	border:none;
	}

img.alignright_margin {
	float:right;
	margin: 0 0 15px 15px;
}
img.alignleft_margin {
	float:left;
	margin: 0 15px 0 15px;
}

/* = CONTENT HOLDERS = */

#wrapper {
	text-align:left;
	margin:0 auto;
	width:782px;
	z-index:102;
	font-size:90%;
	background:#fff;
	border-left:1px solid #666;
	border-right:1px solid #666;
	}

#top {
	width:730px;
	padding:0 25px 5px 25px;
	}

#content {
	width:730px;
	padding:0 25px 0 25px;
	}



#contentbox {
	float:left;
	width:510px;
	margin:0 0 10px 0;
	background:#FAF5de url(images/bg-flowers2.gif) bottom no-repeat;
	border-top:1px solid #00718f;
	border-bottom:1px solid #00718f;
	}

#contentbox p.quoteauthor {
	text-align:right;
	color:#757779;
	font-size:90%;
	padding-bottom:1em;
	margin-top:-5px;
	}

#contentbox div {
	padding:10px 20px;
	}

#maincol {
	float:left;
	width:500px;
	padding:10px 20px;
	}


#bottom {
	clear:both;
	background:#91d4cd;
	border-top:1px solid #00718f;
	border-bottom:1px solid #666;
	text-align:center;
	}

#bottom p {
	margin: 0px;
	padding:.3em 0 .6em 0;
	}

#footer {
	clear:both;
	margin:5px auto;
	}

#footer a {
	color:#fff;
	text-decoration:underline;
	}


#textresizer {
	clear:right;
	text-align:right;
	}


/* NEWS,VOICES, QUIZ, SEARCH SECTIONS */




#news {
	float:left;
	width:510px;
	margin:10px 0;
	background:#d3edec;
	border-top:1px solid #00718f;
	border-bottom:1px solid #00718f;
	}

#news img {
	float:left;
	margin:0 10px 150px 0;
	border-bottom:1px solid #00718f;

	}

#news p, #voices p {
	line-height:120%;
	margin-bottom:1.2em;
	}

#news div {
	margin-left:188px;
	padding:0 10px 5px;
	}

h3.newsheader {
	background: url(images/text-whatsnew.gif) no-repeat 0 5px;
	text-indent:-5000px;
	height:42px;
	width: 320px;
	padding:0;
	margin:0;
	float:left;
	}

#voices {
	float:left;
	width:510px;
	margin:10px 0;
	background:#f9f3cf url(images/bg-flowers.gif) bottom no-repeat;
	border-top:1px solid #00718f;
	border-bottom:1px solid #00718f;
	}

#voices div {
	padding:10px 20px;
	}


#voices h3.voicesheader {
	background: url(images/text-voices2.gif) no-repeat 280px 5px;
	text-indent:-5000px;
	height:36px;
	padding:0;
	margin:0 0 -15px 0;
	border-bottom:none;
	}


#search {
   text-align: right;
   background:#b9d8e5;
   width:228px;
   float:right;
   padding:0 3px;
   margin:10px 0;
   border:1px solid #666;
   color:#333;
}


#search form {
	margin:0;
	padding:0;
	}

#search input#searchterm {
	display: inline;
	background:#ddd;
	width:150px;
	}

table.searchbox {
	padding:0;
	margin:0 5px 0 0;
	border:none;
	}

.searchbox td {
	padding:0 3px;
	border-collapse:collapse;
	}



div.halfleft {

	float:left;
	width:49%;
	}

div.halfright {
	float:right;
	width:49%;
	}



/* page-specific */

#maincol.homepage {
	font-size:140%;
	width:340px;
	padding:10px 40px 15px 55px;
	}

#maincol.homepage p {
	margin:.3em 0 .3em 0;
		}

#preloadDefaultImages {
	width: 0px;
	height: 0px;
	display: inline;
	background-image: url(images-hover/nav-about.gif);
	background-image: url(images-hover/nav-alva.gif);
	background-image: url(images-hover/nav-getinvolved.gif);
	background-image: url(images-hover/nav-resources.gif);
	background-image: url(images-hover/nav-toolkit.gif);
	background-image: url(images-hover/nav-ventures.gif);
	background-image: url(images-down/nav-about.gif);
	background-image: url(images-down/nav-alva.gif);
	background-image: url(images-down/nav-getinvolved.gif);
	background-image: url(images-down/nav-resources.gif);
	background-image: url(images-down/nav-toolkit.gif);
	background-image: url(images-down/nav-ventures.gif);

}

/* == TYPE == */
h1 { font-size:240%; }
h2 { font-size:1.2em; }
h3 { font-size:150%; }
h4 { font-size:130%; }
h5 { font-size:110%; }
h6 { font-size:100%; }


h1, h2, h3, h4 {
	margin:.8em 0 .6em 0;
	padding:0;
	color:#333;
	}
h3 {
	margin-bottom:.1em;
}
h5, h6 {
	margin:.6em 0;
	}

h1.siteheader, h1.siteheader2 { /*this is top type header*/
	float:left;
	margin:0;
	padding:0;
	}


h1.siteheader a:link, h1.siteheader a:visited, h1.siteheader a:hover	{
	display: block;
	width: 460px;
	height:100px;
	background: url(images/logo.gif) no-repeat 30px 30px;
	text-decoration:none;
	text-indent:-5000px;
	}


/*the smaller logo*/
h1.siteheader2 a:link, h1.siteheader2 a:visited, h1.siteheader2 a:hover	{
	display: block;
	width: 330px;
	height:57px;
	background: url(images/logo-small.gif) no-repeat 20px 10px;
	text-decoration:none;
	text-indent:-5000px;
	}



h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	}


h3 {
	color:#000;
	font-weight:normal;
}



h4 {
	color:#666;
	}

h5 {
	font-weight:bold;
	font-style:italic;
	}


p {
	line-height:170%;
	margin:.3em 0 .6em 0;
	}

ul,ol {
	margin:.6em 0;
	padding:0 0 0 10px;
	}

ol {
	list-style-position:inside;
	}

li {
	margin:.4em 7pt;
	line-height:150%;
	}

ul.styledlist {
	padding:0;
	list-style:none;
	}

ul.styledlist li {
	background: url(images/bg-bullet.gif) 0 5px no-repeat;
	padding-left:20px;
	}


table {
	border:none;
	}

td {
	padding:5px;
	vertical-align:top;
	}

label {
	display:block;
	clear:right;
	}


dl {
	margin:.2em 0;
	}

dt {
	font-weight:bold;
	font-size:110%;
	margin:.6em 0;
	}

dd {
	margin:0 0 0 20px;
	padding:0;
	}


fieldset {
	margin:1em 0;
	padding:1em;
	border:1px solid #ccc;
	width:400px;
	}

legend {
	font-weight:bold;
	font-size:110%;
	color:#666;
	}

label {
	display:block;
	}

/* MISC SPANS AND CLASSES */

.floatbox-left {
	float:left;
	padding:10px 20px 10px 0;
	}

.floatbox-right {
	float:right;
	padding:10px 10px 10px 20px;
	text-align:right;
	}

.sub-nav {
	border-left: 1px dashed #999;
	margin-bottom:10px;
	margin-left:20px;
	margin-top:20px;
	width:120px;
	}

.floatbox-right p {
	line-height:100%;
	font-size:90%;
	}


#contentbox div .floatimage-right {
	float:right;
	clear:right;
	padding:0;
	margin:6px -20px 6px 0;
	}

#contentbox div.floatbox-right {
	float:right;
	padding-right:0;
	padding-top:0;
	}


#contentbox h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dotted #666;
	color:#004963;
	font-size:180%;
	margin-top:.4em;
	font-weight:normal;
	}

#contentbox h3 {
	font-size:140%;
	}

.breadcrumb {
	font-size:90%;
	line-height:100%;
	margin:.2em 0;
	padding:0;

	}

.breadcrumb a:link, .breadcrumb a:visited {
	color:#000;
	font-weight:normal;
	}

.breadcrumb a:hover {
	color:#666;
	}


.clearout {
	clear:both;
	}

.bigger {
	font-size:110%;
	}

.smaller {
	font-size:90%;
	}

p.tightenup, #contentbox.tightenup p {
	line-height:140%;
	}


.defaultfont { font-size:1em; }
.mediumfont { font-size:1.2em; }
.largerfont { font-size:1.3em; }

div#pastyears, #pastyears div {
	padding:0;
	}

#pastyears h4 a {
	color:#999;
	}

#pastyears li.submenuli a:hover, #pastyears li.submenuli span{
	background:none;
	color:#00718F;
	}

div#pastyears ul {
list-style-position:inside;
}

div#pastyears ul li ul {
list-style:none;
padding-left:0;

	}

div#pastyears ul li li {
	padding:0;
	margin:0;
	line-height:120%;
	}

div#pastyears ul li li {
	color:#333;
	}


h6.fttl {
	font-weight:bold;
	margin:.5em 0 .2em 0;
}

*.sep {
	border-top: 1px dotted #FFF;
	height:15px;
}

*.summary_item {
	font-weight:normal !important;
	width:96% !important;
}

*.forum_itm{
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding:0px !important;
}

*.letter_spacing{
	letter-spacing:.2em;
}

/*   ---  */

*.quoteauthor {font-style: italic}
*.tightenup {line-height: 140%}
*.year_grey {color:#666;}
*.clear_cls {margin:0; padding:0; line-height:0; font-size:0}

.x-window-plain {background-color:#fff; border:#999 1px solid;}