/* Friends of Pride Stylesheet */
/* Site designed and coded by Chris Skrabut */

#header { text-align:left; width:800px;}
#navigation { border:solid; border-width:1px 0px 1px 0px; width:800px; padding:0px; }
#navigation img { border:none; padding:0px; padding-top:3px; }
#footer { border-top:solid; border-width:1px; text-align:right; width:800px; padding-top:3px; }
#footer a { text-decoration:none; color:black; }
#footer a.home:hover { color:red; }
#footer a.about:hover { color:orange; }
#footer a.guide:hover { color:yellow; }
#footer a.friends:hover { color:green; }
#footer a.contact:hover { color:blue; }
#footer a.links:hover { color:purple; }
#footer p { text-align:center; font-size:small; color:grey; }
#footer a.copy { text-decoration:none; color:grey; }

#body { width:800px; }
#body h2 { text-align:left; padding-left:50px; }
#body p { text-align:left; width:550px; }
#body img { width:800px; }
#body p.contact { width:550px; }
#body a { text-decoration:none; color:black; }
#body a.email:hover { color:red; }
#body a.rc:hover { color:red; }
#body a.pride:hover { color:orange; }
#body a.ncod:hover { color:green; }
#body form.friends { padding-bottom:25px; }
#body td.red { background-color:red; height:10px; }
#body td.orange { background-color:orange; height:10px; }
#body td.yellow { background-color:yellow; height:10px; }
#body td.green { background-color:green; height:10px; }
#body td.blue { background-color:blue; height:10px;}
#body td.purple { background-color:#662d91; height:10px;}
#body p.level { color:white; text-align:left; height:10px; padding-left:25px;}