/*   
Theme Name: Sparky
Theme URI: http://www.brightspark-consulting.com
Description: Wordpress theme for Brightspark
Author: Heidi Jermyn
Author URI: http://www.brightspark-consulting.com
Version: 1
.
/*...........................................................*/
/*...........................................................*/
/*...........................................................*/

body {font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; font-size:80%; background:#14635A url(img/bg.jpg) repeat-x;
color:#666;}

* {margin:0; padding:0;}
img {border:0;}
.divider{width:95%; margin:10px 0 0 0; border-top:1px dashed #ccc; clear:both}
.clear {width:100%; font-size: 1px; line-height: 1px; height:1px; clear:both;}

a {color:#009999;}
a:HOVER {color:#C62A47;}
/*...........................................................*/
/*...........................................................*/
/*...........................................................*/
#mainwrap {margin:0 auto; background:#fff; width:740px;}
/*...........................................................*/
#header {border-bottom:9px solid #C62A47; margin:0 0 1px 0;}
/*...........................................................*/
#lcol {float:left;width:555px;text-align:left;}
/*...........................................................*/
/*...........................................................*/
/*...........................................................*/
#middle { padding:5px 0 20px 20px; }
/*...........................................................*/
#content {padding:0 15px 0 0;}

#middle h1 {margin:10px 0 20px 0; font-size:1.4em; margin:0 0 5px 0; color:#888; font-weight:normal  }
#homemiddle h1.home { font-size: 40px; margin:0 0 20px 10px; color:#C62A47; font-weight:normal; }
#middle h2 { font-size:1.8em; margin:10px 0 5px 0; padding-top:3px;  color:#C62A47; border-top:1px dotted #ccc }
#middle h2 a{ color:#C62A47; text-decoration:none}

#middle h3 { font-size:1.4em; margin:0 0 10px 0; color:#009999; }


#middle h4 { font-size:1.4em; margin:0 0 10px 0; color:#009999; }
#middle h5 { font-size:1.2em; margin:0 0 10px 0; color:#009999; }
#middle .split h5 { font-size:1.2em; margin:5px 0 0 0; color:#009999; }
#middle h6 { font-size:1em; margin:0 0 10px 0; color:009999; }

#middle p { padding:0 0 15px 0; line-height:1.3em; }

#middle p.date {color:#999; font-weight:bold}

#middle q { padding:0 10px 10px 0; line-height:1.3em; color:#14635A;  }
#middle acronym, #middle abbr { border-bottom:1px dotted #666699; }

#middle ul { margin:0 0 20px 18px; }
#middle ul li { margin:0 0 10px 0; list-style-image: url(img/bullet.gif); }
#middle ul ul { margin:5px 0 5px 18px; }
#middle ul ul li {  list-style-image: url(/img/bullet_2.gif); }
#middle ol { margin:0 0 10px 25px; }
#middle ol li { margin:0 0 4px 0; }

#middle dl { margin:0 0 10px 0; }
#middle dt { font-weight: bold; }
#middle dd { margin:0 0 5px 0; }

#middle blockquote { margin:0 0 10px 0; padding:5px 20px; text-indent:15px; border-left:2px solid #DEDEDE; background:url(img/quote.gif) no-repeat left top}

/*...........................................................*/
/*...........................................................*/
/*...........................................................*/
#middle p span.error{background:#D72F08; color:#fff}

#middle form {margin:0; padding:10px; font-size:0.8em; width:80%;}
#middle form fieldset {margin:10px 0 0 0; padding:5px; border:0;  border:1px dashed #ccc}
#middle form p.note{background:#FAFDC6; color:#666; font-size:0.9em}

#middle form legend{margin:0; padding:0; color:#F16225; font-weight:bold;}

#middle form ol{margin:0; padding:0; list-style:none; font-size:1em; }
#middle form ol li{margin:0; padding:0; clear:both; font-weight:normal; list-style:none; background:none}
#middle form ol li.error{background:#D72F08; color:#fff}
#middle form ol li.error label{color:#fff}
#middle form ol li span{font-size:0.7em; color:#666}

#middle form label {margin: 5px 0 5px 10px; padding:0; clear:both; float:left; width:200px; font-weight:normal;  color:#443F43}
#middle form input {margin: 5px 0 5px 10px; padding: 0; width:200px; border:1px solid #999}
#middle form select {margin: 5px 0 5px 10px; padding: 0; width:200px; border:1px solid #999}
#middle form input.ra{margin:0; padding:0; width:20px; border:0;}
#middle form textarea {margin: 5px 0 5px 10px; padding: 0; height:120px; width:470px; border:1px solid #999}
#middle form input.butt{margin:0 0 0 220px; padding:5px; width:auto; clear:both;  color:#fff; background:#F16225; font-weight:bold}

/*...........................................................*/
/*...........................................................*/
/*...........................................................*/

#rcol {float:right; width:184px; text-align:left; word-wrap:break-word; background:#D1E9E7}

#rcol ul#menu {margin:0 0 10px 0; padding:0; width:184px;  }
#rcol ul#menu li {margin:0; padding:0; list-style:none; }

#rcol ul#menu a { display:block; color:#fff; text-decoration:none; background: url(/img/menubg.gif); padding:4px 0 5px 26px; width:184px; voice-family:"\"}\""; voice-family:inherit; width:158px; }
.dummy {}
#rcol ul#menu a:HOVER { background-position: 0 -25px; }
#rcol ul#menu a.on { background-position: 0 -50px; font-weight: bold; }

#rcol ul#menu ul { width:184px; background: url(img/submenubg.gif) repeat-y;  margin:-2px 0 0 0; }

#rcol ul#menu ul li a {  display:block; color:#D4E9E7; text-decoration:none; background: none; padding:0 0 0 32px; width:164px; voice-family:"\"}\""; voice-family:inherit; width:152px; }
.dummy {}
#rcol ul#menu ul li a:HOVER { background:none; color:#fff; }
#rcol ul#menu ul li a.on { background:none; color:#fff; font-weight: bold; }

/* \*/
* html ul#menu li {  float:left; display:block;  /* hack for IE */ }
/* */
#rcol ul {margin:0 0 10px 25px; padding:0}
#rcol ul li { margin:0 0 4px 0; list-style-image: url(img/bullet.gif); }

#rcol h3{margin:3px 0 3px 10px; padding:0; clear:both}
#rcol h4{margin:0 0 8px 10px;}
#rcol p {color:#333; margin:0 0 5px 10px; }

#rcol #contact {margin:0 0 1px 0; padding:15px 0 15px 0; border-top:1px solid #fff; background: #F3F4BA url(img/contactbg.gif) repeat-y; }



#rcol form{margin:0 0 0 5px; padding:0 0 10px 0; clear:both}
#rcol form input{width:110px; float:left}
#rcol form input.butt{width:auto;}

/*...........................................................*/
/*...........................................................*/
/*...........................................................*/

#footer { background: url(../img/footerbg.gif) repeat-x; padding:15px; font-size:0.85em; }
#footerleft { float:left; width:450px; text-align:left; }
#footerright { float:right; width:250px; text-align:right;}
#footercenter { float:center; width:700px; text-align:center; font-size:0.80em;}