/* NON-HEADER */

*{padding:0; margin:0;}

body {
	font-size:62.5%; 
	background-color:#ffffff; 
	font-family:arial,helvetica,sans-serif;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/

.page-container {
	width:800px; 
	margin:0px auto; 
	margin-top:30px; 
	margin-bottom:10px; 
	border:none; 
	font-size:1.0em;
}

.main {
	clear:both; 
	width:800px;
	height:400px; 
	padding-bottom:0px; 
	background:transparent url(../img/layout/rest_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.main-content {
	display:inline; /*Fix IE floating margin bug*/; 
	float:left; 
	width:740px; 
	margin:0 0 0 30px; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.footer {
	clear:both; 
	width:800px; 
	padding:1.0em 0 1.0em 0; 
	background-color:#ffffff; 
	font-size:1.0em; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

/* HEADER */

.header {
	width:800px; 
	font-family:arial,helvetica,sans-serif;
}

.header-top {
	width:800px; 
	height:80px; 
	background-color:#ffffff; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.header-bottom {
	width:800px; 
	height:40px; 
	background-color:#ffffff;
}


/*******************/
/*  HEADER SECTION */
/*******************/

.sitename {
	width:430px;
	height:30px;
	position:relative;
	z-index:1;
	margin:20px 0 0 80px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	left:-44px;
	top:28px;
}

.sitename h1 {
	font-size:240%; 
	font-weight:normal;
	color:#666666;
}

.sitename a {
	text-decoration:none; 
	color:#666666;
}

.sitename a:hover {
	text-decoration:none; 
	color:#663300;
}


/*Drop-down menu*/

.nav {
	float:left; 
	width:800px; 
	border:none; 
	color:#666666; 
	font-size:140%;
} /*Color navigation bar normal mode*/

.nav ul {
	list-style-type:none;
}

.nav ul li {
	float:left; 
	position:relative; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/; 
	border:none;
}

.nav ul li a {
	float:none !important /*Non-IE6*/; 
	float:left /*IE-6*/; 
	display:block; 
	height:3.1em; 
	line-height:3.1em; 
	padding:0 36px 0 36px; 
	text-decoration:none; 
	font-weight:bold; 
	color:#666666;
}

.nav ul li ul {
	display:none; 
	border:none;
}

/*Non-IE6 hovering*/

.nav ul li:hover a {
	border:none;
	text-decoration:none;
} /*Color main cells hovering mode*/

.nav ul li:hover ul {
	display:block; 
	width:10.0em; 
	position:absolute; 
	z-index:999; 
	top:3.0em; 
	margin-top:0.1em; 
	left:0;
	border:none;
}

.nav ul li:hover ul li a {
	display:block; 
	width:10.0em; 
	height:auto; 
	line-height:1.3em; 
	margin-left:-1px; 
	padding:5px 16px 5px 16px; 
	border:none; 
	background-color:#cccccc; 
	font-weight:bold; 
	color:#000000;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
} /*Color subcells normal mode*/

.nav ul li:hover ul li a:hover {
	background-color:#cccccc; 
	font-weight:bold; 
	color:rgb(41, 00, 00); 
	text-decoration:none;
	border:none;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
} /*Color subcells hovering mode*/


/*IE6 hovering*/

.nav table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

.nav ul li a:hover {
	text-decoration:none; 
	color:#663300; 
	border: none;
} /*Color main cells hovering mode*/

.nav ul li a:hover ul {
	display:block; 
	width:10.0em; 
	position:absolute; 
	z-index:999; 
	top:3.1em; 
	t\op:3.0em; 
	left:0; 
	marg\in-top:0.1em; 
	border: none;
}

.nav ul li a:hover ul li a {
	display:block; 
	w\idth:10.0em; 
	height:1px; 
	line-height:1.3em; 
	padding:4px 16px 4px 16px; 
	border: none; 
	background-color:#cccccc; 
	font-weight:normal; 
	color:#663300;
} /*Color subcells normal mode*/

.nav ul li a:hover ul li a:hover {
	background-color:#cccccc; 
	text-decoration:none; 
	border: none;
} /*Color subcells hovering mode*/

/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.column1-unit {
	width:740px; 
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
}

.column1a-unit {
	width:600px;
	padding:2.0em 2.0em 2.0em 2.0em;
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
	float:right;
	background-color:#666666;
}

.column2-unit-left {
	float:left; 
	width:350px;  
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
}

.column2-unit-right {
	float:right; 
	width:350px;  
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
}

.bigthumb1 {
	float:left;
	width:80px;
	height:80px;
}

.picture {
	float:left;
}

/********************/
/*  FOOTER SECTION  */
/********************/

.footer p {
	line-height:1.3em; 
	text-align:center; 
	color:#666666; 
	font-weight:normal; 
	font-size:110%;
}

.footer p.credits {
	font-weight:normal;
}

.footer a {
	text-decoration:none; 
	font-weight:bold; 
	color:#666666;
}

.footer a:hover {
	text-decoration:none; 
	font-weight:bold; 
	color:#663300;
}

.footer a:visited {
	color:#666666;
}

/******************/
/*  CLEAR FLOATS  */
/******************/

.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-content:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.footer:after, p:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.clear-contentunit {
	clear:both; 
	width:740px; 
	height:0.1em; 
	border:none; 
	background:#ffffff; 
	color:#666666;
}



/* Thumbnail rollovers */

.thumb img {
	border:4px solid #ffffff;
}

.thumb:hover img {
	border:4px solid #663300;
}

.thumb:hover {
	color:red; /* Dummy definition to overcome IE bug */
}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/

@media print {.header-top {
	width:800px; 
	height:80px; 
	background:#ffffff; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}}

@media print {.header-breadcrumbs {
	width:800px; 
	background:transparent;
}}

@media print {.nav2 {
	float:left; 
	width:800px; 
	border:none; 
	background:#ffffff; 
	color:rgb(75,75,75); 
	font-size:1.0em; 
	font-size:130%;
}} /*Color navigation bar normal mode*/

@media print {.main {
	clear:both; 
	width:800px; 
	padding-bottom:30px; 
	background:transparent;
}}

@media print {.footer {
	clear:both; 
	width:800px; 
	height:3.7em; 
	padding:1.1em 0 0; 
	background:rgb(240,240,240); 
	font-size:1.0em; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}}
