@import url('photo.css');
@import url('lightbox.css');
@import url('home.css');
@import url('side.css');

/**************** BODY *********************/

* { 
	margin: 			0; 
	padding:			0; 
} 

body{
	font-family:		arial,verdana,sans-serif;
	font-size:			100%;
	color:				#000;
	margin-top:			0px;
	line-height:		auto;
	text-align:			center;
	background:			#97a1ab url(../images/layout/bg.jpg) repeat-x;
}

#container {
	width: 				100%;
	margin-left: 		auto;
	margin-right: 		auto;
	background:			#97a1ab url(../images/layout/container-bg.jpg) no-repeat fixed center;

}

#inner {
	width: 				970px;
	margin-left: 		auto;
	margin-right: 		auto;
}

a img {
	border:				0pt none;
}

a {
	color: 				#0000ff;
	text-decoration:	underline;
}

a:hover {
	color:				#ff0000;
	text-decoration:	underline;
}

/**************** HEADER *********************/ 

#header { 
	background:			#336699 url(../images/layout/header.png) no-repeat;
	margin-left: 		auto;
	margin-right: 		auto;
	border-bottom:		#333366 10px solid;
	width: 				970px;
	height: 			367px; 
} 

#header h1 {
	display:			none;
}

#header .logo {
	float: 				left;
	padding:			10px 0 0 10px;
}

/**************** MAIN NAV *********************/

#navigation {
	padding:			40px 0 0 345px;
	height:				40px;
	width:				620px;
}

#topnav  {
	list-style-type:	none;
	padding:			0px 0px 0px 0px;
	text-align:			center;
}

#topnav li  {
	display:			inline;
	text-transform:		uppercase;
	font-size:			180%;
	font-family:		'Luckiest Guy', cursive, arial, verdana; 
}

#topnav .last{
	border-right:		none;
}

#topnav li a  {
	background-color:	inherit;
	padding:			25px 8px 0px 8px;
	color:				#fff;
	text-decoration:	none;
	text-shadow:		3px 3px 3px #333;
}

#topnav li a:hover  {
	color:				#ff9933;
	padding:			25px 8px 0px 8px;
}

/**************** LEFT *********************/ 

#left {
	background:			url(../images/layout/left-bg.png) repeat;
	border-left:		#575C60 2px solid;	
	border-right:		#575C60 2px solid;
	border-bottom:		#575C60 2px solid;
	float: 				left;
	margin: 			0px;
	padding:			10px;
	width: 				660px;
	min-height:			450px;
	text-align:			left;
}

#left h1 {
	margin:				-10px 0 20px 0;
	font-family:		'Permanent Marker', arial, verdana;
	font-size: 			220%; 
	color: 				#003366;
	border-bottom:		solid 2px #003366;
	text-align: 		Left;
} 

#left h2 {
	padding:			0px 0px 15px 0px;
	font-size: 			100%;
	color: 				#333;
	text-align: 		Left;
}

#left h3 {
	padding-bottom:		1em;
	font-size: 			90%;
	text-align: 		left;
	text-decoration:	underline;
}

#left p { 
 	padding-bottom: 		20px; 
	line-height:		20px;
	font-size: 			90%;
}

#left ul {
	list-style-type:		square;
	margin:			0pt 0px 15px 20px;
	margin-left:		30px;
	margin-bottom:		20px;
	list-style-position:	outside;
	list-style-type:		square;
	font-size: 			90%;
}

#left ul li {
	list-style-type:		square;
	margin:			0pt 0pt 10px;
	padding:			0px;
}

#left ol {
	margin:				0pt 0px 15px 40px;
	list-style-position:outside;
	font-size: 			90%;
}

#left ol li {
	margin:				0 0 5px 0;
	padding:			0;
}

#left hr { 
 	margin-bottom: 		18px;
	color:			#CCCCCC;
	width:			95%;
}

.grey {
	position: 			relative;
	background-color: 	#fff;
	border: 			1px solid #a9a9a9;
	padding: 			4px;
  }

.img-shadow {
	float:			right;
	background:			url(../images/layout/shadowAlpha.png) no-repeat bottom right !important;
	background: 		url(../images/layout/shadow.gif) no-repeat bottom right;
	margin: 			10px 10px 0 10px !important;
  }

.img-shadow img {
	display: 			block;
	position: 			relative;
	background-color: 	#fff;
	border: 			1px solid #a9a9a9;
	margin: 			-6px 6px 6px -6px;
	padding: 			4px;
  }
  
/**************** PHOTOS *********************/

#pg {
	background:			url(../images/layout/left-bg.png) repeat;
	border-left:		#575C60 2px solid;	
	border-right:		#575C60 2px solid;
	float: 				left;
	margin: 			0px;
	padding:			10px;
	width: 				960px;
	min-height:			450px;
	text-align:			left;
}

#pg img { 
	background-color:		#FFFFFF;
	border:			1px solid #A9A9A9;
	margin:			4px 0 4px 5px;
	padding:			4px;
	position:			relative;
}  

#pg h1 {
	margin:				-10px 0 20px 0;
	font-family:		'Permanent Marker', arial, verdana;
	font-size: 			220%; 
	color: 				#003366;
	border-bottom:		solid 2px #003366;
	text-align: 		Left;
}

#pg h2 {
	padding:			0px 0px 15px 0px;
	font-size: 			100%;
	color: 				#333;
	text-align: 		Left;
}
  
/**************** RIGHT *********************/ 

#right {
	float: 			left;
	width: 			280px;
	margin:			10px 0px 10px 5px;
}

/**************** TABLE *********************/ 

.table { 
	background-color: 	#fff;
	border: 			3px double #006699;
	width:				100%;
	margin-bottom:		10px;
	font-size:			80%;
}

.table-a {
	font-weight:		bold;	
	vertical-align: 	middle;
	padding:			10px;
	border-bottom: 		1px solid #006699;
	text-align:			center;
	width:				15%;
}

.table-b {
	vertical-align: 	middle;
	padding:			10px;
	border-bottom: 		1px solid #006699;
	text-align:			center;
	width:				27.5%;
}

.table-c {
	vertical-align: 	middle;
	padding:			5px;
	border-bottom: 		1px solid #006699;
	text-align:			center;
	width:				15%;
}

.table-title {
	vertical-align: 	middle;
	padding:			10px;
	border-bottom: 		1px solid #006699;
	color:				#003366;
	font-size:			150%;
	font-weight:		bold;
	text-align:			center;
}

.table-a1 {
	background-color: 	#eeeeee;
	font-weight:		bold;	
	vertical-align: 	middle;
	padding:			10px;
	border-bottom: 		1px solid #006699;
	text-align:			center;
	width:				15%;
}

.table-b1 {
	background-color: 	#eeeeee;
	vertical-align: 	middle;
	padding:			10px;
	border-bottom: 		1px solid #006699;
	text-align:			center;
	width:				27.5%;
}

.table-c1 {
	background-color: 	#eeeeee;
	vertical-align: 	middle;
	padding:			5px;
	border-bottom: 		1px solid #006699;
	text-align:			center;
	width:				15%;
}

/**************** FOOTER *********************/

#footer {
	clear: 			both;
	height:			.5px;
}

/**************** BOTTOM LINKS *********************/

#bottom  {
	font-size:			70%;
	text-align:			center;
	padding:			0px;
	margin:			0px;
	background:			#97A1AB url(../images/layout/footer-bg.jpg) repeat-x;
	height:			110px;
}

#bottom-inner {
	width: 			970px;
	margin-left: 		auto;
	margin-right: 		auto;
	padding:			10px 0 0 20px;
}

#bottom-left {
	float: 			left;
	margin: 			0px;
	padding:			15px 0 0 0;
	width: 			480px;
	text-align:			left;
}

#bottom-left a  {
	color:			#fff;
	text-decoration:		none;
}

#bottom-left a:hover  {
	color:			#ffff00;
	text-decoration:		underline;
}

#bottom-left a.active {
	color:			#ff0000;
	text-decoration:		underline;
}


#bottom-left p {
	color:			#ccc;
	padding-bottom:		10px;
}

.bottom-list {
	list-style-type:		none;
	margin			0px;
	text-align:			left;
	padding:			0px 0 10px 0;
}

.bottom-list li  {
	display:			inline;
	border-right:		#ccc 1px solid;
}

.bottom-list .last{
	border-right:		none;
}

.bottom-list li a  {
	background-color:		inherit;
	padding-left:		5px;
	padding-right:		5px;
	text-decoration:		none;
}

.bottom-list li a:hover  {
	padding:			0px 5px 0px 5px;
	text-decoration:		underline;
}

.bottom-list li a.active {
	color:			#ccc;
	text-decoration:		underline;
}

#bottom-right {
	float: 			right;
	margin: 			0px;
	padding:			10px 0 0 0;
	width: 			490px;
	text-align:			left;
}

#bottom-right img {
	padding:			7px 15px 7px 15px;
}