/* CSS Document */

body {
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
background-color:#ccc 
}

#bigWrapper { width:834px; margin:0px auto; padding:0px; text-align:center; background:url(layoutImages/7KingsLogoSide2.jpg) no-repeat top left; }

#wrapper {width:784px;  background:url(layoutImages/background3Col.jpg) repeat-y; margin-left:50px;}

#header {width:770px; height:133px; margin:0px 7px; padding:0px; border-bottom:1px solid #fff;}
#topstrap { width:770px; height:58px; margin:0px 7px ; padding:0px;  background-color:#0066cc; border-top:1px solid #fff; border-bottom:1px solid #fff; }
.topBar { float:left; height:58px; width:238px; font-size:11px; padding:0px; margin:0px; color:#FFFFFF; z-index:5; }

.topBar p { padding: 2px; margin:0px;}


.topBar a { color:#fff; text-decoration:underline; }
.topBar a:hover { color:#FF9933; text-decoration:none;} 
.topBar ul {margin:0px; padding:0px;}
.topBar li { list-style:none; margin:1px 0px; padding:0px; text-align:center; }


.barRight { border-right:1px solid #fff; margin-right:13px;}

/*-----------Navigation---------------------
--------------------------------------------*/
#navigation { width:800px; margin:0px 7px; padding:0px; height:45px; background:url(layoutImages/navbar.jpg) repeat-x;}
#navigation ul { margin: 0px; padding:15px 0px 14px 0px;  width:800px }
#navigation li { display:inline; text-align:center; list-style:none; }
#navigation li a { color:#D5DDFF; font-size:15px;text-transform:capitalize; text-decoration:none; margin: 0px; padding:0.9em 2.6em; text-align:center; height:43px;}
#navigation li a:hover {color:#FFFFFF; background:url(layoutImages/navbarBck.jpg) repeat-x;}

.border {}


/*-----------Navigation2---------------------
--------------------------------------------*/
#navigation2 { width:800px; margin:0px; padding:0px; height:25px; background-color:#003399}
#navigation2 ul { margin: 0px; padding:5px 0px;  }
#navigation2 li { float:left; width:80px; margin:0px 10px; padding:0px 10px;}
#navigation2 li a {color:#fff; font-size:12px; text-decoration:none; margin:0; padding:10px; text-align:center;}
#navigation2 li a:hover { background-color:#FFFFFF; color:#003399; }




/*-----------TopRow------------------------
--------------------------------------------*/



#topRow {width:778px; height:225px; margin:10px 2px; padding:0px; }


.topBox {width:252px; height:225px; margin:0px; padding:0px;  float:left; }
.topBox a img {border:none;}

.boxRight { margin-right:10px;}

#bottomRow {width:770px; height:200px; margin:10px 0px; padding:0px;}
.bottomBox { width:385px; height:200px;  padding:0px;  float:left; }
.bottomBox a img {border:none;}

.clear { clear:both; }


#contentArea { width:770px; margin:2px 7px 10px 7px; padding:0px 0px 50px 0px; text-align:left;}


/*-----------------Two Column----------------
-----------------------------------------------*/

#rightColumn { float:right; margin:10px 5px 0px 5px; padding:0; width:175px; }
#rightColumn a img { border:none; padding-bottom:10px;}


#main { margin:10px 20px 0px 170px; padding:0px ; }
#main p { font-size:14px; line-height:15px; color:#000000; }
#main ul {margin:5px 0px;  padding:0px;}
#main li { margin:4px 0px; padding:0px 0px 0px 16px; background:url(layoutImages/listBullet.gif) no-repeat 0 50%; font-size:12px; list-style:none;}


#main a { text-decoration:underline; color:#003399;}
#main a:hover { text-decoration:none; color:#cc3333; }

/*------------SideNav---------------
------------------------------------*/
#leftColumn { float:left; margin:0px 4px 0px 0px; padding:0px; width:166px;}
#sideNav ul {margin:0px; padding:0px; text-align:left;}

#sideNav li { padding:0px; margin:0px; margin:0px 0px 2px 0px; font-size:12px; list-style-type:none;}

#sideNav li a { background-color:#999; color:#000; padding:5px; width:152px; display:block; text-decoration:none;}

#sideNav li a:hover { background-color:#0066cc; color:#fff; padding:5px;  width:153px; display:block; text-decoration:none;}

#sideNav li ul {margin:0; padding:0px; }

#sideNav li ul li a {background:#fff url(layoutImages/arrowBlue.gif) no-repeat 0 50%; margin:0px; color:#0066cc; padding-left:23px;  width:140px;}
#sideNav li ul li a:hover {background:#0066cc; url(layoutImages/arrowwhite.gif) no-repeat 0 50%; margin:0px;  color:#FFFFFF; width:135px;  padding-left:23px;}


#sideNav li a.active { background-color:#fff; color:#0066cc; padding:5px;  width:153px; display:block; text-decoration:none;}

/*------------Headers-------------------------
--------------------------------------------*/

h1 { color:#0066cc; font-size:22px; margin:0px; padding:5px 0px 5px 13px; font-weight:bold; height:24px; background:url(layoutImages/h1Icon.jpg) no-repeat 0 50%; }
h2 { color:#003366; font-size:14px; margin:0px; padding:5px; font-weight:bold; }
h3 { color:#FFFFFF; font-size:14px; margin:0px; padding:2px; font-weight:bold;}

/*---------------Form Styling-----------------
---------------------------------------------*/

#contactForm { width:400px; margin:0px 5px; padding:0px; }
#contactForm p { margin:0px 10px; padding:10px; }
#contactForm tr td { margin:0px; padding:5px; color:#000;}
#contactForm fieldset { border:1px solid #ccc; padding:10px; margin:0; }
#contactForm legend {  color:#003366; font-size:14px; margin:0px; padding:5px; font-weight:bold; padding:5px;}

.input { border:1px solid #666; width:250px; margin:0; padding:0; }
.btn { background-color:#0066cc; border:1px solid #fff; color:#FFFFFF; padding:5px; }



/*------------Image Classes-------------------
-----------------------------------------------*/

.left { float:left; margin:0px 10px 10px 0px; padding:2px; border:1px solid #666; background-color:#FFFFFF; }
.right { float:right; margin:0px 0px 10px 10px; padding:2px; border:1px solid #666; background-color:#FFFFFF; }


#footer {background:url(layoutImages/footerBck2.jpg) repeat-x; margin:10px 7px  0px 7px; padding:0px; height:49px; width:770px; clear:both;}
#footer p { color:#D5DDFF; text-align:center; font-size:11px; margin: 0px; padding:15px 0px; }
#footer a {color:#D5DDFF; text-decoration:underline; }
#footer a:hover {color:#fff; text-decoration:none;}

#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 392px;	/* IE 5.x */
		height/* */:/**/295px;	/* Other browsers */
		height: /**/295px;
				
	}
	#previewPane img{
		line-height:300px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:62px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 64px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/62px;	/* Other browsers */
		height: /**/62px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:60px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:140px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	
address  { font-size:14px; padding:2px 0px; margin:0px; } 
#relLinks {font-size:14px; padding-bottom:6px;}
#relLinks dl {list-style: none; margin:0; padding:0;}
#relLinks dd {list-style:none; margin:0px; padding:0px;}