@charset "utf-8";
/* CSS Document */


/* Global Reset From Yahoo *****************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }

table { border-collapse:collapse; border-spacing:0; }

fieldset,img { border:0; }

address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }

ol,ul { list-style:none; }

caption,th { text-align:left; }

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }

/******************************************************/

body {
	margin:0;
	padding:0;
	background-color: #fff;
}

#backgroundHome {
	background: #fff url(images/pageBackHome.png) repeat-x center top;
}

#background {
	background: #fff url(images/pageBack.png) repeat-x center top;
}

.container {
	width: 920px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
		
#header { height: 140px; }




/* Navigation *****************************************************/

#nav {
	height: 66px;
	width: 720px;
	float: right;
	padding-top: 68px;
	background: url(images/seccSmall.gif) no-repeat top right;
}
/* .navcontainer {
	width: 600px;
	margin-top: 30px;
	float: left;
	height: 40px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} */
.navlist {
	height: 55px;
	margin: 0;
	padding-bottom: 8px;
	padding-left: 0px;
	/* background: url(images/navDividers.gif) no-repeat bottom left; */
}

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

.navlist a:link, .navlist a:visited {
	float: left;
	margin: 0px;
	padding: 16px 10px 22px 10px;
	font-size: 1.1em;
	color: #CADBDD;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	line-height: 16px;
	border-left: 1px dotted #CADBDD;
}

.navlist a:hover {
	color: #FFFFFF;
}

.navlist .active a {
	background: transparent url(images/navArrow.gif) no-repeat center bottom;
	/* padding-bottom: -1px; */
}



/* Logo *****************************************************/
			
#logo {
	width: 200px;
	height: 140px;
	position: relative;
	left: 0px;
	top: 0px;
	}


/* Highlight *****************************************************/

#highlight {
	height: 351px;
	position: relative;
	width: 920px;
}

#highlight .quote {
	float: left;
	width: 450px;
	position: absolute;
	left: 0px;
	top: 20px;
	/* border: 1px solid red; */
}

#highlight .quote p,
#highlight .quote h2 {
	color: #fff;
}

#highlight .quote a {
	color: #fff;
	font-weight: bold;
}

#highlight .quote a:hover {
	color: #00529d;
	font-weight: bold;
}

#highlight .photo {
	position: absolute;
	right: 0; /* -24px */
	width: 456px;
	height: 351px;
	background-image: url(images/highlight.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	bottom: 1px;
}


#highlight .kickoff {
	position: absolute;
	right: 0; /* -24px */
	width: 456px;
	height: 351px;
	background-image: url(images/highlightKickoff.gif);
	background-repeat: no-repeat;
	background-position: center center;
	bottom: 1px;
}

#highlight .learnmore {
	position: absolute;
	left: 0px;
	bottom: 8px;
	height: 55px;
	width: 460px;
	padding-top: 10px;
	font-size: 1.4em;
	text-align: center;
	/* border: 1px solid red; */
}

#highlight .learnmore a {
	color: #fff;
	text-decoration: underline;
}

#highlight .learnmore a:hover {
	color: #151515;
	text-decoration: underline;
}

#highlight .options {
	position: absolute;
	left: 0px;
	bottom: 8px;
	height: 73px;
	width: 460px;
	padding-top: 10px;
	/* border: 1px solid red; */
}
#leftcolumn {
	width: 461px;
	float: left;
	margin: 15px 0px 0px 0px;
}
#rightcolumn {
	width: 435px;
	float: left;
	margin: 15px 12px 0px 12px;
}
#rightcolumn img {
	border: #FFFFFF 3px solid;
}

/* Content *****************************************************/

#contentholder {
	float: left;
	width: 920px;
	margin: 0px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
		}
		
#content {
	float: left;
	width: 692px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.collumn600 {
	float: left;
	width: 604px;
	margin: 0px;
	padding: 0px 0 0 25px;
	border-left: 1px dotted #ccc;
}

#backgroundHome .collumn600 {
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px 25px 0px 0px;
	border-right: 1px dotted #ccc;
	border-left: none;
}


.collumn900 {
	/* float: left; */
	width: 870px;
	margin: 0px;
	padding: 0px 20px 0px 30px;
}

.collumn300 {
	float: left;
	width: 286px;
	margin: 10px 0 0 0;
	padding-top: 20px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top: 1px dotted #ccc;
}

.itemtitle h2 {
	margin: 0px;
	padding: 0px;
}

.itemtitle .text {
	float: left;
	width: 160px;
	padding-top: 5px;
}
.itemtitle .textlong {
	float: left;
	padding-top: 17px;
	padding-bottom: 17px;
}

.itemtitle {
	clear: both;
	height: 70px;
}

.itemicon {
	height: 60px;
	width: 70px;
	float: left;
}

#pageHeader {
	/* height: 100px; */
	position: relative;
	width: 920px;
}

#content .mainlist ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.mainlist ul li {
	background-image: url(images/BulletDark.gif);
	background-position: left 10px;
	margin: 0px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E5CD;
}




/* Collumn Right *********/

.collumnRight {
	FLOAT: left;
	WIDTH: 250px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.givenow {
	display: block;
	width: 190px;
	background-image: url(images/giveNow.png);
	height: 45px;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto 50px auto;
	/* float: left;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 0px; */
}
a.givenow:hover {
	display: block;
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url(images/giveNow.png);
}

#prize {
	clear: both;
	padding-top: 3px;
}


/* Collumn Left *********/

.collumnLeft {
	float: left;
	width: 250px;
	margin: 0px;
	padding: 0px;
}

#category {
	background-color: #75afe9;
	margin: 0px; 
	padding: 8px 0 0;
	width: 230px;
	height:23px;
}

#category h4#about {
	background: #75afe9 url(images/menuAbout.png) bottom left no-repeat;
	text-indent: -99999px;
}

#category h4#whygive {
	background: #75afe9 url(images/menuWhyGive.png) bottom left no-repeat;
	text-indent: -99999px;
}

#category h4#howtogive {
	background: #75afe9 url(images/menuHowToGive.png) bottom left no-repeat;
	text-indent: -99999px;
}

#category h4#resources {
	background: #75afe9 url(images/menuResources.png) bottom left no-repeat;
	text-indent: -99999px;
}

#category h4#contact {
	background: #75afe9 url(images/menuContacts.png) bottom left no-repeat;
	text-indent: -99999px;
}

#category h4#partners {
	background: #75afe9 url(images/menuPartners.png) bottom left no-repeat;
	text-indent: -99999px;
}

ul#menu {
  list-style-type:none;
  margin: 0;
  padding: 0 0 100px 0;
  width: 230px;
  background: url(images/menuBottom.png) no-repeat bottom;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background-color: #b7dbff;
  color: #333;	
  padding: 0.5em 0.7em;
}

ul#menu li a:hover {
  background-color: #8dc6ff;
}

ul#menu a.location {
	background: #b7dbff url(images/menuLocation.png) center right no-repeat;
}


ul#menu li a.location:hover {
  background: #8dc6ff url(images/menuLocationOver.png) center right no-repeat;
}
	

/* Footer *****************************************************/

#break {
	clear: both;
	margin: 0px;
	height: 20px;
	padding: 0px;
		}	

#footer {
	margin: auto;
	width: 100%;
	clear: both;
	padding: 20px 0;
	height: 100px;
	background: #fff url(images/footerBack.png) repeat-x;
	text-align: center;
}

#footer p {
	color: #59584f;
	}




/* Floats *****************************************************/

.left {	float:left;}
			
.right { float:right;}
		
.cleaner { clear:both; height:0px; font-size:0px;}








/* TYPOGRAPHY *****************************************************/

body {
  font-family: Arial, Verdana, sans-serif;
  line-height: 1.6; /* Unitless for proper inheritance */
}

/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
   
body          { font-size: 82%; }   /* IE */
html > body   { font-size: 13px; }  /* Other browsers */


/* HEADINGS *******************************************************/

h1,h2,h3,h4,h5,h6,h7 {
	font-family: Georgia, "Times New Roman", Times, serif;
	clear: both;
	margin: 0;
	padding: 0;
}

h1 { 
	font-size: 2.0em; 
	color: #fff; 
	padding-top: 5px; 
	padding-left: 275px;
	/* font-family:  Arial, Verdana, sans-serif; */
	letter-spacing: 1px;
}
h2 { font-size: 1.65em; color: #383838; line-height: 1.2em; margin-bottom: 12px; }
h3 { font-size: 1.3em; color: #383838; margin-top: 20px; }
h4 { font-size: 1.15em; line-height: 1.15; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold;  }
h6 { font-size: 1em; }
h7 { font-size: 1.65em; color: #FFFFFF; line-height: 1.2em; margin-bottom: 12px; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display: none; }

/* TEXT ELEMENTS **************************************************/

p, table {
	margin: 0 0 1.4em 0;
	color: #807f6e;
}
#leftcolumn p {
	color: #FFFFFF;
	padding: 15px 25px 0px 0px;
}
#leftcolumn a {
	color: #FFFFFF;
	font-weight: bold;
}
.divider {
	width: 595px;
	border-bottom: 1px dotted #ccc;
}
p.right	{ text-align: right; }
p.last { margin-bottom:0; }

ul, ol {
	margin: 0;
	list-style-type: none;
	color: #807f6e;
	
}

.collumn600 ul li,
.collumn900 ul li,
.collumn600 ol li,
.collumn900 ol li {
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.list {
	list-style-type: disc;
	padding-left: 30px;
	margin: 0;
}

.collumn600 ul,
.collumn900 ul {
	list-style-type: disc;
	padding-left: 30px;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

ol {
	list-style-type: decimal;
	padding-left: 30px;
}

dl { margin: 1.5em 0; }

dl dt { font-weight: bold; }

a {
	color: #5893A3;
	text-decoration: underline;
	outline: none;
}
a:hover {
	color: #151515;
}
a.arrow			{ padding: 0 12px 0 0; background: url(images/icon_arrow.gif) no-repeat right center; }
a.arrow:hover 	{ padding: 0 12px 0 0; background: url(images/icon_arrowhover.gif) no-repeat right center; }
			
a.blue			{ color: #0096bd; }

img				{ margin: 0; padding: 0; border: none;}
blockquote  	{
	color: #666;
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 5px;
	margin-right: 0em;
	margin-bottom: 10px;
	margin-left: 0em;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

strong      	{ font-weight: bold; }
em          	{ font-style: italic; }
pre         	{ margin-bottom: 15px; background: #f9f9d4; padding: 0 10px; overflow: auto; }
code        	{ font: 11px Monaco, monospace; margin: 0; padding: 1px 3px; background: #f9f9d4; }
abbr			{ border-bottom: 1px dotted #999; cursor: help;}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #eaeaea; 
  color: #eaeaea;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 0.1em;
  margin: 0 0 1.4em 0;
  border: none; 
}

* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */

th {
	text-align: center;
	font-weight: bold;
	background-color: #C1E0FF;
	border-left: 1px solid #fff;
	color: #666;
}

tbody tr td {
	text-align: center;
}

table.history td {
	text-align: center;
	padding: 4px;
	border-left: 1px solid #fff;
	color: #666;
}

tr.gray { background-color: #EFEFEF; }

.photoLeft {
	float: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
}
.smallquote {
	float: left;
	font-size: 10px;
	width: 110px;
	padding: 0px 5px 0px 0px;
}
.smallquote2 {
	float: left;
	font-size: 10px;
	width: 110px;
	padding: 0px 0px 0px 5px;
}