@import url("reset.css");
/*
Table of Contents:
==================
1. Page Wide
2. Layout Elements
3. Header
4. Global Navigation
5. Individual Page Content
6. Footer
7. Forms
8. Tables
9. Browser Hacks
10. Utility Classes
11. Dropdown Divs
12. Gallery

/*


/* 1. Page Wide */
body
	{
		background-color: #494949;
		font-size: 0.75em;
		font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
		color: #C0C0C0;
		
scrollbar-face-color:#EBF5FF;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
	}
p
	{
		margin: 0.5em 0 1.5em;
		margin-bottom: 1.33em;
		text-align: justify;
		line-height: 1.5em;
	}
	
a
	{
		color: #3a53a4;
		text-decoration: underline;
		font-size: 0.9em;
		font-weight: bold;
	}
a:hover
	{
		color: #ffffff;
	}

a.links:hover
{
	color: #fff;
}
	
a.admin
	{
		color: #999999 !important;
	}
	
a.admin:hover
	{
		color: #9999ff !important;
	}

/* 2. Layout Elements */
#wrapperDiv
	{
		margin: 0px auto;
		width: 925px;
		margin-top: 10px;
		background-color: #000;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		position: relative;
	}
	
#wrapper2Div
	{
		margin: 0px 25px;
	}

/* 3. Header */
	
#headerDiv a.right
	{
		font-size: 1.7em;
		margin-top: 29px;
		float:right;
		text-decoration: none;
		color: #fff;
	}
	
#headerDiv h1
	{
		text-indent: -9999px;
		background: url(../images/logo.gif) no-repeat top left;
		width: 546px;
		height: 60px;
		display: block;
	}
		
/* 4. Global Navigation */
		
#globalNavDiv
	{
		border-top: 1px solid #ffffff;
		margin: 10px 0px;
	}
		
#globalNavDiv ul
	{
		padding: 5px;
		margin: 2px;
		text-align:center;
	}
		
#globalNavDiv li
	{
		display: inline;
		background: url(../images/globalNavSeperator.gif) no-repeat right center;
	}
	
#globalNavDiv li a
	{
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
		padding: 10px;
		font-size: 1.2em;
	}
	
#globalNavDiv li a:hover
	{
		color: #3a53a4;
	}
	
/* 5. Individual Page Content */
	
#contentDiv 
	{
		min-height: 250px;
		padding-bottom: 10px;
	}
	
* html contentDiv
	{
		height: 250px;
	}
	
#contentDiv h2
	{
		font-size: 1.7em;
		color: #fff;
		padding-bottom: 5px;
		margin-bottom: 5px;
		text-decoration: underline;
	}
	
#contentDiv ul
	{
		padding-left: 30px;
		list-style-type: disc;
		line-height: 1.3em;
	}
	
#contentDiv h3
	{
		margin-top: 10px;
		font-size: 1.2em;
		color: #fff;
	}
			
/* 6. Footer */
	
#footerDiv
	{
		font-size: 0.8em;
		color: #ffffff;
		border-top: 1px solid #ffffff;
	}
	
#footerDiv p
	{
		padding: 0.5em 0 1.33em;
		text-align: center;
	}
	
/* 7. Forms */

label
	{
		float: left;
		width: 100px;
		text-align: right;
		padding-right: 10px;
		margin-bottom: 10px;
		font-weight: bold;
	}
	
.smalldropdown
	{
		width: 90px;
	}
form br
	{
		clear: both;
	}
.small
	{
		font-size: 0.85em;
		font-weight: normal;
		color: #669966;
	}
	
textarea, input[type=text], select
	{
		font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
		font-size: 0.9em;
		width: 350px;
	}
	
input[type=text]:focus, textarea:focus
	{
		background-color: #FFFFCC;
	}
	
fieldset { border:1px solid #8592A4;margin-bottom:20px;padding: 10px 0px; }

legend {
  padding: 0.2em 0.5em;
  border:1px solid black;
  color:green;
  font-size:1.2em;
  text-align:right;
  margin-left: 20px;
  color: #ffffff;  
  }
	
/* 8. Tables */
/*
#contentDiv table
	{
		border-collapse: collapse;
		border: 1px solid #8592A4;
		border-spacing: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 500px;
		line-height: 1.5em;
	}
	
#contentDiv th
	{
		color: #ffffff;
		font-weight: bold;
		padding: 5px 10px;
	}
	
#contentDiv td
	{
		border: 1px solid #8592A4;
		padding: 5px 10px;
	}
	
*/
	
#contentDiv tr.even
	{
		background-color: #EDEFF1;
	}
	
#contentDiv tr.odd
	{
		background-color: #ffffff;
	}

table.admin
	{
		border-collapse: collapse;
		border: 1px solid #698B92;
		border-spacing: 0px;
		text-align: center;
		margin-top: 10px;
		width: auto;
		color: black;
	}
	
table.admin a
	{
		color: black;
	}
	
table.admin th
	{
		background-color: #698B92;
		color: #ffffff;
		font-weight: bold;
		padding: 5px 10px;
	}
	
table.admin td
	{
		border: 1px solid #698B92;
		padding: 5px 10px;
	}
	
table.admin tr.even
	{
		background-color: #DFD1DF;
	}
	
table.admin tr.odd
	{
		background-color: #ffffff;
	}

	
/* 9. Browser Hacks */

/* 10. Utility Class */

.floatLeft
	{
		float: left;
	}
	
.floatRight
	{
		float: right;
	}
	
.alignRight
	{
		text-align: right;
	}
	
.clear
	{
		clear: both;
	}
	
.various
	{
		margin: 3px 0px;
		color: #cccccc;
		font-size: 2em;
		text-align: center;
	}
	
.report
	{
		/*background-color: #fff;
		border: 1px solid #698B92;
		*/
		padding: 3px 10px;
		width: 480px;
		text-align: center;
		color: #fff;
	}
.gallery
	{
		float:left;
		width:150px;
		text-align: center;
		margin-top: 20px;
		height: 100px;
	}
	
/* 11. Utility Class */
	
#gallerySubMenu
	{
		left: 261px;
	}
	
#newsletterSubMenu
	{
		left: 331px;
	}
	
#aboutSubMenu
	{
		left: 531px;
	}
	
#contactSubMenu
	{
		left: 616px;
	}

#gallerySubMenu, #newsletterSubMenu, #aboutSubMenu, #contactSubMenu
	{
		position: absolute;
		visibility: hidden;
		background-color: #31363E;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		z-index: 1000;
	}
	
#gallerySubMenu a, #newsletterSubMenu a, #aboutSubMenu a, #contactSubMenu a
	{
		border-top: 1px solid #555555;
		display: block;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #dddddd;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		text-decoration: none;
		padding-left: 5px;
		padding-right: 15px;
	}
	
#gallerySubMenu a:hover, #newsletterSubMenu a:hover, #aboutSubMenu a:hover, #contactSubMenu a:hover
	{
		background-color: #dbd7e6;
		color: #000000 !important;
	}
	
/* 11. Gallery */	
#gallery { overflow: hidden; }
ul#galleryNav
	{
		padding: 0;
		text-align:center;
		list-style-type: none;
		overflow: hidden;
		float: right;
	}
		
#galleryNav li
	{
		float:left;
	}
	
#galleryNav li a
	{
		font-weight: bold;
		display: block;
		width: 100px;
		color: #ffffff;
		text-decoration: none;
		margin: 10px;
		margin-bottom: 0px;
		padding: 10px;
		font-size: 1.2em;
		border: 1px solid #cccccc;
		border-bottom: none;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-topleft: 10px;
		-webkit-border-radius-topright: 10px;
		-webkit-border-radius-topleft: 10px;
	}
	
	/*
	
#galleryNav #details
{
	background-image: url(../images/details.jpg);
	background-repeat: no-repeat;
	background-position: center right;
}

#galleryNav #emailafriend
{
	background-image: url(../images/email_a_friend.jpg);
	background-repeat: no-repeat;
	background-position: center right;
}

*/
	
#galleryNav li a:hover
	{
		color: #9999ff;
	}
	
#galleryNav li.active a
{
	background-color: #ccc;
	color: #000;
}
	
#galleryContainer
	{
		border: 1px solid #cccccc;
		padding: 10px;
		height: 400px;
		width: 526px;
		float:right;
		display: inline;
		margin-right: 10px;
		overflow: auto;
	}
	
.linkTitle
{
	display: inline;
}

.description
{
	margin-left: 20px;
	display: inline;
	border: 1px solid #C0C0C0;
	padding: 10px;
	margin-top: 3px;
}