/*
----------------------------------------------------
----------------------------------------------------
-----------------------GENERIC----------------------
----------------------------------------------------
----------------------------------------------------
*/ 


html,
body {
    height:100%;
    padding: 0;margin: 0;
    font:12px Arial, Verdana, Tahoma, Geneva, sans-serif;
    background: url(../images/layout/bg_body.jpg)  repeat-x;
    background-color:#E8E8E8; text-align: center;
    }




img {
    border:0;
    }

.divider {
    width:100%;
    margin:15px 0px 0px 0px;
    border-top:dashed 1px #50453A;
    float:left;clear:both;
    font-weight:bold;
    color:#50453A;text-align:left;
    }

h1 {
    padding:0px; margin:0px;
    font-size:25px;
    float:left;
    color:#3C76A6; 
    }

h2 {
    margin:0px;padding:0px 0px 10px 0px;
    color:black;
    }

h3 {
    margin:0px;padding:0px;
    font-size:bold 13px;
    color:#3C76A6;
    }  



/*
----------------------------------------------------
----------------------------------------------------
-----------------------LAYOUT-----------------------
----------------------------------------------------
----------------------------------------------------
*/ 



/* CONTAINER */


#container {
    width:960px;
    padding:0px; margin-left:auto; margin-right:auto;
    /*overflow:hidden;*/
    }
    
#header{
   /*width:960px;*/
   height:144px;
   float:left;
   background-image: url(../images/layout/header_one.gif) repeat-x;
   }
   
#header #logo{
    padding:0px 0px 0px 0px; margin:19px 0px 0px 0px;
    float:left; display:inline;
    }
    
#header #right{
    width:207px;
    height:144px;
    float:right;
    }

#header #right #phone{
    padding:0px; margin:0px;
    font-size:24px;
    float:right;
    color:#3C76A6; 
    height:25px;
    padding:30px 0px 0px 0px; margin:0px 0px 0px 0px;
    display:inline; overflow:hidden;
    }
    
#header #right #icon{
    float:right;
    padding:30px 5px 0px 0px; margin: 0px 0px 0px 0px;   
    }
    
#header #right #email{
    padding:25px 10px 0px 0px; margin: 0px 0px 0px 0px;
    clear:both;
    float:right;
    }

#header #right #email a{
    font-size:13px;
    color:#3C76A6;
    text-decoration:none;
    font-weight:bold;
    }

#header #right #email a:hover{
    margin:0px;padding:0px;
    font-size:13px;
    color:#4A94FF;
    text-decoration:none;
    }
    
#headerTwo{
    width:960px; height:212px;
    background-image: url(../images/layout/header_two.gif) repeat-x;
    clear:both;
    }
    
#headerImage{
     float:left;
     display:inline;
    }

#headerTwo #headerText{
    width:550px;
    padding:140px 0px 0px 25px; margin: 0px 0px 0px 0px;
    font-size:large;
    float:left;
    display:inline; overflow:hidden; text-align:left;
    color:#FFFFFF;
    }

#headerTwo #headerText .one{
    width:100%;
    font-size:large;
    float:left;
    color:#FFFFFF;
    }

#headerTwo #headerText .two{
    width:100%;
    padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;
    font-size: medium;
    float:left;
    clear:both;
    color:#C9D9E7;
    }

#bodyContainer{
     width:958px;
     padding:0px 0px 50px 0px; margin: 0px 0px 0px 0px;
     background-color:white;
     overflow:hidden; clear:both;
     border-right:solid 1px #CCCCCC;  border-left:solid 1px #CCCCCC;
    }
 
/*LEFT CONTENT*/ 
    
#leftContainer{
     width:265px; 
      
     padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
     float:left;
     clear: both;  
    
    }

#leftcontainer .leftImage{
     padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px;
     float:left;
     clear: both; overflow:hidden;  
     
     display:inline;
    
    }

/*RIGHT CONTENT*/

#rightContainer{
    width:645px;
    float:right;
    }
    
#rightContainer .rightImage{
    float:right;
    padding: 0px 0px 0px 0px; margin: 25px 26px 0px 0px;
    border-top:solid 1px #CCCCCC;  border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC;  border-left:solid 1px #CCCCCC;
    }
#rightContainer #rightImageIndex{
    width:619px; height:285px;
    float:right;
    padding: 0px 0px 0px 0px; margin: 25px 26px 0px 0px;
    border-top:solid 1px #CCCCCC;  border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC;  border-left:solid 1px #CCCCCC;
    background-image: url(../images/content/bg_right_home_image.jpg); background-repeat:no-repeat;
    }


/*Right Container Bullets*/
   
   
 .rightContainerBullets{
    width:350px;
    padding:0px 0px 0px 0px; margin:3px 45px 0px 0px;
    overflow:hidden; float:right;
    text-align:left;
    display:inline;
    }

    
.rightContainerBullets ul{
    padding:0px 10px 0px 10px; margin:10px;
   }

.rightContainerBullets li{
    padding:3px 0px 3px 0px; 
    color:#3C76A6;
    list-style:disc;
    font-weight:bold;
    font-size:13px;
    }


/*Main Content*/


#mainContent{
    width:625px;
    float:right; overflow:hidden;
    padding: 25px 20px 0px 0px;
    text-align:left;
    }

#mainContent a{
    text-decoration:none;
     font-weight:bold; font-size:12px;
     color:#3C76A6;
    }

#mainContent a:hover{
    text-decoration:none;
    font-weight:bold; font-size:12px;
    color:#14376B;
    }

.leftListLong{
    width:630px;
    padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;
    overflow:hidden; float:left;
    clear:both;
    }

    
.leftListLong li{
    text-decoration: none;
    padding:5px 0px 0px 0px;
   }



.leftListLong ul{
    padding:0px 0px 5px 15px; 
    color:#3C76A6;
}
 
 
 /*left list short*/   
 
 .leftListShort{
    width:290px;
    padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;
    overflow:hidden; float:left;
    clear:both;
    }

    
.leftListShort li{
    text-decoration: none;
    padding:5px 0px 0px 0px;
   }

.leftListShort ul{
    padding:0px 0px 5px 15px; 
    color:#3C76A6;
    }

/*right list short*/   

.rightListShort{
    width:250px;
    padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;
    overflow:hidden; float:left;
    display:inline;
    }

    
.rightListShort li{
    text-decoration: none;
    padding:5px 0px 0px 0px;
   }

.rightListShort ul{
    padding:0px 0px 5px 15px; 
    color:#3C76A6;
    }
   

#listsContainer{

    clear:both;
    padding-top:20px;
    }



#leftList{
    width:300px;
    padding:0px 0px 0px 0px; 
    float:left;
    clear:both;
    }

#leftList ul{
    padding:0px 0px 5px 15px; 
    color:#3C76A6;
    }
    




#rightList{
    width:300px;
    padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;
    float:right;
    }
    
#rightList ul{
    padding: 0px 0px 0px 15px;margin: 0px 0px 0px 0px;
    color:#3C76A6;
    }
    


.boarder{
padding: 10px 10px 0px 10px; margin: 0;
width:590px;
text-align:left;
 background-color:#DEEAF3;
border-top:solid 1px #60AFDD; border-right:solid 1px #60AFDD; border-bottom:solid 1px #60AFDD; border-left:solid 1px #60AFDD;
}






/*venue body*/

#titleText .venueContainer{
padding: 0 margin: 0;

height:60px; width:960px;
text-align:left;


}


#titleText .venueimageOne{
padding: 0 margin: 0;
width:209px;
height:47px;
text-align:left;
float:left;
background-image: url(../images/layout/venue_one.jpg); background-repeat:no-repeat;
}

#titleText .venueText{
width:600px;
padding: 5px 0 0 20px; margin: 0;
text-align:left;
float:left;
display: inline;
}


#titleText .venueimageTwo{
padding: 0 0 20px 0; margin: 0;
width:209px; height:96px;
float:left;
text-align:left;
background-image: url(../images/layout/venue_two.jpg); background-repeat:no-repeat;
}



/*FOOTER CONTENT*//*FOOTER NAV*/


#footerContainer{
    height:119px;
    margin-left:auto; margin-right:auto;
    background: url(../images/layout/bg_footer.jpg) repeat-x;
    }

#footerContainer .innerTop{
    width:960px;
    padding:0px; margin-left:auto; margin-right:auto;
    overflow:hidden;
    }
    
#footerContainer .innerBottom{
    width:960px;
    padding:80px 0px 0px 0px; margin-left:auto; margin-right:auto;
    overflow:hidden;
    } 
     
#footmail{
    float:left;
    text-align:left;
    padding:0px 0px 0px 20px;
    font-weight:bold; font-size:12px; 
    color:#497FAC;
    }
    
#katLogo{
    float:right;
    padding: 0px 0px 0px 5px; margin: 0px 0px 0px 10px;
    }

#footerNav{
    width:960px;
    padding:10px 0px 0px 20px;
    float:left;
    }

#footerNav ul {
    width:960px;
    text-align:left;
    padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;
    list-style: none;
    }

#footerNav li {
    color:white;text-decoration: none;
    padding:0px 0px 0px 0px; margin:0px 35px 0px 0px;
    float:left;
    text-align:left;
    }

#footerNav li a {
   
    padding:0px 0px 0px 0px;
    display:block;
    font-size:10px;
    color:white;text-decoration: none;
    }

#footerNav li a:hover {
    padding: 0px 0px 0px 0px;
    font-size:10px;  
    color:black;
   }


/*
----------------------------------------------------
----------------------------------------------------
-----------------------NAVIGATION-------------------
----------------------------------------------------
----------------------------------------------------
*/ 


/* LEFT NAV */
#leftNav {
   float:left;
    }

#leftNav ul {
    padding: 0px 0px 0px 0px;margin: 0px 0px 30px 0px;
    list-style: none;
    }

#leftNav li {
    width:280px;
    clear:both; text-align:left; overflow:hidden; 
    color:#497FAC;text-decoration: none;
    padding:20px 0px 20px 5px; margin:0px 0px 0px 0px;
    border-bottom:solid 1px #CCCCCC;  border-right:solid 1px #CCCCCC; 
    }

#leftNav li a {
   
    padding:0px 0px 0px 15px;
    
    font-size:13px;
    color:#497FAC;text-decoration: none;
    }

#leftNav li a:hover {
    padding: 0px 0px 0px 15px;
    font-size:13px;  
    color:gray;
    background:url('../images/nav/nav_arrow.gif') no-repeat left 2px;
     
    }

















    

/* CONTENT BUTTONS */
.buttonWrapper {
    width: 100%;  
    overflow: hidden;
}
 
 
/* CONTENT BUTTONS 1 */
a.button1 {
    height: 29px;
    padding-left: 12px; margin-top:3px;
    background: transparent url('../images/nav/orange_left.gif') no-repeat top left;
    float:left; display:block;
    font: normal 11px/16px; 
    text-decoration: none;
}

a:link.button1, a:visited.orange, a:active.orange {
    font-weight:normal;
    color: #fff; 
}

a.button1 span {
    padding: 5px 14px 8px 0;
    display: block;   
    background: transparent url('../images/nav/orange_right.gif') no-repeat top right;
}

a.button1:hover { 
    background-position: bottom left;
}

a.button1:hover span { 
    background-position: bottom right;
    color: #fff;
}



/*
----------------------------------------------------
----------------------------------------------------
-----------------------TEXT-------------------------
----------------------------------------------------
----------------------------------------------------
*/ 



/*
----------------------------------------------------
----------------------------------------------------
-----------------------CONTROLS---------------------
----------------------------------------------------
----------------------------------------------------
*/ 




/*
----------------------------------------------------
----------------------------------------------------
-----------------------PRINT------------------------
----------------------------------------------------
----------------------------------------------------
*/



/*
----------------------------------------------------
----------------------------------------------------
-----------------------LOGIN------------------------
----------------------------------------------------
----------------------------------------------------
*/ 


/*
----------------------------------------------------
----------------------------------------------------
-----------------------LIGHTBOX---------------------
----------------------------------------------------
----------------------------------------------------
*/ 

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

#lightbox a img { 
    border: none; 
    }

#outerImageContainer {
    height: 320px; width: 460px;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
    }

#imageContainer {
	padding: 10px;
    }

#loading {
	height: 25%;width: 100%;
	position: absolute;top: 40%;left: 0%;
	text-align: center;line-height: 0;
    }

#hoverNav {
	height: 100%; width: 100%;
	position: absolute; top: 0;left: 0; z-index: 10;
    }

#imageContainer>#hoverNav { 
    left: 0;
    }

#hoverNav a { 
    outline: none;
    }

#prevLink, #nextLink {
	height: 100%; width: 49%;
	background: transparent url(../images/blank.gif) no-repeat; /* 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; 
    }

#imageDataContainer {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	overflow: auto;
	font: 10px Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
    }

#imageData {	
    padding:0 10px; 
    color: #666; 
    }

#imageData #imageDetails { 
    width: 70%; 
    float: left; 
    text-align: left; 
    }	

#imageData #caption { 
    font-weight: bold;	
    }

#imageData #numberDisplay { 
    padding-bottom: 1.0em;
    display: block; clear: left; 	
    }	
		
#imageData #bottomNavClose { 
    width: 66px; 
    padding-bottom: 0.7em;
    float: right;
    }	
		
#overlay {
    height: 500px; width: 100%;
    background-color: #000;
	position: absolute; top: 0; left: 0; z-index: 90;
    }