/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/*  
Website: http://bbn
Name: Brevard Business News
Description: CSS based website, designed and hosted by Artemis Inc.
Version: 1.3 (from Hawksnest 1.2)
Author: Jefte Puente
Author URI: http://www.artemisit.com
Comments: This stylesheet is best viewed without word wrapping
*/


/* Body Styles */

body { background: url("images/bg.gif"); background-attachment: fixed; font-size: 62.5%; font-family: 'Lucida Grande', Lucida Sans, Lucida Sans Unicode, Verdana, Sans-serif; } /**** This percentage sets 1.0 em to 10px. Lucida is a nicer mac font than Arial, it ships with all new macs and XP ****/

#page { margin: auto; padding: 0; width: 776px; background: url('images/bodybg2.jpg') top right; }

#header { width: 100%; height: 100px; background: url('images/hd_header.gif') top left; }

#content li { margin-bottom: 7px; font-size: 12px; margin-left: 20px;}

#quote { display: block; width: 230px; font-size: 10px;}

a:link { color: #003300; }
a:visited { color: #003300;}
a:hover { color: #006600; }

#clickhere { position: relative; display: block; height: 25px; padding-top: 75px; text-decoration: none; }
#clickhere a { position: relative; display: block; height: 20px; margin-left: 480px; margin-top: 0px; text-decoration: none; width: 150px; padding: 0;}
#clickhere a:visited { position: relative; display: block; text-decoration: none; height 20px; width: 150px;  }
#clickhere a:hover { position: relative; display: block; text-decoration: none; height 20px; width: 150px; }

/* Heading Styles */

h1 { display:none } 

h2 { display: block; margin: 0; font-size: 2.0em; margin-left: 0px; padding: 10px; line-height: 125%; letter-spacing: -1px; font-family: 'Lucida Grande', Lucida Sans, Lucida Sans Unicode, Verdana, Sans-serif; font-weight: bolder; } 

h3 { display: block; margin: 0; font-size: 1.8em; margin-bottom: 0px; line-height: 25px; letter-spacing: -1px; font-family: 'Lucida Grande', Lucida Sans, Lucida Sans Unicode, Verdana, Sans-serif; font-weight: bolder;} 

h4 { display: block; margin: 0; font-size: 1.2em; margin-bottom: 0px; font-family:'Lucida Grande', Lucida Sans, Lucida Sans Unicode, Verdana, Sans-serif; font-weight: bolder; } 

h5 { display: block; margin: 0; font-size: 1.0em; margin-top: 0; margin-bottom: 10px; font-family: 'Lucida Grande', Lucida Sans, Lucida Sans Unicode, Verdana, Sans-serif; font-weight: bolder; color: #777;}

hr { display:none } /* Horizontal Rules are hidden from standard browsers and screen readers, yet are visible in text-only browsers to help seperate content from nav.  */



/* Form Styles */

label,input { display: block; width: 200px; float: left; margin-bottom: 10px; } 

label { font-size: 1.2em; font-weight: bolder; text-align: right; width: 175px; padding-right: 20px; } /* WE CAN FINALLY STOP USING TABLES FOR FORMS! Check contact.html for proper xhtml markup syntax. */

#Telephone, #FAX, { width: 100px; }

#State { width: 20px; float: left; }

#Zip { width: 35px; }

#Comments { height: 55px; width: 250px; margin-bottom: 10px; }

form, br { clear: left; }

.submit { width: 50px; margin: auto; background-color: white; border: 1px solid brown; margin-right: 10px; }

#submit { margin-left: 100px;}

#form { margin-bottom: 20px; }



/* Table Styles - Tables are for tabular data */
table { clear: both; width: 100%; margin: 0; background-color: #f5f5f5; border-collapse: collapse;}
td { font-size: 1.2em; padding: 6px;}
.altrow { background-color: #f5f5f5; }

/* Editorial Calendar styles */
#ed_cal { margin: auto auto; background: white; }
.ed_date { width: 100px; padding-top: 3px;padding-bottom: 3px;}
.ed_category { width: 150px; padding-right: 15px; padding-top: 3px;padding-bottom: 3px; text-align: right; }




/* Content Styles */

p { padding: 10px; font: 1.2em/150% 'Lucida Grande', Lucida Sans, Lucida Sans Unicode, Verdana, Sans-serif; margin: 0;}

#content { background: #edf7f1; margin: 0 0 0 10px; margin-bottom: 0px; width: 734px; color: #000; padding: 10px;}
#contentleftcol { padding: 20px; margin: 0px; margin-bottom: 0px; width: 475px; color: #000;}
#contenthome { font-size: 1.0em; padding: 0px; margin: 0 0 0 0px; width: 740px; background: url('images/bodybg.jpg') top left;}
#content ul { font-size: 1.2em; font-family: 'Lucida Grande', Lucida Sans, Verdana, Sans-serif; margin-bottom: 20px; margin-top: 15px;}
#contentleftcol ul { font-size: 1.2em; font-family: 'Lucida Grande', Lucida Sans, Verdana, Sans-serif; margin-bottom: 20px; margin-top: 15px; line-height: 150%;}

.footer { margin: auto; border-top: 5px solid black; width: 750px; padding: 5px 2px 2px 2px; margin: 0 0 0 10px; background: #fff; color: #333; text-align: center; }

.smallbold { font-size: 11px; font-weight: bolder; }

.hr { border-top: 1px solid brown; width: 270px; height: 1px; margin: 0 0 0 7px; padding: 0; } /* Inconsistant HR styling across browsers forces the use of a div with this class in lieu of the hr xhtml markup */

/* Right Col Styles Start*/
#rightcol { float: right; background: #CCC0AC; padding: 10px; width: 202px;}

/* Misc Styles */
.contactinfo { width: 300px; background: #CCC0AC; padding: 10px; height: 155px; font-size: 1.1em;}
.DocrowHeader { color: #FFF; }

/* Navigation - Uses an unordered list and styles them as buttons */
#navcontainer
{
	width: 755px;
	background-color: #4cb371;
	height: 27px; margin: auto auto;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin: 0;
padding: 0 0 0 0;
color: #FFFFFF;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: 1.2em;
letter-spacing: 0px;
font-weight: bold;text-transform: uppercase;
}

#navcontainer ul li a
{
padding: 1px 8px 2px 8px;
background-color: #4cb371;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #62e691;
font: normal 11px/24px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}

#navcontainer ul li a:hover
{
background-color: #005d34;
color: #FFFFFF;
}

#mainNavlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #CC3333;
text-align: left;
text-transform: uppercase;
font: normal 11px/24px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}

#mainNavlist li a:hover { }




/* Footer Navigation */

#nav { color: white; } 

ul#footerNavlist { width: auto; height: 20px; white-space: nowrap; background: #fff; padding-top: 5px; padding-left: 10px; margin-top: 0px; margin-bottom: 0px; }

#footerNavlist li { display: inline; list-style-type: none; }

#footerNavlist a:link, #footerNavlist a:visited { font-size: 1.1em; padding: 3px; color: #333; background-color: #fff; text-decoration: none; }

#footerNavlist a:hover { color: #333; background-color: #edf7f1; text-decoration: none; }




/* Images & Alignments

	Using 'class="alignright"' on an image will align the image to the right. 
	And using 'class="centered', will of course center the image. This is much
	better than using align="center", being much more futureproof (and valid)              */
	
img.centered { display: block; margin-left: auto; margin-right: auto; border: none;}
	
img.alignright { padding-left: 8px; padding-right: 8px; margin: 0 0 0px 0px; display: inline; border: none; }

img.alignleft { padding-right: 8px; margin: 0 0px 0px 0; display: inline; border: none; }

.alignright { float: right; }

.alignleft { float: left; }




/* Hacks - May become outdated when/if IE ships with proper CSS support */

div.spacer {
	clear: both;
} /* The infamous "clear div" or "spacer div" hack. An empty div placed below floated divs that clears the floats, so that content can continue to flow below the clear. http://www.complexspiral.com/publications/containing-floats/ */





.testimonial { background: #fff; border: 1px solid #ABE3C1; float: left; width: 250px; margin-right: 15px; height: 170px; }