
* { padding:0px; margin:0px; }
html { padding:0px; margin:0px; }

body {
	background:#2a150f url($doc:urlbase$/images/interface/wallpaper-bg.jpg) repeat fixed;
	padding:0px;
	margin:0px;
	font:0.7em verdana, tahoma, sans-serif;
	line-height:1.3em;	
	text-align:center;
}


#content {
	background:#d3beb6 url($doc:urlbase$/images/interface/container-bg2.jpg) repeat-y;
	width:768px;
	min-height:100%;
	padding:0px;
	margin:0px auto auto auto;
/*	overflow:hidden;	*/
	
}

#container {
	position:relative;
	z-index:20;
	padding:0px;margin:0px;
	width:768px;
	margin-top:-55px;	
}

#mainContent a, #mainContent a:link, #mainContent a:hover, #mainContent a:visited {
	color:#484baa;
}

#mainContent a:visited {
	color:#71479a;
}

#mainContent a:hover {
	color:#bc4d3d;
}

#sideBar a, #sideBar a:link, #sideBar a:hover, #sideBar a:visited {
	color:#ecd6b2;
	text-decoration:none;
}

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

#sideBar ul {
	text-align:left;
	list-style:none;
	width:80%;
	padding-left:10px;
}

li { padding:0.5em; }
ul { padding-left:2em; }

.navigation {
	padding:0px;margin:0px;
	width:100%;
	background:#000;
/*	height:1.5em;*/
	color:#fff;
	position:relative;
	text-align:center;
	line-height:2.2em;
}

.navigation ul {
	padding:0px;margin:0px;
	padding-left:20px;padding-right:20px;
	list-style-type:none;
	/*height:100%;*/
}

.navigation li {
	display:inline;
	list-style:none;
	padding:0px 10px 0px 10px;	margin:10px;
	position:relative;
	height:100%;
}

.navigation a, .navigation a:link, .navigation a:visited, .navigation a:hover {
	color:#aaa;
	height:100%;
	text-decoration:none;
}

.navigation a:hover {
	background-color:#ffde00;
	color:#000;
}

.navigation li ul { 
	display:none; 
	margin:0 !important; 
}	
.navigation li:hover ul { 
	visibility:visible; 
	display:block;
	top:1.2em;
	left:0px; 
	position:absolute;
	z-index:29;
	width:20em; 
	padding:0;
	margin:0 !important; 
	border:1px solid #080808;
	background:#000 url($doc:urlbase$/images/interface/stripe-divider-thin.gif) no-repeat bottom;
/*	filter:alpha(opacity=90);
	opacity:0.9;
	-moz-opacity:0.9;*/
}
.navigation li li { 
	border-style:none;
	text-align:left;
	width:100%;
	padding:0px;
	margin:0px;
	display:block; 
}
.navigation li li a { 
	padding: 0px 10px 0px 10px;
	width:100%; 
	color:#eee;
/*	filter:alpha(opacity=100);
	opacity:1.0;
	-moz-opacity:1.0;*/
}

.navigation li li a strong, .navigation li li a b {
	color:#fff;
}
.navigation li li a:hover strong, .navigation li li a:hover b {
	color:#000;
}

.navigation li li + a { clear:both; }

body#home a#nav_home,
body#about_us a#nav_about_us,
body#shows a#nav_shows,
body#circus_classes a#nav_circus_classes,
body#media a#nav_media,
body#friends a#nav_friends,
body#contact a#nav_contact {
	background-color:#222;
	color:#fff;
}


#header, #footer{
	/*margin-left:4px;
	margin-right:5px;*/
	width:768px;
	position:relative;
	z-index:23;
}

#footer {
	/*height:50px;*/
}

#header {
	text-align:left;
}

#container_top {
	margin:0px;
	background:url($doc:urlbase$/images/interface/container_top.jpg) no-repeat center top;
	width:768px;
	height:77px;
}

#container_bottom {
	margin:0px;
	background:url($doc:urlbase$/images/interface/container_bottom.jpg) no-repeat center bottom;
	width:768px;
	height:162px;
}


#logo {
	background:#000 url($doc:urlbase$/images/interface/header_logo.jpg) no-repeat right top;
}

#logo ul {
	display:inline;
	padding:0px;margin:0px;
}

#logo li {
	padding:0px;margin:0px;
	display:inline;
	list-style:none;
}

#footer {
	z-index:24;
}


#footer {
	margin:0px;
	background:#000;
	color:#232323;
	text-align:center;
	font-size:0.85em;
	font-family:verdana, tahoma, sans-serif;
	line-height:2.3em;	
	font-weight:100;
}

/* moved to style.css section A */

#sideBar {
	width:190px;
	margin:0px;
	margin-left:10px;
/*	margin-right:5px;*/
	margin-top:30px;
	padding:0px;
	float:left;
	font:0.9em verdana, tahoma, sans-serif;line-height:1.3em;		
	font-weight:100;
	/*color:#d2c6a2;*/
	color:#c2b692;
	text-align:center;
}

#mainContent {
	width:520px;
	margin:0px;
	padding:0px;
	margin-left:25px;
	float:left;
	font-weight:100;
	color:#2a170f;
	text-align:left;
}

/* following moved to style.css section B*/
