/* ***************************
  Site - AtoZ
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	color:#1b8cdf;
	text-decoration:none;
}
a:hover {
	color:#D40000;
	text-decoration:none;
	border-bottom: 1px dotted #AA0000;
}
img {
	border:0;
}
fieldset {
	border:none;
}
li {
	list-style:none;
}
.clear {
	clear:both;
}

.colora {
    color: #125181;
    font-family:Jokerman;
    font-weight: bold;
}

.colorto {
    color: #0E7D30;
    font-family:Jokerman;
    font-weight: bold;
}

.colorz {
    color: #E1B12D;
    font-family:Jokerman;
    font-weight: bold;
}

.colorevents {
    color: #715793;
    font-family:Jokerman;
    font-weight: bold;
}

h1.keywords {
    margin:-15px 0 0 0;
	padding:0;
	font-size:x-small;
	text-align:center;
	color:#818181;
}

/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
	background:#000000;
    padding-top:20px;
    text-align:center;
	color:#444;
}
body#bg1 {
	background:#000000 url(../images/bg_body1.jpg) top center no-repeat;
}
body#bg2 {
	background:#000000 url(../images/bg_body2.jpg) top center no-repeat;
}
body#bg3 {
	background:#000000 url(../images/bg_body3.jpg) top center no-repeat;
}
body#bg4 {
	background:#000000 url(../images/bg_body4.jpg) top center no-repeat;
}
#container {
	font-size:75%;
    font-family: Arial, Helvetica, sans-serif;
    width:790px; 
    margin:auto;
    text-align:left;
}

.style2 {
	font-family: "Agency FB";
	font-style: italic;
	font-size: x-large;
}


/* *************************** 
   $3 Header Styles
   ***************************/
#header {
	width:790px;
    height:105px;
}
#header h1 {
	width:206px;
    height:105px;
	float:left;
    background:url(../images/logo.png) no-repeat;
}
#header h1 a {
	width:206px;
    height:105px;
    float:left;
    text-indent:-9999px;
    outline-color: invert;
	outline-style: none;
	outline-width: medium;
	display: block;
}
#header h2 {
	color:#FFFFFF;
    font-size:1.3em;
    font-family:Jokerman, Arial, Helvetica, sans-serif;
    font-weight:normal;
    height:60px;
    padding:15px 0 0 0;
    height/**/:/**/ 45px;
    margin-left:10px;
    float:left;
}
#header li {
    font-size:1.75em;
    text-align:center;
    float:left;
    height/**/:/**/ 32px;
}
#header li#menu1 a {
    height: 45px;
    display: block;
	width:182px;
    padding-top:13px;
    background:url(../images/bg_menu1.jpg) no-repeat;
}
#header li#menu2 a {
	width:138px;
    height: 45px;
    display: block;
    padding-top:13px;
    background:url(../images/bg_menu2.jpg) no-repeat;
}
#header li#menu3 a {
	width:232px;
    height: 45px;
    display: block;
    padding-top:13px;
    background:url(../images/bg_menu3.jpg) no-repeat;
}

#header li#menu1 a:hover {
	width:182px;
    background:url(../images/bg_menu1hover.jpg) no-repeat;
}
#header li#menu2 a:hover {
	width:138px;
    background:url(../images/bg_menu2hover.jpg) no-repeat;
}
#header li#menu3 a:hover {
	width:232px;
    background:url(../images/bg_menu3hover.jpg) no-repeat;
}

#header li a, #header li a:hover {
	color:#000000;
    text-decoration:none;
}
#banner {
	width:790px;
    height:204px;
    padding:6px 0 0 6px;
    width/**/:/**/ 784px;
    height/**/:/**/ 198px;
    background:url(../images/bg_banner.gif) no-repeat;
}

/* *************************** 
   $4 Content Styles
   ***************************/
#content {
	width:790px;
    background:url(../images/bg_content.gif) repeat-y;
    padding:0 6px;
    width/**/:/**/ 778px;
    float:left;
}
#maincontent {
	width:580px;
    float:right;
    padding:12px;
    width/**/:/**/ 556px;
}

#maincontent a {
    border-bottom:1px dotted #1b5885;
}

#maincontent h2 {
	font-size:2.5em;
    padding-bottom:6px;
    margin-bottom:10px;
    border-bottom:2px solid #a7a09c;
    font-family:Jokerman, Arial, Helvetica, sans-serif;
}

h2.h2carriages {
	color: #529F27;
}

h2.h2parade {
	color: #175684;
}

h2.h2amuse {
	color: #DFAC20;
}

h2.h2info {
	color: #27253B;
}


#maincontent p {
	font-size:1.166em;
    margin-bottom:20px;
    font-family:Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

#maincontent p.everybody {
	font-size: x-large;
	text-align: center;
	color: #AC0000;
	font-family: "Tempus Sans ITC", Perpetua, Garamond, sans-serif;
}

#maincontent p.small {
	font-size: x-small;
}

.bxlarge {
	font-weight: bold;
	font-size: 36px;
}

#maincontent ul {
    font-family:Arial, Helvetica, sans-serif;
	font-size:1.166em;

}

#maincontent li {
	list-style:square;	
	margin-left: 20px;
	padding: 0 5px;
}



/* ***************************
   $5 Sidebar Styles
   ***************************/
#sidebar {
	width:192px;
    float:left;
}

#sidebar_nav a {
    text-decoration:none;
    height:30px;
    background:url(../images/bg_sidebar_nav-up.jpg) no-repeat;
    height/**/:/**/ 25px;
    color:#D3D3D3;
    text-align:center;
    font-size:1.333em;
    font-weight:bold;
    width: 192px;
    display: block;
    margin: 0;
    padding-top:7px;
}

#sidebar_nav a:hover {
    text-decoration:none;
    height:30px;
    background:url(../images/bg_sidebar_nav.jpg) no-repeat;
    height/**/:/**/ 25px;
    color:#040404;
    width: 192px;
    display: block;
    margin: 0;
    padding-top:7px;
}

/* ***************************
   Blueblock Menu Styles
   ***************************/

#blueblock{
width: 192px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
margin-top: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 120%;
background-color: #90bade;
color: #333;
}

#blueblock h2 {
        font: bold 1.333em Tahoma, Arial, sans-serif;
        color: #2F2F2F;
        padding: 3px 0px 3px 11px;
        font-variant: small-caps;
        letter-spacing: 1px;
}


#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
 border-bottom: none;
}

/* ***************************
   GreenBlock Menu Styles
   ***************************/

#greenblock{
width: 192px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
margin-top: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 120%;
background-color: #BCE2A7;
color: #333;
}

#greenblock h2 {
        font: bold 1.333em Tahoma, Arial, sans-serif;
        color: #2F2F2F;
        padding: 3px 0px 3px 11px;
        font-variant: small-caps;
        letter-spacing: 1px;
}


#greenblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#greenblock li {
border-bottom: 1px solid #BCE2A7;
margin: 0;
}

#greenblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #228B22;
border-right: 10px solid #A9DA90;
background-color: #508E30;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #greenblock li a{ /*Non IE6 width*/
width: auto;
}

#greenblock li a:hover{
border-left: 10px solid #006400;
border-right: 10px solid #80C859;
background-color: #228B22;
color: #fff;
 border-bottom: none;
}

/* ***************************
   OrangeBlock Menu Styles
   ***************************/

#orangeblock{
width: 192px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
margin-top: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 120%;
background-color: #FEF8BF;
color: #333;
}

#orangeblock h2 {
        font: bold 1.333em Tahoma, Arial, sans-serif;
        color: #2F2F2F;
        padding: 3px 0px 3px 11px;
        font-variant: small-caps;
        letter-spacing: 1px;
}


#orangeblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#orangeblock li {
border-bottom: 1px solid #FF8C00;
margin: 0;
}

#orangeblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #BF9523;
border-right: 10px solid #FFE59F;
color: #fff;
text-decoration: none;
width: 100%;
  background-color: #E1B12D
}

html>body #orangeblock li a{ /*Non IE6 width*/
width: auto;
}

#orangeblock li a:hover{
border-left: 10px solid #AC7A13;
border-right: 10px solid #EFCE77;
  background-color: #FFB900;
  border-bottom: none;
}

/* ***************************
   GreyBlock Menu Styles
   ***************************/

#greyblock{
width: 192px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
margin-top: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 120%;
background-color: #D9D9D9;
color: #333;
}

#greyblock h2 {
        font: bold 1.333em Tahoma, Arial, sans-serif;
        color: #2F2F2F;
        padding: 3px 0px 3px 11px;
        font-variant: small-caps;
        letter-spacing: 1px;
}


#greyblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#greyblock li {
border-bottom: 1px solid #FAFAFA;
margin: 0;
}

#greyblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #626262;
border-right: 10px solid #C2C2C2;
color: #FEFEFE;
text-decoration: none;
width: 100%;
  background-color: #828282;
}

html>body #greyblock li a{ /*Non IE6 width*/
width: auto;
}

#greyblock li a:hover{
border-left: 10px solid #2B2B2B;
border-right: 10px solid #9D9D9D;
  background-color: #444444;
  border-bottom: none;
}



/* ***************************
   $6 Footer Styles
   ***************************/
#footer {
	width:790px;
    height:52px;
    float:left;
    background:url(../images/bg_footer.jpg) no-repeat;
}
p.footcolorleft {
  padding:3px 0 0 30px;
  color: #979797;
  text-align: center;
  float: left;
  width: 350px;
}

p.footcolorright {
  padding:3px 30px 0 0;
  color: #6F6F6F;
  text-align: center;
  float: right;
  width: 350px;
  height: 40px;
}

p.footcolorright a {
  color: #E0E0E0;
  text-decoration: none;
}

p.footcolorright a:hover {
  color: #FFFACD;
  text-decoration: none;
}

#footer ul {
	padding:17px 0 0 45px;
    text-align: center;
}

#footer li {
	display:inline;
    font-size:1.166em;
    padding:0 8px 0 16px;
    background:url(../images/bg_footer_li.gif) 0 4px no-repeat;
}
#footer li.first {
	padding:0 8px 0 8px;
    background:none;
}
#footer li a {
	color:#1B1B1B;
    text-decoration:none;
}
#footer li a:hover {
	color:#6C6C6C;
    text-decoration:underline;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

td.clicktoview { background:#E6E9EE;text-align: center;padding: 4px; border: 1px solid #444; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }