@charset "utf-8";
/* 

CSS Document 
STYLE SHEET FOR climate.nfcym.org | 2009
Created by Bruce Baumgarten

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms

Notes


*/

/* --------- 1. defaults  --------- */

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	font: 62.5%/1.5em Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
	background: #FFFFFF url(../img/pgbgdimg.jpg) 0 0 repeat-x;
}
		
td  {
	padding: 1px 3px;
}

		
/*  --------- 2. structure  --------- */

.bodybgd  {
	background: url(../img/bgdimg.jpg) center top no-repeat;	
}

#main {
	margin: 0 auto;
	width: 915px;
	text-align: left;
}

#header  {
	height: 485px;
	text-align: left;
	margin:0 auto;
}

#header .logo {padding: 15px 0 15px 5px;}

#content {padding: 5px 15px 0 15px;}

.fullrow  {padding-bottom: 15px;}

.dividedrow {border-top: 1px solid #B9C8D7;}

.columnwrapper {width: 100%; overflow: hidden;}

.tricol1, .tricol2, .tricol3, .duocol1, .duocol2   {float: left;}

.tricol1 {width: 285px;}
.tricol2 {width: 305px;}
.tricol3 {width: 293px;}

.duocol1 {width: 442px;}
.duocol2 {width: 442px;}

.dividedrow .inner {padding-top: 20px; padding-bottom: 44px;}

.tricol2, .tricol3, .duocol2  {border-left: 1px solid #B9C8D7;}

.tricol1 .inner, .duocol1 .inner  {padding-right: 15px;}
.tricol2 .inner, .duocol2 .inner  {padding-right: 22px; padding-left: 19px;}
.tricol3 .inner  {padding-left: 14px;}

.lifeexample  {
	margin: 0 20px;
	padding-top: 0.5em;
	border-top: 2px solid #4C7D2B;
	border-bottom: 2px solid #4C7D2B;
}

#footer {
	border-top: 1px solid #B9C8D7; 
	padding: 37px 0 39px 39px;
}

.clear {clear:both;}

/*  --------- 3. links and navigation  --------- */

a:link, a:visited  {
	text-decoration: none;
	color: #0061CB;
}
a:hover, a:active  {
	text-decoration: underline;
	color: #4C7D2B;
}

.menu {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.menu li  {
	float: left; 
	margin: 0;
	padding: 0; 
	background:none;
	height: 50px;
	text-align: center;
}

.menu li#homebut, .menu li#praybut, .menu li#actbut {
	width: 153px;	
}

.menu li#learnbut, .menu li#assessbut {
	width: 152px;	
}

.menu li#advocatebut  {
	width: 152px;	
}

.menu li#homebut a:link, .menu li#praybut a:link, .menu li#actbut a:link,
.menu li#homebut a:visited, .menu li#praybut a:visited, .menu li#actbut a:visited  {
	display: block;
	background: url(../img/menubgdUp-153w.gif) 0 100% no-repeat;
	font: normal bold 14px/1em "Trebuchet MS", Trebuchet, sans-serif;
	color: #6CB33E;
	text-decoration: none;
	text-align: center;
	padding-top: 15px;
	width: 153px;
	height: 35px;
}

.menu li#learnbut a:link, .menu li#assessbut a:link,
.menu li#learnbut a:visited, .menu li#assessbut a:visited {
	display: block;
	background: url(../img/menubgdUp-152w.gif) 0 100% no-repeat;
	font: normal bold 14px/1em "Trebuchet MS", Trebuchet, sans-serif;
	color: #6CB33E;
	text-decoration: none;
	text-align: center;
	padding-top: 15px;
	width: 152px;
	height: 35px;
}

.menu li#advocatebut a:link, .menu li#advocatebut a:visited  {
	display: block;
	background: url(../img/menubgdLastUp-152w.gif) 0 100% no-repeat;
	font: normal bold 14px/1em "Trebuchet MS", Trebuchet, sans-serif;
	color: #6CB33E;
	text-decoration: none;
	text-align: center;
	padding-top: 15px;
	width: 152px;
	height: 35px;
}

.menu li#homebut a:hover, .menu li#praybut a:hover, .menu li#actbut a:hover,
.menu li#homebut a:active, .menu li#praybut a:active, .menu li#actbut a:active  {
	background: url(../img/menubgdDown-153w.gif) 0 100% no-repeat;
	text-decoration: none;
	padding-top: 25px;
	width: 153px;
	height: 25px;
}

.menu li#learnbut a:hover, .menu li#assessbut a:hover, 
.menu li#learnbut a:active, .menu li#assessbut a:active {
	background: url(../img/menubgdDown-152w.gif) 0 100% no-repeat;
	text-decoration: none;
	padding-top: 25px;
	width: 152px;
	height: 25px;
}

.menu li#advocatebut a:hover, .menu li#advocatebut a:active  {
	background: url(../img/menubgdLastDown-152w.gif) 0 100% no-repeat;
	text-decoration: none;
	padding-top: 25px;
	width: 152px;
	height: 25px;
}

body#homebod .menu li#homebut a:link, body#homebod .menu li#homebut a:visited, body#homebod .menu li#homebut a:hover, body#homebod .menu li#homebut a:active,
body#praybod .menu li#praybut a:link, body#praybod .menu li#praybut a:visited, body#praybod .menu li#praybut a:hover, body#praybod .menu li#praybut a:active,
body#actbod .menu li#actbut a:link, body#actbod .menu li#actbut a:visited, body#actbod .menu li#actbut a:hover, body#actbod .menu li#actbut a:active  {
	display: block;
	background: url(../img/menubgdDown-153w.gif) 0 100% no-repeat;
	font: normal bold 14px/1em "Trebuchet MS", Trebuchet, sans-serif;
	color: #6CB33E;
	text-decoration: none;
	text-align: center;
	padding-top: 25px;
	width: 153px;
	height: 25px;
}

body#learnbod .menu li#learnbut a:link, body#learnbod .menu li#learnbut a:visited, body#learnbod .menu li#learnbut a:hover, body#learnbod .menu li#learnbut a:active,
body#assessbod .menu li#assessbut a:link, body#assessbod .menu li#assessbut a:visited, body#assessbod .menu li#assessbut a:hover, body#assessbod .menu li#assessbut a:active  {
	display: block;
	background: url(../img/menubgdDown-152w.gif) 0 100% no-repeat;
	font: normal bold 14px/1em "Trebuchet MS", Trebuchet, sans-serif;
	color: #6CB33E;
	text-decoration: none;
	text-align: center;
	padding-top: 25px;
	width: 152px;
	height: 25px;
}

body#advocatebod .menu li#advocatebut a:link, body#advocatebod .menu li#advocatebut a:visited, body#advocatebod .menu li#advocatebut a:hover, body#advocatebod .menu li#advocatebut a:active  {
	display: block;
	background: url(../img/menubgdLastDown-152w.gif) 0 100% no-repeat;
	font: normal bold 14px/1em "Trebuchet MS", Trebuchet, sans-serif;
	color: #6CB33E;
	text-decoration: none;
	text-align: center;
	padding-top: 25px;
	width: 152px;
	height: 25px;
}



/*  --------- 4. fonts  --------- */

h1 {
	font: normal bold 1.6em/1.5em Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
	text-transform: uppercase;
	color: #0061CB;
	margin-bottom: 0.5em;
}

h2 {
	font: normal bold 1.6em/1.3em Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
	color: #4C7D2B;
	margin-bottom: 0.5em;
}

h3 {
	font: italic bold 1.6em/1.5em Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
	color: #154979;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
}
		
h4 {
	font: normal bold 1.4em/1.8em Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
	color: #4C7D2B;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
}

h5 {
	font: normal bold 1.3em/1.7em Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
	color: #154979;
	margin-top: 0.5em;
}

h6 {
	font: normal bold 1.25em/1.6em Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
	color: #0061CB;
	margin-top: 0.5em;
}

p {
	font: normal normal 1.25em/1.6em Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
	color: #404040;
	margin-bottom: 1em;
}

ul {
	margin: 0.2em 1.5em 0.5em 2.5em;
	padding: 0;
	list-style-position: outside;
	list-style-type: disc;
}

ol {
	margin: 0.2em 1.5em 0.5em 2.5em;
	padding: 0;
	list-style-position: outside;
	list-style-type: decimal;
}

li  {
	font: normal normal 1.25em/1.5em Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
	color: #404040;
	padding-bottom: 0.3em;
}

li ul li, li ol li  {
	font: normal normal 1em/1.2em Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
	color: #404040;
}

.copyright  {
	font: normal normal 1.2em/1.5em Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
	text-align: left;
}

.lifeexample p  {
	font: italic bold 1.3em/1.6em Constantia, "Palatino Linotype", Palatino, Georgia, serif;
	color: #154979;
	margin-bottom: 1em;
}
		
.pctr  {
	text-align: center;
}

.prt  {
	text-align: right;
}

.pjust  {
	text-align: justify;
}

.smalltext  {
	font-size: 80%;
}
		
.explanatoryText  {
	font: normal normal 1em/1.2em Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
	color: #333333;
	margin-bottom: 1.5em;
}

.unbold	{
	font-weight: normal;
}
		
.emabove {
	margin-top: 1em;
}

.blue  {
	color: #154979;
}
		
.green  {
	color: #4C7D2B;
}
		
.grey  {
	color: #404040;
}
		
.bluecentered  {
	color: #154979;
	text-align: center;
}
		


/* ---------- 5. images ---------- */

a img {
	border: 0;
}
		
.imgright  {
	float: right;
	margin-left: 10px;
	margin-bottom: 8px;
}
		
.imgleft  {
	float: left;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 4px;
}