/*SML Styles
@copyright 2009
Create by Mary-Chris Hirsch
March 2009*/

a { 
    color: #003399;  
    text-decoration:none; }

a:hover {
    color:#de990e;
    text-decoration: none; 
    border-bottom:1px solid #de990e;}

img a{
    border:none;}

body {
    font-family:Trebuchet MS, Helvetica;
    font-size:12px;
    margin:0; 
    padding:0;
    background: #5a93e0 url(/images/bodyBackgroundGrad.gif) repeat-x;}
    
.clear { 
    clear: both; }

.main-page{
    width:100%;}

.pre-header{
    text-align:center;
    font-size:10px;
    color:#fff;
    margin-bottom:10px;}
        
#top-leader{
    display:block;
    margin-left:auto;
    margin-right:auto;}

#top-leader img{
    border:1px solid #000;}

#div-navigation{
    height:45px;
    background:url(/images/barGrad.jpg);}

#div-navigation li{
    float:left;
    text-align:center;
    list-style:none; 
    list-style-position:inside;
    width:115px;
    height:38px;
    margin:.25em .25em 0 .25em;
    padding:.25em 0 0 0;
    background:url(/images/navButtons.jpg) no-repeat;}

#div-navigation ul{
    padding:0;
    margin:0;}

.menu{
    width:972px;
    display:block;
    margin-left:auto;
    margin-right:auto;}

.menu a{
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    font-size:1.6em;
    border:none;
    padding-top:10px;}

.menu a:hover{
    color:#FFCD36;
    border:none;}

.page-body{
    background:#fff url(/images/pageBackground.gif) repeat-y;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    margin-bottom:0;
    width:972px;}

#div-gateway-body{
    background:#fff;}

.header-logo{
    height:90px;
    background: url(/images/headerLogo.jpg) no-repeat;
    margin:0;}

#div-header2{
    background: url(/images/headerLogo2.jpg) no-repeat;}

#logo {
    float:left;}

#logo a{
    display:block;
    height: 70px;
    width: 600px;
    border:none;}
  
#logo a span {
    float:left;
    visibility: hidden;}

#div-search-sml{
    float:right;
    margin:5px 10px 0 0;
    width:215px;
    height:50px;
    background: url(/images/searchBackground.gif) no-repeat;}

#search-box{
    margin-left:10px;
    border:1px solid #c6880d;
    width:110px;}

#div-input-search input{
    vertical-align:middle;
    margin:10px 0 0 15px;
    font-size:10px;
    color:#444444;}

#div-facebook-link{
    font-size:11px;
    float:right;
    margin-right:5px;
    margin-top:0;}

#div-facebook-link img{
    border:none;
    vertical-align:bottom;
    margin-right:3px;}
 
 #div-facebook-link a:hover{
    border:none;}
    
.gateway-main-image{
    float:left;
    background: url(/images/mainBackground.gif) no-repeat;
    width:970px;
    height:278px;
    margin-top:0;}

.gateway-main-image h3{   
    text-align:center;
    font-size:16px;
    font-weight:bold;
    margin:2px 0 0 0; 
    color:#f3a819; }
 
.gateway-main-image a:hover{
    color:#f3a819;}

.gateway-main-image img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;}

#div-content{
    float:left;
    margin-left:10px;
    width:75%;}

#roanoke-links{
    font-size:12px;}

#roanoke-links a{
    font-size:16px;}

.image-desc{
font-size:11px;}

/*Widgets*/
.calendar-weather{
    float:left;
    padding:0;
    margin-bottom:10px;
    width:740px;}

.calendar-weather h5{
    font-size:14px;
    float:left;
    width:40%;
    margin:10px 0px 0px 5px;}

.calendar-weather h5 a{
    color:#de990e;}

.calendar-weather h5 a:hover{
    color:#000099;
    border-bottom:none;}

.calendar-weather strong{
    color:#000;}    

.widgets{
    float:left;    
    padding:7px 5px 5px 5px;
    width:190px;
    height:140px;
    margin:0 5px 0 10px;
    background: url(/images/whiteBackground.gif) no-repeat;}

.widgets a:hover{
    border:none;}

#div-calendar{
    text-align:center;
    margin-left:25px;
    width:150px;}


#div-calendar label{
    font-size:11px;
    font-weight:bold;}

.calendar-titles{
    text-align:center;}

#provided{
    float:left;
    border:none;
    margin:.75em 0 0 .75em;
    padding:0;}

#provided a{
    border:none;}

#cal-prev-month {
  margin:2px 2px 2px 5px;
  float:left; }

#div-cal-text {
    width:70%;
    float:left;}

#cal-next-month {
    margin:2px;
    float:left; }

#divCalWidget{
   float:left;
    margin-left:10px;}

.event-calendar-small {
    float:left;
    width:125px; 
    font-size:.9em;}

#div-weather{
    display:block;
    width:165px;
    margin-left:auto;
    margin-right:auto;}

#div-weather h4{
    margin:5px 0 0 0;
    font-size:14px;
    text-align:center;
    margin-bottom:10px;}

#div-weather a{
    border-bottom:1px solid;}

#div-weather img{
    margin-top:5px;
    float:right;
    max-width:120px;
    max-height:95px;}

#div-weather span{
    float:left;
    margin:25px 0 0 0px;
    font-size:20px;
    color:#eab75f;
    font-weight:bold;}

/*Story Links*/
.link-boxes{  
    float:left;
    width:340px;
    margin:0px 20px 10px 0px;
    padding:0px;}

.link-boxes h1{
    font-size:14px;
    text-align:center;
    font-style:italic;
    color:#444444;
    margin:0;}

.link-boxes img{
    border:none;
    float:left;
    margin-right:15px;}
 
.link-boxes a:hover{
    border:none;}

.link-boxes h4{
    margin:0;
    font-size:16px;
    font-weight:bold;
    margin-left:0px;}

.link-boxes h4 a{
    margin:0 0 0 0px;
    border-bottom:1px solid;}

.link-boxes h4 a:hover{
    border-bottom:1px solid;}

.link-boxes ul{
	list-style-position:inside;
	margin:5px 0 0 15px;
    padding:0 0 10px 0;
    list-style:disc;}
    
.link-boxes h5 a{
    color:#de990e;
    font-size:1.1em;
    font-style:italic;}


.link-boxes h5 a:hover{
    color:#000099;}

.link-boxes h5{
    margin:5px 0 0 0;}

.homepage-links{
    border-bottom:1px solid #000999;}
/*right rail*/

.right-rail{
    margin-top:-15px;
    padding:0px;
    margin-bottom:0;
    text-align:center;}

#div-right-interior{
    float:right;
    margin-top:-6px;
    #margin-top:-9px;}
   
.right{
    float:right;
    width:210px;
    margin-top:-2px;
    margin-bottom:0;
    background:#254a7d;
    clear:right;
    padding-top:5px;
    padding-bottom:100%;}

#div-right{
   clear:none;}

#rail-image{
    float:right;
    clear:right;
    margin-top:-15px;
    #margin-top:0;}

/*rail Changes*/
.div-featured-vertical-gateway h4 {
    width:190px;
    font-weight:bold;
    font-size:15px;
    text-align:center;
    background: url(http://www.smithmountainlake.com/images/SMLhomesHeaderGrad.jpg) repeat-x;
    color:#ffffff;
    margin:0px 0px 0px 0px; 
    padding:2px 0px 2px 0px;}
    
/*#div-right-rail{
    float:right;
    padding:0px;
    margin-top:-15px;
    margin-bottom:0;
    text-align:center;}
   
#right{
    float:right;
    width:185px;
    margin-top:-2px;
    margin-bottom:0;
    background:#254a7d ;
    clear:right;
    padding-top:5px;
    padding-bottom:10%;
    height:930px;}

.homes-gateway-right{
    float:right;
    width:201px;
    margin-top:-2px;
    margin-bottom:0;
    background:#254a7d ;
    clear:right;
    padding-top:5px;
    padding-bottom:10%;
    height:930px;}*/

.corners{
    display:block}
    
.corners *{
    display:block;
    height:1px;
    overflow:hidden;
    font-size:.01em;
    background:#f0f0f0}
      
.corners1{
      margin-left:3px;
      margin-right:3px;
      padding-left:1px;
      padding-right:1px;
      border-left:1px solid #7c91ae;
      border-right:1px solid #7c91ae;
      background:#bdc6d3}
      
.corners2{
      margin-left:1px;
      margin-right:1px;
      padding-right:1px;
      padding-left:1px;
      border-left:1px solid #395a88;
      border-right:1px solid #395a88;
      background:#c9d0da}
      
.corners3{
      margin-left:1px;
      margin-right:1px;
      border-left:1px solid #c9d0da;
      border-right:1px solid #c9d0da;}
      
.corners4{
      border-left:1px solid #7c91ae;
      border-right:1px solid #7c91ae}
      
.corners5{
      border-left:1px solid #bdc6d3;
      border-right:1px solid #bdc6d3}
      
.cornersfg{
    background:#f0f0f0}

.background-corners{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    width:195px;
    padding:0px;}
 
.background-corners-gateway{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    width:190px;
    padding:0px;}

.background-corners p{
    padding:5px;
    margin:0;}
.background-corners-gateway p{
    padding:5px;
    margin:0;}

/*interior pages*/
.interior-main{
    float:left;
    margin:0 0 0px 5px;}

#main-image{
    float:left;
    width:550px;
    height:300px;
    margin:2px 0 0 0;
    padding:0;
    border:none;
    background: url(/images/interiorMainBackground.jpg) no-repeat;}

#main-image a{border:none;} 
 
#headline{
    color:#f28504;
    font-size:35px;
    font-weight:bold;
    margin:0px 0 15px 0;
    width:525px;
    text-align:center;}

#main-image img{
    margin:11px 10px 10px 14px;}

#div-widgets{
    width:190px;
    padding:0;
    margin:0;}

#div-widgets .widgets{
    margin:0 0 5px 2px;
    #margin:0 0 0 6px;
    padding:5px 5px 2px 5px;}

#div-content-interior{
    float:left;
    margin-left:0px;
    width:77%;}

.page{
    margin:0 10px;}    

.page li{
    margin-left:15px;} 

.visitors-guide{
    float:right;
    width:300px;
    border:3px double #f0f0f0;
    margin-top:0px;
    margin-left:15px;
    padding:10px;
    margin-bottom:10px;
    background: #f9f9f9;}

.visitors-guide h3{
    text-align:center;
    font-size:15px;
    font-style:italic;
    color: #f28504;
    margin-top:0;
    margin-bottom:5px;}
 
.visitors-guide ul{
    padding-left:10px;
    margin-left:0;}

.visitors-guide li{
    list-style: url(/images/bullet-arrow.gif);}



/*publication index pages*/
#div-pub-links{
    border-top:1px solid #ccc;
    padding-top:10px;
    margin-bottom:10px;
    clear:both;}

#div-pub-links h3{
    color: #444;
    margin-left:0;
    padding-left:0;
    font-size:14px;
    font-style:italic;}

#div-pub-links img{
    float:left;
    margin-right:30px;
    margin-bottom:10px;
    border:none;}

#div-pub-links a:hover{
    border:none;}
    
#div-top ul{
    padding-left:0px;
    list-style:disc;}
    
#div-top img{
    float:left;
    margin-right:30px;
    margin-bottom:10px;}

.publication-index h3{
    margin-top:0;
    margin-left:20px;}
    
.publication-index h4{
    color:#f28504;
    font-size:13px;}
  
#div-past{
    margin-left:auto;
    margin-right:auto;}

#div-past h3{
    text-align:center;
    border-bottom:1px solid #ccc;
    margin-top:20px;}

.past-pubs{
    float:left;
    width:245px;
    margin-bottom:20px;
    text-align:center;}

.past-pubs img{
    display:block;
    margin-left:auto;
    margin-right:auto;}


/*Footer*/

#div-footer-body{
    background:#fff;}
    
#div-footer-bar{
    background: url(/images/bottomBarGrad.jpg) repeat-x;
    height:20px;
    margin-top:0;
    margin-bottom:0px;}

#div-footer{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:65%;
    text-align:center;
    font-weight:bold;
    font-size:13px;
    padding:10px 0;}
    
#div-footer img{
    border:none;
    margin:0 10px;}

#div-footer a:hover{
    border:none;}