/* ##### FFRP.ORG STYLE SHEET ###### */

/* ------ GLOBAL SELECTORS ------ */
body 
{
	margin: 10px 0 10px;
	padding: 0;
	background: #333;
	font: 12px/1.3em arial, verdana, sans-serif;
	color: #000;
	text-align:center;
}

a:link, a:visited, a:active	 
{ 
	color: #009; 
	text-decoration:none; 
}

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

a img 
{ 
	border-width:0;
	border-style:none; 
}

h1, h2, h3, h4, h5, h6 
{ 
	font-weight:normal; 
	line-height:1em; 
	color: #333;
	margin:0; 
	padding:0; 
}

h1 { font-size:20px; }
h2 { font-size:22px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h5 { font-size:11px; }
h6 { font-size:10px; }

h1
{
	color: #333;
	letter-spacing: 2px;
	margin-bottom: 16px; 
}

h4
{
	letter-spacing: 1px;
	margin-bottom:8px; 
}

h4, h5
{
	font-weight: bold; 
	margin-bottom: 4px;
}

p
{
	font: 12px/1.3em arial, verdana, sans-serif;
	margin:0 0 1em; padding:0;
	color:#000;
}

b
{
	color: #333;
	font-weight: bold;
}

table 
{ 
	border:0; 
	padding: 0; 
}

td { vertical-align:top; }

ul, ol 
{ 
	margin:0; 
	padding:0; 
}

li { list-style:none; }

form 
{
	padding: 0;
	margin: 0;
}

input
{
	font:11px/1.2em verdana, arial, sans-serif;
	background:#FFF;
	border:1px solid;
	color:#333;
	border-color:#999 #666 #666 #999;
	margin: 0px;
	padding:4px;
}

/* ------ GLOBAL SELECTOR APPENDICES ----- */

/* kill bottom pad for small paragraphs */
p.nopad {margin-bottom:0;}

p.caption
{
	font: 9px/1em verdana, arial, sans-serif;
	letter-spacing: 1px; 
	margin: 0;
	padding: 4px 8px;
	text-align: right;
	color: #333;	
}

h5.modBlue, 
h5.modGreen
{
	font: 10px/1.5em verdana, arial, sans-serif;
	color: #FFF;
	letter-spacing: 2px;
	padding: 6px 12px;
	margin: 0;
	border-bottom:1px solid #FFF;
}

#home h1 { font-size: 20px; }

#contact h4 { margin-bottom:2px; }
#issues h4 { margin-bottom: 8px; }

#issues img.photo { float: right; margin: 0 0 8px 8px; }


h5.modBlue { background: #039 url("http://www.ffrp.us/images/utility/mod_hdr_039.gif") bottom right no-repeat; }

h5.modGreen { background: #080 url("http://www.ffrp.us/images/utility/mod_hdr_080.gif") bottom right no-repeat; }

#ftr a
{ color: #FC0; }


/* ------ MAIN LAYOUT ELEMENTS ----- */

/* the big centering kahuna */
#globalwrap 
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:760px;
	background:#FFF; 
}
html>body #globalwrap { width:760px; }

#contentArea 
{ 
	clear: left; 
	padding:16px; 
	background: #FFF; 
}

#hdr 
{ 
	width: 760px; 
	background: #CCC;
}

#hdr .gradient
{
	width: 550px;
	height: 22px;
	background: #008000 url("../../images/logos/logo_bg.gif") top left repeat-x;
}
#ftr
{
	font:11px/25px verdana, arial, sans-serif;
	color:#FFF;
	text-align:center;
	background: #060 url("http://www.ffrp.us/images/utility/ftr.gif") bottom right no-repeat;
}

img.photo
{
	display: block;
	border: 1px solid #666;
}
/* ------ MODULE STYLES ----- */
.module 
{ 
	padding: 12px; 
}

.related li
{
	font:11px/1.3em arial, verdana, sans-serif;
	margin:0px 4px;
	padding:0 12px;
	background: url("http://www.ffrp.us/images/utility/bullet.gif") top left no-repeat; 
}

.goals li
{
	font:12px/1.3em arial, verdana, sans-serif;
	margin:8px 4px;
	padding:0 12px;
	background: url("http://www.ffrp.us/images/utility/bullet.gif") top left no-repeat; 
}


/* ------ TABLE STYLES ----- */

#topFold 
{ 
	width: 728px;	
	padding-bottom: 16px;
}

#topFold td.left
{
	padding-right: 10px; 
	background: #FFF;
}

#topFold td.spacer
{	width: 2px; background: #FFF; }

#topFold td.right
{
	width: 363px; 
}

/*-----*/
#issues #issueShell td,
#contact #topFold td.left,
#contact #topFold td.right,
#membership #botFold td.left,
#membership #botFold td.right
{
	width: 363px;
	padding-bottom: 4px;
	clear: right;
	background: #e7e7e7 url("http://www.ffrp.us/images/utility/mod_cnr_e7e.gif") bottom right no-repeat; 
	border-bottom: 2px solid #FFF;
}

#issues #issueShell td.spacer,
#membership #botFold td.spacer
{	width: 2px; background: #FFF; }

#issues #issueShell td.alt
{
	width: 363px;
	background: #CCC url("http://www.ffrp.us/images/utility/mod_cnr_CCC.gif") bottom right no-repeat; 
}

/*-----*/
#contact #topFold td.left
{
	padding: 0 0 4px 0;
}


#contact #ffrpContacts
{
	padding: 10px; 
}

#contact #ffrpContacts td.lcol
{
	padding-right: 32px;
}

#contact #ffrpContacts span
{
	font: 10px/1.5em verdana, arial, sans-serif;
	color: #900;
}

#contact #other li
{
	margin: 0;
	padding: 10px; 
}

/*-----*/
#home #botFold 
{
	width: 728px;
	background: #e7e7e7;
}

#home #botFold td
{
	clear: left;
	padding: 16px; 
	border-bottom: 1px solid #FFF;
	background: #e7e7e7 url("http://www.ffrp.us/images/utility/mod_cnr_e7e.gif") bottom right no-repeat;
}

#home #botFold ul
{
	float: left;
	width: 696px;
}

#home #botFold li.photo 
{
	display: block;
	float: left;
	width: 100px;
	margin-right: 10px;
}

#home #botFold li.photo img { border: 1px solid #666; }

#home #botFold li
{
	float: left;
	width: 584px;
}

/*-----*/
#membership #botFold td.left { border-bottom: 0; }
#subscribe { background: #e7e7e7; text-align:left; margin: 0; padding: 0;}
#subscribe th { font: 11px/1.3em arial, verdana, sans-serif; font-weight: normal; letter-spacing: 1px; color:#333; vertical-align:top; padding: 0px 8px 0 0; text-align:left; border: 0; }
#subscribe td.lcol { padding-right: 10px; padding-bottom: 10px;}
#subscribe td.rcol {  }

/*-----*/
#links #topFold li
{
	font:12px/1.3em arial, verdana, sans-serif;
	margin:0px 4px;
	padding:0 12px 8px;
	background: url("http://www.barberllc.com/images/utility/bullet.gif") top left no-repeat; 
}


/*----- FORM ELEMENTS -----*/
input.submit
{
	font:10px/1.2em verdana, arial, sans-serif;
	letter-spacing: 1px; 
	padding:4px 8px;
	background:#666;
	border:1px solid;
	color:#FFF;
	border-color:#999 #333 #333 #999;
}

/*----- NAVIGATION -----*/
#topNav
{
	margin:0;
	padding:0;
	width:549px;
	float: left;
}

#topNav li
{
	list-style: none; 
	float: left;
	white-space: nowrap;
	font: 10px/22px verdana, arial, sans-serif;
}

#topNav a
{
	display: block;
	float: left;
	letter-spacing: 1px;
	color: #FFF;
	border-right: 1px solid #060; 
	width: .1em;
	padding: 0 10px;
}

#topNav A#current
{
	background: #006600; 
}

html>body #topNav a { width: auto; }
	/* Commented Backslash Hack Hides Rule from IE5 Mac \*/


#topNav a { float: none; } /* End IE5 Hack */

#topNav a:hover, #topNav #current
{
	color: #FFF;
	background: #0C0;
	text-decoration: none; 
}

#subNav
{
	clear: left; 
	background: #0C0; 
	height: 10px; 
	border-bottom: 1px solid #060;
}

#topper
{
	clear: left; 
	background: #0C0; 
	height:10px; 
	border-bottom: 1px solid #060;
}

.border999
{
	display:block;
	border: 1px solid #999;
}