html, body {
margin: 0;
padding: 0;
font-family:"Verdana", cursive;
font-size: 11px;
}

.wrapper {
margin: 0;
padding: 0;
width: 920px;
margin: 0 auto;
text-align: left;
}

#header {
margin: 0;
padding: 0;
height: 120px;
color: #ffffff;
background-color: #27231d;
border-top: 15px solid #35322c;
}

#logo {
float: left;
}

#login {
float: right;
margin-right: 30px;
width: 191px;
height: 90px;
background-color: #35322c;
color: #ffffff;
}

#nav_bar {
margin: 0;
padding: 0;
height: 32px;
background-color: #2f2b25;
}

#body {
margin: 0;
padding-top: 40px;
margin-top: -10px;
background-image: url('images/tile.png');
background-repeat: repeat;
}

#body_main {
float: left;
margin-left: 20px;
padding: 20px;
width: 500px;
background-color: #dae9eb;
color: #3b3c3f;
}

#admin_body_main {
float: right;
padding: 20px;
width: 680px;
background-color: #dae9eb;
color: #3b3c3f;
}

#admin_menu {
float: left;
width: 160px;
background-color: #dae9eb;
color: #3b3c3f;
padding: 5px;
}

#top_right {
float: right;
width: 325px;
height: 304px;
margin-top: -16px;
background-color: #dae9eb;
background-image: url('images/photo_gallery_bg.jpg');
background-repeat:no-repeat;
color: #3b3c3f;
}

#bottom_right {
float: right;
padding: 10px;
margin-top: 30px;
width: 300px;
height: 255px;
background-color: #dae9eb;
color: #3b3c3f;
}

#right_bar {
float: right;
padding: 10px;
width: 300px;
background-color: #dae9eb;
color: #3b3c3f;
}

#footer {
clear: both;
position: relative;
padding: 20px;
height: 80px;
top: 30px;
border-top: 2px solid #4af0f9;
background: #27231d;
color: #fff;
text-align: center;
}


/* Styles */

.white_link {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

.heading {
font-family:"Comic Sans MS", cursive;
font-size: 28px;
font-weight: bold;
}

.general_heading {
font-family:Comic Sans MS, cursive;
font-size: 18px;
font-weight: bold;
}

.small_white a {
color: #fff;
text-decoration: none;
}

.small_white a:hover {
color: #fff;
text-decoration: underline;
}

.small_black a {
font-weight: bold;
color: #39b8be;
text-decoration: none;
}

.small_black a:hover {
color: #39b8be;
text-decoration: underline;
}

.body_list {
border-width: 1px 1px 1px 1px;
border-spacing: 0px;
border-style: outset outset outset outset;
border-color: gray gray gray gray;
border-collapse: collapse;
background-color: #eeeeee;
}

.body_list th {
border-width: 1px 1px 1px 1px;
padding: 4px 4px 4px 4px;
border-style: dotted dotted dotted dotted;
border-color: gray gray gray gray;
background-color: #eeeeee;
-moz-border-radius: 3px 3px 3px 3px;
}

.body_list td {
border-width: 1px 1px 1px 1px;
padding: 4px 4px 4px 4px;
border-style: dotted dotted dotted dotted;
border-color: gray gray gray gray;
background-color: #eeeeee;
-moz-border-radius: 3px 3px 3px 3px;
}



/* Menu style */

	
	/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
		font-family:"Verdana", cursive;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left;
			display:block;  
			background: #2f2b25; 
			position:relative;
			z-index:500; 
			margin:0 1px;
			font-size:14px;
			line-height:18px;
		}

		.nav-padding {
			padding-left: 20px;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:8px 5px 0 5px; 
			font-weight:700;  
			height:23px; 
			text-decoration:none; 
			text-align:center; 
			color:#39b8be;
		}

		#nav li a:hover {
			color:#3adae3;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color: #6da5a8;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0;
			list-style:none;
		}
		
		#nav ul li {
			width:200px; 
			float:left; 
			border-top:1px solid #27231d;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color: #39b8be;
		}
		
		#nav ul a:hover {
			text-decoration:none;
			background:#393530;
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}


/*transition styling */

#imageContainer { height:309px; }  
#imageContainer img { display:none; 	
			position:absolute; 	
			top:0px;
			left:0px;
			margin: 25px;
			padding:3px;
			border:1px solid #CCCCCC;
			height:200px;  	
			width:280px; 	
			opacity: -0.01; }
			
#imageContainer2 { height:309px; }  
#imageContainer2 img { display:none; 	
			position:absolute; 	
			top:0px;
			left:0px;
			margin: 25px;
			padding:3px;
			border:1px solid #CCCCCC;
			height:200px;  	
			width:280px; 	
			opacity: -0.01; }