*                                       { margin: 0; padding: 0; }
    body { height:100%; background-color:#13171a; font: 80% Verdana,sans-serif,Arial; margin: 0; padding: 0; }
a, a img                                { border: 0; text-decoration: none; outline: 0; }

.clear { clear:both; }


#top {width:100%; height:340px; background-color:#13171a; }
#head { width:780px; height:340px; margin:0 auto; background-color:#21262a; height:120px; }
#headl {width:490px; height:340px; float:left; background-image:url(img/banner.jpg); }


#headr {width:290px; float:right; background:transparent; }
#headr h1 { font-size:1.2em; color:#eee; padding:65px 0 0 0; font-weight:500;text-align:right;}

#botbar {width:780px;height:20px; margin:0 auto; background-image:url(img/topfoot.jpg);  }

#mid {width:780px;  margin:10px auto; background:transparent;  }


#main { width:760px; margin:0 auto; background:transparent; }

#leftmain {width:300px; float:left; background:transparent; }
#leftmain h1{ font-size:1.0em; color:#eee; padding:15px 5px 0 10px; }
#leftmain h2{ font-size:1.0em; color:#eee; padding:0 20px 10px 0;text-align:right; }
#leftmain h3{ font-size:1.0em; color:#eee; padding:10px 5px 0 10px; }
#leftmain a { color:#cae8ff; text-decoration:none; padding:0 0 0 0; }
#leftmain a:hover { color:#607a91; text-decoration:none; }


#leftheadbox {width: 280px; height:50px; background-image:url(img/leftheadbox.jpg);margin:0 auto;}
#leftheadbox h1 { font-size:1.2em; color:#000; padding:16px 0 0 100px; }

#lgreybox{width: 280px; height:160px; float:left; background-image:url(img/greybox.jpg);margin:10px 0 0 0;}

#bar {width:250px; height:1px; margin:0 auto; background-color:#aaa; border-bottom:1px solid #616D7E; }

#slidebox { width:750px; margin:20px auto; background:transparent; }

#rightmain {width:450px; float:right; background:transparent; padding:0 0 0 5px; }

#rboxtop { width:450px; height:30px; background-image:url(img/bmain.jpg);margin:0; }
#rboxbot {width:450px; height:30px; background-image:url(img/botmain.jpg);margin:0;}
#rboxmid { width:450px; min-height:250px; margin:0; background-color:#3f505a;}
#rboxmid h1 {font-size:1.2em; text-align:center;color:#eee; padding:0;}
#rboxmid p {font-size:1.0em; text-align:left;color:#fff; padding:10px 15px 0 15px; }

#rlinkboxl {width:200px; float:left; background:transparent; }
#rlinkboxl p {font-size:1.0em; color:#eee; padding:10px 0 0 20px; }
#rlinkboxl a { color:#cae8ff; text-decoration:none;  }
#rlinkboxl a:hover { color:#607a91; text-decoration:none; }

#rlinkboxrr {width:200px; float:right; background:transparent; }
#rlinkboxrr p {font-size:1.0em; color:#eee; padding:10px 20px 0 0;text-align:left; }
#rlinkboxrr a { color:#cae8ff; text-decoration:none;  }
#rlinkboxrr a:hover { color:#607a91; text-decoration:none; }

#foot{width:100%; height:40px; background-color:#302226;  }
#footbox { width:760px; margin:0 auto; background:transparent; }
#footbox h1 {font-size:0.9em; color:#eee; padding:10px 0 0 0; font-weight:300; }




#page-wrap                              { width: 760px; padding:0; background: transparent; margin: 0 auto; position: relative; }
#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }

h2                                      { font: bold 30px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 10px 0; }
h3                                      { font: 16px Georgia, Serif; margin: 0 0 10px 0; }  
h5                                      { font: 15px Georgia, Serif; text-align: center; }
pre                                     { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; }

ul                                      { margin: 0 0 25px 25px; }
ul li                                   { font: 15px Georgia, Serif; margin: 0 0 8px 0; }

#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }



/*
For Specific Slides
*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }
#textSlide a { color:#607a91; text-decoration:none;text-align:right; padding:0 20px 0 0;}
#textSlide a:hover { color:#c0c0c0; text-decoration:none; }
#textSlide h2{ font-size:1.0em; color:#000; padding:10px 10px 0 120px;text-align:left; }


#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }



#overlay div {
     width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}
#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}