/* Defaults
-------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
body {
	background-color: #000;
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	color: #fff;
	font-family: Lucida Grande, Verdana, Sans-serif;
}

/* Wrapper
-------------------------*/
#wrapper {}
#wrapper #header {
	height: 156px;
	width: 510px;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	margin: 50px auto 0px auto;
}

/* Menu
-------------------------*/
#wrapper #nav {
	width: 610px;
	margin: 40px auto 0px auto;
}
#wrapper #nav li {
	display: inline;	
}
#wrapper #nav li a {
	color: #fff;
	margin: 0px 20px 0px 0px;
	padding: 50px 70px 21px 0px;
	text-decoration:none;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#wrapper #nav li a#menu_start {
	background-image: url(../images/publicmenu/bookmark_start_selected.png);
	background-repeat: no-repeat;
}
#wrapper #nav li a#menu_gallery {
	background-image: url(../images/publicmenu/bookmark_gallery_selected.png);
	background-repeat: no-repeat;
}
#wrapper #nav li a#menu_blog {
	background-image: url(../images/publicmenu/bookmark_blog_selected.png);
	background-repeat: no-repeat;
}
#wrapper #nav li a#menu_links {
	background-image: url(../images/publicmenu/bookmark_links_selected.png);
	background-repeat: no-repeat;
}
#wrapper #nav li a#menu_about {
	background-image: url(../images/publicmenu/bookmark_about_selected.png);
	background-repeat: no-repeat;
}
#wrapper #nav li a#menu_contact {
	background-image: url(../images/publicmenu/bookmark_contact_selected.png);
	background-repeat: no-repeat;
}
#wrapper #nav li a#menu_courses {
	background-image: url(../images/publicmenu/bookmark_courses_selected.png);
	background-repeat: no-repeat;
}
/* Content
-------------------------*/
#wrapper #content {
	width: 800px;
	margin: 20px auto 0px auto;
	opacity:0.90;
	filter:alpha(opacity=90);
}
#wrapper #content #start, #gallery, #blog, #links, #courses, #about, #contact {
	width: 800px;
	color: #000;
	background-color: #d5d5d5;
	padding: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: auto;
}

#wrapper #content #start h2, #gallery h2, #blog h2, #links h2, #courses h2, #about h2, #contact h2 {
	font-size: 20pt;
	margin: 10px 0px 5px 20px;
}

#wrapper #content #start .line, #gallery .line, #blog .line, #links .line, #courses .line, #about .line, #contact .line {
	border-bottom: 1px solid gray;
	margin-bottom: 15px;
}

#wrapper #content #courses img, #about img, #contact img {
	float: right;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #bbb;
	margin-left: 20px;
}
/* Footer
-------------------------*/
#wrapper #footer {
	clear: both;
	width: 800px;
	margin: 5px auto 10px auto;
	text-align: center;
	font-size: 9pt;	
}
.inputlabel {
	display: inline-block;
	width: 160px;
	text-align: right;
	margin: 10px 10px 5px 0px;
	font-size: 10pt;
}
.input {
	font-size: 11pt;
	width: 210px;
}
.message {
	top: 0;
    left: 50%;
	width: 400px;
	position: absolute;
	font-family: "Lucida Grande", "Verdana", "Sans-serif";
	color: #000;
	border: 1px solid #EEE;
	margin: 2px 0px 0px -200px;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #FFF;
	font-size: 12pt;
}
.error {
	top: 0;
    left: 50%;
	width: 400px;
	position: absolute;
	font-family: "Lucida Grande", "Verdana", "Sans-serif";
	color: #FFF;
	border: 1px solid #EEEEEE;
	margin: 2px 0px 0px -200px;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #F88;
	font-size: 12pt;
}