/* Frank Smith website 02/01/2010*/



BODY {
    xbackground: url(images/yellow-wall1.gif) no-repeat;
    xcolor:  #c6dae8;
    margin: 0px;
    padding: 0px;
    text-align: center;
}


.outersplash {
    width: 900px;
    margin: 20px auto;
    text-align: center;
    padding: 0px;
    xbackground:  #262626;
    xborder-top: 2px solid #616161;
    xborder-left: 2px solid #616161;
    xborder-right: 2px solid #616161;
    xborder-bottom: 2px solid #616161;
}

.splashphoto {
    border:  2px solid #616161;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 148px;
    margin-right: 148px;
}


.outer {
    background: url(images/yellow-wall-background.gif) no-repeat;
    width: 900px;
    margin: 20px auto;
    text-align: center;
    padding: 0px;
    xborder-top: 2px solid #616161;
    xborder-left: 2px solid #616161;
    xborder-right: 2px solid #616161;
    xborder-bottom: 2px solid #616161;}


.aboutouter {
    background: url(images/about-background.gif) no-repeat;
    width: 900px;
    margin: 20px auto;
    text-align: center;
    padding: 0px;
}

.showsouter {
    background: url(images/shows-background.gif);
    width: 900px;
    margin: 20px auto;
    text-align: center;
    padding: 0px;
}


.emailouter {
    background-color: #ffffff;
    width: 800px;
    margin: 20px auto;
    text-align: left;
    padding: 0px;
}




.nobreak {
white-space: nowrap; }


.splashmastheadbackground {
     background: url(images/splash-masthead-2-background.gif) no-repeat;
}


.mastheadbackground {
     background: url(images/masthead-2-background.gif) no-repeat;
}


:link {color:  #666666;}
:visited {color:  #666666;}
:hover {color:  #000000;}


.photonavigationtitle {
     xbackground: url(images/nav-background-title.gif) no-repeat;
    color: #ffffff;
    font-family: Verdana,Sans-serif; 
    font-size: 9pt;
    xfont-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 100%;
    margin: 20px 0px 0px 0px;
    padding: 6px 0px 5px 0px;
}

.photonavigationnumber {
    background: url(images/nav-background-title.gif) no-repeat;
    color: #ffffff;
    font-family: Verdana,Sans-serif; 
    font-size: 9pt;
    xfont-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 100%;
    margin: 20px 0px 0px 0px;
    padding: 6px 0px 5px 0px;
}


.photonavigation {
    color: #ffffff;
    font-family: Verdana,Sans-serif; 
    font-size: 9pt;
    text-align: center;
    line-height: 100%;
    margin: 15px 0px 0px 0px;
    padding: 6px 0px 5px 0px;
}



.photonavigation a {
    color: #ffffff;
    font-family: Verdana,Sans-serif; 
    font-size: 9pt;
}

.photonavigation a:visited {
    color: #ffffff;

}

.photonavigation a:hover {
    color: #a1a1a1;

}





.mainnavigationtitle {
    background: url(images/nav-background-title.gif) no-repeat;
    font-family:  Verdana,Sans-serif;
    font-size:  8.5pt;
    font-weight: bold;
    line-height:  100%;
    padding: 6px 0px 5px 0px;
    text-decoration:  none;
    text-align: center;
    margin-top: 40px;
    xcolor: #a17c50;
    color: #ffffff;
}

.mainnavigation {
    font-family:  Verdana,Sans-serif;
      font-size:  8.5pt;
    font-weight: bold;
    line-height:  100%;
    padding: 6px 0px 4px 0px;
    text-decoration:  none;
    text-align: center;
    margin-top: 40px;
    color:  #c6dae8;
    }


.mainnavigation a {
    font-family:  Verdana,Sans-serif;
      font-size:  8.5pt;
    font-weight: bold;
    line-height:  100%;
    padding: 6px 0px 5px 0px;
    text-decoration:  none;
    color:   #c6dae8;
    }

.mainnavigation a:visited {
    color:  #c6dae8;
}

.mainnavigation a:hover {
    xbackground: url(images/nav-background-hover.gif) no-repeat;
    padding: 6px 0px 5px 0px;
    color:    #6994b2;
}
.mainnavigation a:active {
    color:  #c6dae8;
}





H1 {
    font-size:  11pt;
    font-family:  Verdana, Arial,Helvetica,Sans-serif;
    xcolor:  #e08946;
    color:  #bd5836;
    margin-left:  30px;
}

H2, H3 {
    font-size:  11pt;
     font-family:  Verdana,Arial,Helvetica,Sans-serif;
     font-weight:  bold;
    color:  #6d6d6d;
    margin-top:  10px;
    margin-left:  30px;
}

H4 {
    font-size:  9pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    font-weight:  bold;
    color:  #659252;
    margin-top:  10px;
    margin-left:  30px;
}


.emailtext {
    font-size:  9pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  150%;
    color:  #000000;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.emailbottomtext {
    font-size:  9pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  100%;
    color:  #000000;
    text-align: left;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 25px;
}



.abouttext {
    font-size:  9pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  150%;
    color:  #d1d1d1;
    margin-top: 25px;
    margin-left:  45px;
    margin-right:  45px;
    margin-bottom: 25px;
}


.abouttext a {
    font-size:  9pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  160%;
    color:  #d1d1d1;
}

.abouttext a:visited {
    color:  #d1d1d1; 
}

.abouttext a:hover {
    color:  #a1a1a1; 
}



.aboutcallout {
    font-size:  9.5pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    font-style: italic;
    xfont-weight: bold;
    line-height:  150%;
    xcolor:  #b6c1cf;
    color:  #d1d1d1;
    margin-top: 20px;
    margin-left:  30px;
    margin-bottom: 25px;
}

.aboutphoto {
    margin:  10px 10px 10px 30px;
    border:  2px solid #616161;
}


.showstextborderleft {
     border-right: 2px solid #4b6a7f;
}



.showsheading {
    font-size:  13pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  160%;
    color:  #05234b;
    font-weight: bold;
    margin-top: 50px;
    margin-left:  45px;
    margin-right:  35px;
    margin-bottom: 0px;
}

.showsheadingtext {
    font-size:  10pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  160%;
    color:  #d1d1d1;
    margin-top: 10px;
    margin-left:  45px;
    margin-right:  35px;
    margin-bottom: 0px;
}


.showsheadingtext a {
    font-size:  10pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  150%;
    color:  #d1d1d1;
}

.showsheadingtext a:visited {
    color:  #d1d1d1; 
}

.showsheadingtext a:hover {
    color:  #a1a1a1; 

}








.showstext {
    font-size:  10pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  150%;
    color:  #d1d1d1;
    margin-top: 50px;
    margin-left:  45px;
    margin-right:  35px;
    margin-bottom: 0px;
}


.showstext a {
    font-size:  10pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  150%;
    color:  #d1d1d1;
}

.showstext a:visited {
    color:  #d1d1d1; 
}

.showstext a:hover {
    color:  #a1a1a1; 
}


.showstext1 {
    font-size:  10pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  150%;
    color:  #d1d1d1;
    margin-top: 10px;
    margin-left:  45px;
    margin-right:  0px;
    margin-bottom: 0px;
}

.showstext1 a {
    font-size:  10pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  150%;
    color:  #d1d1d1;
}

.showstext1 a:visited {
    color:  #d1d1d1; 
}

.showstext1 a:hover {
    color:  #a1a1a1; 
}



.showstext2 {
    font-size:  10pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  150%;
    color:  #d1d1d1;
    margin-top: 30px;
    margin-left:  45px;
    margin-right:  0px;
    margin-bottom: 0px;
}

.showstext2 a {
    font-size:  10pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  150%;
    color:  #d1d1d1;
}

.showstext2 a:visited {
    color:  #d1d1d1; 
}

.showstext2 a:hover {
    color:  #a1a1a1; 
}




.showstext3 {
    font-size:  10pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  150%;
    color:  #d1d1d1;
    margin-top: 10px;
    margin-left:  0px;
    margin-right:  0px;
    margin-bottom: 0px;
}



.thumbcolumn {
    margin:  10px;
    border:  2px solid #616161;
}

.thumbmargins {
   margin-left:  30px;
   
}



.photocolumn {
    margin-top: 20px;
    margin-left:  75px;
    border:  2px solid #616161;
}


.photocolumnshows {
    margin-top: 20px;
    margin-left:  0px;
    border:  2px solid #616161;
}


.showphotos {
	color: #ffffff;
    font-size:  10pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  150%;
    margin-left:  25px;
	cursor: pointer;
	text-decoration: underline;
}

.caption {
    font-size:  9pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  150%;
    margin-left:  75px;
    color:  #ffffff;
}


.captiontext {  
    font-size:  8.5pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    line-height:  150%;
    color:  #ffffff;
}



.rule {
    border:  1px solid #e08d73;
    width:  200px;
}


.copyright {
    font-size:  7pt;
    font-family:  Verdana,Arial,Helvetica,Sans-serif;
    color:  #38587e;
    margin:  5px 0px 5px 10px;
}





/* popup menu and its parent are in a SPAN with ID "w". */
#w {position: relative;}

/* The menu items are in an inner SPAN with class "popup" */
.popup {
    display: none;
    position: absolute; 
    width: 150;
    top: 0;
    left: 130;
}

#w:hover .popup {
    display: block; 
    z-index: 2;
}