/***** Copyright 2007 (C) SCORE | Sarasota, FL *****/
/***** File: scorestyle.css *****/

body {
	font-family: 0.8em Arial, Helvetica, sans-serif;
	background-color:#128CB5;
	behavior:url(/css/csshover.htc);
	}

* {margin:0px; padding:0px;}

p {line-height: 1.3em;}

/* set header sizes */
/* original version: hx=22px, 18, 15, 13, 11, 9 */
h1,h2,h3,h4,h5,h6 {color:#000066;}
h1 {font-size:22px; }
h2 {font-size:18px; color:#990000;}
h3 {font-size:15px; }
h4 {font-size:13px; }
h5 {font-size:11px;}
h6 {font-size:9px; color:#000000;}

.style18h1 {font-size: 18px}
.pheader {font-size:12px; color:#009900; font-weight:bold; }
.pheader2col {font-size:12px; color:#009900; font-weight:bold; font-size:1.1em; }

div#header {width:777px; border:none; margin:auto; background-color:#CCFFFF;}

div#mainwrap {
	margin-left:auto; margin-right:auto; margin-top:8px;
	width:777px;
	background-color:#128CB5;
	border:1px solid blue;
	height: 740px;	
}

/* BEGIN NAVigation Bar */
div#nav {
	float:left;	
	background-color: #0458A0;
	margin-top:0px;
	margin-bottom:1px;
	width:777px;	
	}

/* Nav Bar buttons */
div#nav ul {margin:0 0 0 200px;}
div#nav li {float:left; position:relative; list-style-type:none; border-right:1px solid #FF9;}
div#nav li:first-child {border-left:1px solid #FF9;}
div#nav li:hover {background-color:#CFF;}
div#nav a {
	display:block;
	padding:0 6px; 
	text-decoration:none; 
	color: #FFFF99; font-weight:bold; 
	}
div#nav a:hover {color:#FF3366;}

/* DROP-DOWN SECTION */ 
/* Set drop-down menu width; make menus stack */
div#nav ul li ul {margin:0; position:absolute; width:8em; left:-1px;}
div#nav ul li ul li {
	width:100%; 
	border-left:1px solid #069;
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	padding:0 0 1px;
	background-color:#0099CC;
	}
/* div#nav ul li ul li:first-child {border-top:1px solid #069; visibility:hidden;} */

/* hide drop-down menus until hover */
div#nav ul li ul {display:none;}
div#nav ul li:hover ul {display:block;}

/* THE HACK ZONE - */

/* Use margins for centering */

* html body {margin-left: 50%;}
* html div#mainwrap {width: 777px; margin-left: -389px}

/* using "margin-centering" technique needs a hack to get IE6 to show links on left side of page.
  solution was to apply BJ's Magic Bullet {position:relative} hack,
  (see http://www.communitymx.com/content/article.cfm?cid=C37E0),
     but also had to style the link tag's hover attribute to see the whole link in IE6 */

div#header  {position:relative;}
div#header a:hover {background: transparent}

div#column1 a {
	position:relative;
}
div#column1 a:hover {background: transparent}

div#footer  {position:relative;}
div#footer li:hover {background-color:#993300;}


/* Nav Bar buttons */
/* hack for IE (all flavors prior to 7.0) so the menu has a vertical line on the left */
* html div#nav ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #FF9; /* adds the rightmost menu vertical line to the ul */
	margin: 0 0 0 100px ; /* IE doubles the given value above - why? */
	}

 /* * html a {display:block;} makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#nav ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE win 5.5 a lower value to get the pop-out to touch drop-down */
* html div#nav ul li ul li ul {
	left:9.85em;
	voice-family: "\"}\"";
	voice-family:inherit;
	left:10em;
	}

/* IE6 margin issues on the boxquote, too; doubles given value of left & right margins */
/** html div#boxquote {margin: 20px 35px 30px 35px; }*/
	
/* be nice to Opera rule */
html>body div#nav ul li ul li ul {top:-1px; left:10em;}

/* END OF HACK ZONE */
/* END OF NAV-BAR & PULL-DOWN SECTION */

/* Place Container around columns */
div#contentarea {
	background-image:url(/imagestyles/tricolfill.gif); width: 777px; font-size:.8em;
	}
	
/* BOXQUOTE = box used to emphasize key principles on web site */
div#boxquote {
	border:1px solid blue; 
	border: 6px ridge #FFCC00;
	margin: 10px 70px 20px 70px;
	}
div#boxquote h2 {font-family: Comic Sans MS, Bookman Old Style, Verdana, Arial;
	font-size:18px; }	
div#boxquote h4 {margin: 0 0 20px 0; color:}

/* Note: an empty space is needed following <h4>&quot;<em> in the Dreamweaver snippet I created 
and named "blockquote", else IE6 drops column 2 below column 1 instead of floating next to it */

.scoregif {width: 50px; margin: 10px }

/* COLUMN1: LINKS COLUMN*/
div#column1 { 
	width:150px;
	/* Next 3 lines would add a blue border to right side of div:
	border-style:solid;
	border-width:0 1px 0px 0px;
	border-color:#0000FF;*/
	/* Replaced background color with sand image:
	background-color:#CC9933; */
	background-image:url(/imagestyles/sand4.gif);
	float: left;
}
div#column1 ul {margin:0 0 0 19px;}
div#column1 ul li {margin: 10px 3px 0px 0px;}

div#column1 p {margin: 5px;}
div#column1 a {text-decoration:none;}
div#column1 a:visited {color:#0033FF}
div#column1 a:hover {color:#660000; text-decoration:underline;}
div#column1 h3 {padding: 10px;}
div#column1 h4 {padding: 10px 5px 5px 5px;}

/* COLUMN2: CONTENT AREA */
div#column2 {
	width:477px;
	background-color:#FFFFFF;
	float: left;
}

div#column2 h1 {padding: 10px 0 0px 0;}
div#column2 h2 {padding: 12px 10px 0 25px;}
div#column2 h3, h4, h5 {padding: 12px 15px 0 30px;}
div#column2 ul {padding:0 0 5px 70px;}
div#column2 li {padding:0px 10px 3px 0;}
div#column2 ol {padding:0 0 0px 40px;}
div#column2 p {margin:10px 20px 10px 25px; font-size:1.1em;}
div#column2 a {text-decoration:none;}
div#column2 a:visited {color:#0033FF}
div#column2 a:hover {color:#660000; text-decoration:underline; background-color:#FFCC99}

/* COLUMN3: HEADLINES */
div#column3 {
	width:150px;
	background-color:#99FFFF;
	float: left;
}
div#column3 h1 {padding:0 0 0px 0;}
div#column3 h2 {padding:0px 5px 0 5px;}
div#column3 h3 {padding:0px 1px 0 1px;}
div#column3 h4 {padding:2px 2px 0 2px;}
div#column3 ul {padding:0 0 5px 45px;}
div#column3 li {padding:12px 10px 0px 0;}
div#column3 ol {padding:0 0 5px 40px;}
div#column3 p  {margin: 6px;}
div#column3 a  {text-decoration:none;}
div#column3 a:visited {color:#0033FF}
div#column3 a:hover {color:#660000; text-decoration:underline;}
div#column3 hr {margin: 0 0 1px 0;}
div#column3 img {margin: 0 0 5px 0;}

/* COLUMN4: CONTENT AREA IN 2-COLUMN SUB-PAGES */
div#column4 {
	width:627px;
	background-color:#FFFFFF;
	float: right;
	}
div#column4 h1 {padding:15px 0 0px 0;}
div#column4 h2 {padding:8px 10px 0px 10px;}
div#column4 h3, h4, h5 {padding:8px 15px 0 25px;}
div#column4 ul {padding:0 0 0px 45px;}
div#column4 li {padding:2px 10px 1px 0;}
div#column4 ol {padding:0 0 0px 40px;}
div#column4 p {margin:4px 20px 0px 25px; font-size:1.1em;}
div#column4 a {text-decoration:none;}
div#column4 a:visited {color:#0033FF}
div#column4 a:hover {color:#660000; text-decoration:underline;}

/* COLUMN5: CONTENT AREA IN 1-COLUMN SUB-PAGES */
div#column5 {
	width:777px;
	background-color:#FFFFFF;
	float: right;
	}
div#column5 h1 {padding: 15px 0 0px 0;}
div#column5 h2 {padding: 8px 10px 0 10px;}
div#column5 h3, h4, h5 {padding: 8px 15px 0 25px;}
div#column5 ul {padding:0 0 0px 70px;}
div#column5 li {padding:2px 10px 5px 1px;}
div#column5 ol {padding:0 0 0px 40px;}
div#column5 p {margin:8px 20px 8px 40px; font-size:1.1em;}
div#column5 a {text-decoration:none;}
div#column5 a:visited {color:#0033FF;}
div#column5 a:hover {color:#660000; text-decoration:underline;}

div#twocolumn1wide { 
	width:253px;
	/* Next 3 lines would add a blue border to right side of div:
	border-style:solid;
	border-width:0 1px 0px 0px;
	border-color:#0000FF;*/
	/* Replaced background color with sand image:
	background-color:#CC9933; */
	background-image:url(/imagestyles/sand4.gif);
	float: left;
}

div#twocolumn2wide {
	width:524px;
	background-color:#FFFFFF;
	float: right;
	}
div#twocolumn2wide h1 {padding:10px 0 5px 0;}
div#twocolumn2wide h2 {padding:12px 10px 0px 10px;}
div#twocolumn2wide h3, h4, h5 {padding:12px 15px 0 25px;}
div#twocolumn2wide ul {padding:0 0 0px 45px;}
div#twocolumn2wide li {padding:0px 10px 3px 0;}
div#twocolumn2wide ol {padding:0 0 0px 40px;}
div#twocolumn2wide p {margin:12px 20px 10px 25px; font-size:1.1em;}
div#twocolumn2wide a {text-decoration:none;}
div#twocolumn2wide a:visited {color:#0033FF}
div#twocolumn2wide a:hover {color:#660000; text-decoration:underline;}


/* FOOTER */
div#footer {
	width:777px;
	padding:4px 0;
	font-size:.8em; 
	text-align:center;
	color: #FFFFFF; 
	background-color: #993300; 	
	}
div#footer ul {margin:2px 0:}
div#footer li {display:inline; border-left:1px solid; color:#AFF; padding:0 5px 0 9px;}
div#footer a {text-decoration:none}
div#footer a:visited {color:#66FFFF;}
div#footer a:hover {color:#FFCC00; text-decoration:underline;}

/* CLEAR FLOATS */
div.clearfloats {clear:both;}