/* body of the HTML document, includes text fonts, etc */
body {
    background-color:#ffffff;
    color:#000000;
    font-family:georgia,times,"times new roman",serif;
    font-size: 12pt;
    text-align:center;
}


/* Header styles, document-wide */
H1, H2 {
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
}


/* Header styles, for error pages */
H1.error {
    font-size:50pt;
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    color:red;
}

/* for images floating left */
img.floatLeft {
    float: left;
    margin-left: 0px;
    margin-right: 1em;
    margin-top: 0em;
    margin-bottom; 1em;
}

/* for images floating right */
img.floatRight {
    float: right;
    margin: 1em;
}

/* for bigger text */
p.big {
    font-family: Arial, Helvetica, sans-serif;
    font-size:14pt;
    font-weight:bold;
    text-align:left;
}

/* for error messages */
p.error {
    font-size:14pt;
    font-weight:bold;
    font-family:Arial,Helvetica,sans-serif;
}


/* special style of text for the blog comments area */
p.comment{
    font-family: courier;
    padding-left:4em;
    padding-right:5em;
}


/* special style of text for the thank you page area */
p.thankyou{
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20pt;
    font-weight:bold;
}


/* menu list properties */
dl.menu{
    font-family: Arial, Helvetica, sans-serif;
}


/* menu sub-header */
.menu dt{
   font-size: 14pt;
   font-weight:bold;
}


/* menu anchor properties */
.menu a {
    font-size:12pt;
    text-decoration:none;
}


/* menu unvisited link */
.menu a:link{
   color:blue;
}


/* menu visited link */
.menu a:visited {
    color:black;
}


/* mouse is over the menu link */
.menu a:hover {
    color:blue;
    font-weight:bold;
    background-color:yellow;
}


/* active menu link */
.menu a:active {
    color:blue;
}


/* properties of the document container - holds the entire document */
#container {
    background-image:url(WEB1BG1.jpg);
    background-repeat:no-repeat;
    margin:0 auto;
    position:relative;
    width:1200px;
    z-index:2;
    text-align:left;
}


/* properties of the banner div */
#banner {
    z-index:5;
    position:absolute;
}

#vid-L{
    float:left;
    margin-top:1em;
    margin-right:2em;
    margin-bottom: 1em;
    padding: 1em;
    background-color:#d5cfbf;
    text-align:center;
}

#vid-R{
    float:right;
    margin-top:1em;
    margin-left:2em;
    margin-bottom: 1em;
    padding: 1em;
    background-color:#d5cfbf;
    text-align:center;
}

/* a spacer DIV to force the navigation box down to the desired location */
#navspacer{
    float:left;
    height: 193px;
    width:0;
}


/* properties of the blog navigation box */
#navblock{
    background-image:url(navback.jpg);
    background-repeat:repeat-x;
    padding-left:1em;
    padding-right:1em;
    text-align:left;
    width:285px;
    height:420px;
    overflow:hidden;
    float:left;
    clear:left;
    background-color:#ebe9dd;
    margin-left:-15px;
    margin-right:1em;
    margin-top: 1em;
    margin-bottom: 1em;
}


/* properties for anchors within the navigation area - all regular anchors will have default properties */
a.nav {
    font-size:10pt;
    text-decoration:none;
    font-family:Arial,Helvetica,sans-serif;
}

/* unvisited link */
a.nav:link {
    color:black;
}

/* visited link */
    a.nav:visited {
    color:darkorange;
}

/* mouse is over the link */
a.nav:hover {
    color:blue;
    font-weight:bold;
}

/* active link */
a.nav:active {
    color:darkorange;
}


/* properties of the blog navigation box */
#callout{
    background-image:url(callback.jpg);
    background-repeat:repeat-x;
    padding-top:1em;
    padding-bottom:1em;
    padding-left:1em;
    padding-right:1em;
    text-align: left;
    width:285px;
    height:170px;
    overflow:hidden;
    float:left;
    clear:left;
    background-color:#8fc2f7;
    margin-left:-15px;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: bold;
    text-align:left;
}


/* a spacer DIV to force the twitter box down to the desired location */
#twitspacer{
    float:left;
    height: 109px;
    width:0;
}


/* twitter feed area of the document */
#twitter  {
    background-color:#8FC2F7;
    background-image:url("twitback.jpg");
    background-repeat:repeat-x;
    clear:left;
    float:left;
    width:370px;
    height:242px;
    margin:1em 1em 1em -15px;
    overflow:hidden;
}


/* main content area of the document - contains the blog text, comments, and the comment-submission form */
#content {
    left:0px;
    padding-left:0em;
    padding-right:2em;
    padding-bottom:60px;
    position:relative;
    text-align:left;
    top:425px;
    width:930px;
    z-index:3;
    margin-left:1em;
}


/* column that displays advertisements and products */
#adcolumn {
    left:966px;
    padding-left:1em;
    padding-right:1em;
    padding-bottom:60px;
    position:absolute;
    text-align:center;
    top:460px;
    width:198px;
    z-index:6;
    border-left-style:ridge;
}


/* footer to make a neat bottom of the document */
#footer {
    background-image:url(WEB1BGbottom.png);
    clear:both;
    width: 1200px;
    height: 55px;
    text-align:center;
    position:fixed;
    bottom: 0;
    z-index: 7;
}