/* STANDARD HTML */

body {
	background: #fff url('../img/bg/body.png') center top no-repeat;
	color: #a1a3a6;
	font-size: 11px;
	font-weight: normal !important;
	margin: 0;
}

body * {
	font-family: 'Trebuchet MS', sans-serif;
}

code, pre, tt {
	font-family: Monaco, "Courier New", monospace;
}

a, a:visited {
	color: #717376;
	text-decoration: none;
}

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

a:active, a:focus {
	outline: none;
}

h1, h2, h3 {
	color: #111;
	font-family: Georgia, serif;
	font-variant: small-caps;
	letter-spacing: 1px;
	margin: 0 0 0.5em 0;
	text-transform: lowercase;
}
h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 12px; }

h1 a, h2 a, h3 a {
	font-family: Georgia, serif !important;
}

h4 {
	color: #717376;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0.7em 0 0.3em 0;
	text-transform: uppercase;
}

table {
	border-collapse: collapse;
}

/* CUSTOM CSS CLASSES */

.aligncenter {
	display: block;
	text-align: center;
}

.alignjustify {
	display: block;
	text-align: justify;
}

.alignleft {
	display: block;
	text-align: left;
}

.alignright {
	display: block;
	text-align: right;
}

.cake-sql-log {
	display: none;
}

.clear {
	clear: both;
}

.column_2 {
	float: left; display: inline; /* IE6 fix */
	padding: 0 2%;
	width: 46%;
}

.column_3 {
	float: left; display: inline; /* IE6 fix */
	padding: 0 2%;
	width: 29%;
}

.floatleft {
	float: left; display: inline; /* IE6 fix */
}

.floatright {
	float: right; display: inline; /* IE6 fix */
}

.nowrap {
	white-space: nowrap;
}

.semitransparent {
	filter:alpha(opacity=50);
	opacity: 0.5;
}

/* DOM ELEMENTS */

#wrapper {
	height: 750px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}

	#header {
		height: 120px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1;
	}
	
		#logo {
			background: transparent url('../img/bg/logo.png') left top no-repeat;
			height: 50px;
			left: 50%;
			margin-left: -505px;
			position: absolute;
			top: 35px;
			width: 160px;
		}
		
			#logo a {
				display: block;
				height: 50px;
				position: absolute;
				width: 160px;
			}
			
			#logo h1, #logo .description {
				text-indent: -9999px;
			}
		
		#nav {
			background: #939598;
			height: 26px;
			left: 50%;
			margin-left: 175px;
			position: absolute;
			right: 0;
			top: 49px;
		}
		
			#nav_notch {
				height: 26px;
				left: 0;
				overflow: hidden;
				position: absolute;
				top: 0;
				width: 7px;
			}
			
			#nav ul {
				line-height: 26px;
				list-style: none;
				margin: 0 0 0 1em;
				padding: 0;
			}
			
			#nav li {
				display: block;
				float: left;
				margin: 0 0 0 1em;
				padding: 0;
				position: relative;
			}
			
			#nav a, #nav a:visited {
				color: #fff;
				font-family: Georgia, serif;
				font-variant: small-caps;
				letter-spacing: 1px;
				text-decoration: none;
				text-transform: lowercase;
			}
			
			#nav a:hover, #nav li.current>a {
				color: #212326;
			}
			
			#nav a img {
				vertical-align: top;
			}
			
			#nav li ul {
				background: #f4f4f5;
				display: none;
				left: -5px;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 26px;
				white-space: nowrap;
				-moz-box-shadow: 0 0 5px #939598;
				-webkit-box-shadow: 0 0 5px #939598;
				box-shadow: 0 0 5px #939598;
			}
			
			#nav li:hover ul {
				/*display: block;*/
			}
			
			#nav li li {
				display: block;
				float: none;
				margin: 0;
				padding: 0;
			}
			
			#nav li li a, #nav li li a:visited {
				display: block;
				color: #939598;
				font-family: 'Trebuchet MS', sans-serif;
				font-variant: normal;
				letter-spacing: 0;
				margin: 0;
				padding: 0 10px;
				text-transform: lowercase;
			}
			
			#nav li li a:hover {
				background: #e9e9e9;
			}
	
	#page {
	}
	
		#flashMessage {
			color: #000;
			font-weight: bold;
			left: 50%;
			margin-left: -370px;
			position: relative;
			top: 155px;
		}
					
		#main {
			background: #fff;
			border: 10px solid #fff;
			clear: both;
			height: 480px;
			left: 50%;
			margin-left: -370px;
			overflow: hidden;
			padding: 0;
			position: relative;
			top: 170px;
			width: 720px;
			z-index: 0;
			-moz-box-shadow: 1px 1px 10px #ccc;
			-webkit-box-shadow: 1px 1px 10px #ccc;
			box-shadow: 1px 1px 10px #ccc;
		}

#footer {
	clear: both;
	font-size: 10px;
	height: 30px;
	left: 50%;
	margin-left: -450px;
	padding: 0;
	position: relative;
	text-align: center;
	top: 200px;
	width: 900px;
}

	#footer a, #footer a:visited {
		color: #a1a3a6;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}