/* layout */
body{background-color: #000000;text-align:justify;}
#Header{height:200px;background:#DEDEDE url(/site/template/images/jay-dickens-logo.jpg) no-repeat scroll top;}
#Header #LogoLink{display:block; width: 400px; height: 135px; float: left;margin-left:600px; position:absolute; cursor: pointer;}  
#Header #TagLine{color:#FFF;padding:140px 0 0 300px;font-size:200%;}
#Body{background-color:#FFF;}
#Body.twoCol{background-color:#FFF;} /* two column layout for sub-pages*/
  #Nav{color:#000;text-align:center;background-color:#DEDEDE;}
    #Menu{list-style-type: none;margin:0;padding:0;}
      #Menu li{border-bottom:solid white 3px;text-align:left;margin:0;}
        #Menu li a{padding:0 7px 0 3px;font-weight:bold;text-decoration:none;color:#000;display: block;width:180px;}
        #Menu li a.active{background-color:#FFFFF0;color:#009;}
        #Menu li a:hover{background-color:#FFF;color:#009;text-decoration:underline;padding:0 3px 0 7px;}
        #Menu li a.admin{color:#FF4500;}
  #Content{color:#000;background-color:#FFF;}
  #Side{text-align:center;color:#000;background-color:#DEDEDE;}
#Footer{border-top:solid #001e74 3px;background-color:#FFFFFF;}
  #Footer .BoxLeft{width:150px;float:left;padding:10px 10px 10px 60px;}
  #Footer .BoxMiddle{width:540px;float:left;padding:10px;text-align:center;}
  #Footer .BoxRight{width:200px;float:left;padding:10px;}

/* clearing */
.nbsp{clear:both;height:1px;margin:0;padding:0;overflow:hidden;} /* A 1px high clearing space, useage: <div class='nbsp'>&nbsp;</div> */

/* slideshow */
#ssSlide{float:left;left:0;margin:0;padding:0;position:relative;top:0;height:450px;border-bottom:solid #001e74 3px;} /* Adjust height to match the slide show height */
#ssSlide #ssCaption{-khtml-opacity:0.7;-moz-opacity:0.7;background:#fff;color:#000;display:none;filter: alpha(opacity=70);float:left;font:14px Arial,Helvetica,sans-serif;font-weight:bold;left:0;margin:0;opacity:0.7;padding:10px;position:absolute;top:0;width:580px;z-index:11;}
#ssSlide img{float:left;left:0;margin:0;padding:0;position:absolute;top:0;z-index:8;opacity:0.0;}
#ssSlide img.active{z-index:10;opacity:1.0;}
#ssSlide img.last-active{z-index:9;}

/* gallery and images */
div.gallery{background-color: #f7F8FE;margin:5px;padding:5px;border:solid #DDD 1px;}
div.galleryBox{background-color:#FFF;margin:5px;padding:5px;float:left;border:solid #DDD 1px;width:131px;}
div.imgBox, div.imgBoxR, div.imgBoxCenter{background-color:#FFF;margin:5px;padding:5px;border:solid #DDD 1px;}
div.imgBox{float:left;}
div.imgBoxR{float:right;}
div.imgBoxCenter{float:none;}
div.imgBox img, div.imgBoxR img, div.imgBoxCenter img{clear:both;}
.floatL{margin:5px;float:left;}
.floatR{margin:5px;float:right;}

/* pagination */
div.pagination {margin:5px auto 5px auto;padding:5px;text-align:center;float:left;width:100%;}
div.pagination ul{width:56em; margin:0 auto; list-style: none;}
div.pagination ul li{margin:0;padding:0;border:solid #DDD 1px;float:left;position:relative;width:2em;}
div.pagination ul li a{display:block;padding:0 5px 0 5px;}
div.pagination ul li strong{display:block;padding:0 5px 0 5px;}


/* blog style */
.blogTitle {font-size:130%;}
.blogDate {font-size:90%;}
.blogSummary {color: #303030;}
.blogPost {}

/* brands page (copied from MotorState add on page */
#myListContainer {margin: 0 auto 0 auto; width:100%;text-align:left;font-family:arial,sans-serif;}
#myList {margin:0;padding:0;list-style: none;}
#myList li {width:350px;padding:0;padding:0 10px 0 10px;float:left;height:170px;overflow:hidden;font-family:arial,sans-serif;font-size:90%;}
#myList li .title{font-weight:bold;font-size:150%;}
#myList li .cRack{display:none;visibility:hidden;}
#myList li .msCode{display:none;visibility:hidden;}

/* google map */
.map {margin:10px auto 10px auto;border:solid #001e74 3px;width:750px;height:450px;display:block;overflow:hidden;}

/* jQuery alternating color */
.alternate{margin:5px;padding:5px;border:solid #DDD 1px;}
.alternate-odd{background-color: #F5F5F5;}
.alternate-even{background-color: #FFFFF0;}

/* general */
.border{border:solid #87CEEB 1px; -moz-border-radius: 4px;  -webkit-border-radius: 4px;}
.shade{background-color: #EEEEEE;}
.errorTxt{color:red;}
.jqLabel{color:#778899;font-size:70%;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;color:#009;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:underline;color:#009;}
li{margin-left:1.9em;}
.centerdiv {text-align:center;margin:0 auto 0 auto;}
fieldset{background-color: #FFFFF0;}
.topSpace{margin-top:20px;}
.heading, div.heading {background-color:#001e74;text-align:center;padding-top:5px;padding-bottom:5px;margin-bottom:5px;color:#FFF;height:25px;clear:both;}
.giant {font-size:250%}
.huge {font-size:200%;}
.big {font-size:150%;}
.large {font-size:120%}
.blue {color:#001e74;}
.red {color:#FF0000;}
.black {color:#000;}
.hide{display:none;}
.mar05{margin:5px;}
.mar10{margin:10px;}
.mar15{margin:15px;}
.mar20{margin:20px;}
.mar25{margin:25px;}
p { text-indent:10px;}
.twoCol p { text-indent:0px;}
#Side .mar05 .imgBoxCenter{ background-color:#DEDEDE;}