/* ------------------------------------------
CSS document

version:	0.6 (beta)
author:		bstjohn 
website:	fmpayitforward.org
------------------------------------------ */

/* main layout 
thx to 456bereastreet.com - 2 col layout
------------------------------------------ */
body {
    margin:0;
    padding:0;
    background:#f5cf48 url(/i/fm_home-bg.jpg) no-repeat center top;
	margin-top:0px; /*for ie*/
	font:13px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
    color:#211d3e;
    }
html {
    min-width:851px;
    }
#wrap {
    background:#fff url(/i/fm_wrapper.gif) repeat-y;
    margin:auto;
    width:851px;
    }
#header {
    background:;
	margin:auto;
	width:851px;
    }
#main {
    background:;
	float:left;
	width:524px;
	padding-left:15px;
    }
#sidebar {
    background:;
	float:right;
	width:312px;
    }
#footer {
    background:#f0f3fa;
	clear:both;
	border-top:10px solid #c60;
	border-bottom:10px solid #211d3e;
	background:;
	padding:5px 0;
    }
#header a.home {
	display:block;
    margin:0 0 0 600px;
	height:114px;
	width:250px;
    }
#nav {
    background:;
    padding:5px;
    }
#main p, #main h3, #main h4 {
    padding:5px 15px;
    }
#sidebar ul {
    margin-bottom:0;
    }
#sidebar h3, #sidebar p {
    padding:0 15px 0 0;
	margin-left:10px;
    }
#footer p {
    padding:0 0 0 50px;
    margin:0;
	background:;
	line-height:24px;
    }
#header a.access	{
	display:none;
	}
p#date	{
	font-size:10px;
	}
img {
	border:none;
	}

/* main navigation 
thx to alistapart.com - hybrid dropdown
------------------------------------------ */

#divnav {
	background:;
	margin:auto;
	margin-top:0px;  /*for ie*/
	padding:0;
	height:85px;
	width:851px;
	}
#nav {
	position:relative;
	margin:0;
	height:20px;
	width:851px;
	}
#nav li ul, #nav li ul {
	margin-top:5px;
	padding:0;
	}
#nav a {
	text-decoration:none;
	}
#nav li { /*float the main list items*/
	margin:0;
	float:left;
	display:block;
	padding-right:0px;
	}
#nav li ul {
	display:none;
	margin:0;
	}
#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position:absolute;
	top:45px;
	left:0;
	padding-top:10px;
	background:#c60;
	height:30px;
	width:836px;
	padding-left:15px;
	}
#nav li.on ul {
	background:#211d3e;
	}
#nav li.on:hover ul, #nav li.over ul { /*for ie*/
	background:#c60;
	}
#nav li a {
	color:#fff;
	display:block;
	padding:0;
	margin:0;
	}
#nav li.on a {
	color:#fff;
	}
#nav li.on ul a, #nav li.off ul a {
	border:0;
	float:left; /*ie doesn't inherit the float*/
	color:#fff;
	width:auto;
	margin-right:15px;
	}
#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
	background:#c60;
	}
#nav li.on ul {
	display:block;
	}
#nav li.off:hover ul, #nav li.over ul {
	display:block;
	z-index:6000;
	}
#nav li.off a:hover, #nav li.on a:hover { 
	color:#211d3e;
	}

/*image replacement*/

#nav li span {
	position:absolute;
	left:-9384px;
	}
#liabout a, #licontribute a, #lischolarships a {
	display:block;
	position:relative;
	height:40px;
	background:url(/i/fm_navbar.jpg) no-repeat; /*contains all hover states*/
	}

/*initial states*/

#liabout a {
	background-position:0 0;
	width:114px;
	}
#licontribute a {
	background-position:-119px 0;
	width:180px;
	}
#lischolarships a {
	background-position:-299px 0;
	width:201px;
	}

/*active area*/

 #liabout.on a {
 	background-position:0 -40px;
 	}
 #licontribute.on a {
 	background-position:-119px -40px;
 	}
 #lischolarships.on a {
 	background-position:-299px -40px;
 	}

/*hover states*/

#liabout a:hover, #liabout:hover a, #liabout.over a {
	background-position:0 -80px;
	}
#licontribute a:hover, #licontribute:hover a, #licontribute.over a {
	background-position:-119px -80px;
	}
#lischolarships a:hover, #lischolarships:hover a, #lischolarships.over a {
	background-position:-299px -80px;
	}

/*subnav formatting*/

#nav li.on ul a, #nav li.off ul a {
	display:block;
	background:#c60;
	color:#fff;
	font-size:16px;
	height:30px;
	}	
#nav li.on ul a {
	background:#211d3e;
	}

/* custom corners addition 
thx to alistapart.com - custom corners
------------------------------------------ */
div.article {
	background:url("/i/fm_box-topleft.gif") top left no-repeat;
 	position:relative;
 	width:509px;
 	} 
div.article h2 {
 	position:relative;
 	background:url("/i/fm_box-topright.gif") top right no-repeat;
 	font-size:1.3em;
 	padding:15px;
 	padding-left:0;
 	margin:0;
 	right:-8px;
 	}
div.articlebody {
 	background:url("/i/fm_box-right.gif") top right repeat-y;
 	margin:0;
 	margin-top:-2em;
 	padding:15px;
 	padding-left:0;
 	position:relative;
 	right:-8px;
 	}
div.articlefooter {
 	background:url("/i/fm_box-bottomleft.gif") bottom left no-repeat;
 	position:relative;
 	top:7px;
	}
div.articlefooter p {
	background:url("/i/fm_box-bottomright.gif") bottom right no-repeat;
	padding:15px;
	padding-left:0;
	display:block;
	margin:-2em 0 0 0;
	position:relative;
	right:-8px;
	}
div.articlelongContent {
	background:url("/i/fm_box-leftborder.gif") top left repeat-y;
	}

/* sidebar details
------------------------------------------ */
#sidebar dl {
	margin:10px;
	padding:0;
	}
#sidebar dt, #sidebar dd {
	margin-left:0;
	padding-left:0;
	line-height:17px;
	margin-bottom:2px;
	margin-top:3px;
	font-size:95%;
	}
#sidebar dd {
	margin-left:10px;
	line-height:17px;
	margin-bottom:5px;
	font-size:85%;
	}
body #sidebar h2 	{
	text-transform:uppercase;
	letter-spacing:2px;
	margin-top:15px;
	margin-left:5px;
	background:transparent;
	color:#fff;
	padding:2px 5px 3px 5px;
	background:#211d3e;
	text-shadow:2px 3px 3px #896;
	font-size:small;
	font-weight:normal;
	width:285px;
	}
#sidebar dd a:link, #sidebar dd a:visited {
	font-weight :normal; 
	}

/* default link states
------------------------------------------ */
a {
	text-decoration:none;
	}
a img {
	border:none;
	}
div#wrap p a:link, div#wrap p a:visited {
	color:#555;
	border-bottom:1px solid #555;
	}
div#wrap p a:hover{
	color:#000;
	background-color:#f0f3fa;
	border-bottom:1px solid #211d3e;
	}
div#sidebar dt a:link, div#sidebar dt a:visited {
	color:#555;
	border-bottom:1px solid #555;
	}
div#sidebar dt a:hover{
	color:#000;
	background-color:#f0f3fa;
	border-bottom:1px solid #211d3e;
	}