/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	line-height: 13px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background:#8c0202 url(images/header.jpg) repeat-x;
}

.items {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 13px;
}

.signature  {
	color:#ffaf04;	
	font-size: 12px;
	line-height: 13px;
	font-weight:bold;
}

.signature a {
	color:#ffaf04;	
	font-size: 12px;
	line-height: 13px;
	font-weight:bold;
	text-decoration:none;
}

.jumpmenu{
	color: #ffaf04;
	text-decoration:none;
	font-size:12px
}
.jumpmenu a{
	color: #ffaf04;
	text-decoration:none;
	font-size:12px
}

#wrap {
	width:766px;
    position: relative;
    left: 50%;
    margin-left: -380px;
	background:url(images/left-column.gif) repeat-y 62px;
	min-height:700px;	
}
.second-wrap {
	width:766px;
	background: url(images/dragon.gif) 62px no-repeat;
	min-height:700px;
}
#main {
	width:488px;
	float:right;
}
.top_message {
background:url(images/beer-and-wine.jpg) right no-repeat;
width:453px;height:42px;
color:#ffaf04;
line-height:42px;
font-size:16px;
font-weight:bold;
padding-left:35px;
}
.top_message span {
	display:none;
}

#logo {
	width:296px;
	height:180px;
	background:url(images/MonLung-logo.png) no-repeat;
	position:absolute;
	top:0px;
	left:15px;
	z-index:25;
	margin: 0px;
	padding: 0px;
	text-indent:-99999em;
}
#logo a {display:block; text-indent:-99999em; 	width:296px;
	height:180px;}
#navigation {
	width:261px;
	height:163px;
	background:url(images/navigation-background.png);
	position:absolute;
	top:210px;
}
#navigation ul{
	margin-left:35px;
	margin-top:13px;
	width:171px;
	height:135px;
	display:block;
	list-style: none;
	float: left;
	clear: left;
}
#navigation ul li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 10px;
	width:171px;
	height:27px;
}

ul li a {
	display:block;
	width:171px;
	float:left;
	cursor: pointer;
	height:27px;	
	text-indent:-9999px;
}
ul li.home a {
	background:url(images/navigation.png) no-repeat top left;
}
ul li.home a:hover {
	background:url(images/navigation.png) no-repeat top -171px;
}

ul li.home a.current {
	background: url(images/navigation.png) no-repeat top right;
}

ul li.menu a {
	background:url(images/navigation.png) no-repeat left -27px ;
}
ul li.menu a:hover {
	background:url(images/navigation.png) no-repeat -171px -27px;
}

ul li.menu a.current {
	background: url(images/navigation.png) no-repeat right -27px ;
}

ul li.parties a {
	background:url(images/navigation.png) no-repeat left -54px ;
}
ul li.parties a:hover {
	background:url(images/navigation.png) no-repeat -171px -54px;
}

ul li.parties a.current {
	background: url(images/navigation.png) no-repeat right -54px;
}

ul li.location a {
	background:url(images/navigation.png) no-repeat left -81px;
}
ul li.location a:hover {
	background:url(images/navigation.png) no-repeat -171px -81px;
}

ul li.location a.current {
	background: url(images/navigation.png) no-repeat right -81px;
}

ul li.contact a {
	background:url(images/navigation.png) no-repeat left bottom;
}
ul li.contact a:hover {
	background:url(images/navigation.png) no-repeat -171px bottom;
}

ul li.contact a.current {
	background: url(images/navigation.png) no-repeat right bottom;
}

#footer {
	width:802px;
	height:16px;
	background:url(images/footer.gif);
	color:white;
	padding:1px 2px 0 2px;
    position: relative;
    left: 50%;
    margin-left: -400px;
}

.clear {
	clear:both;
}
  /*give the body height:100% so that its child    elements can have percentage heights*/  
  /*this is what we want the div to look like*/  
div.fullscreen {    
  display:block;    /*set the div in the top-left corner of the screen*/    
  position:relative;    
  left:0;        /*set the width and height to 100% of the screen*/    
	overflow: hidden;
	width: 100%;
	height:16px;
	background:url(images/footer.gif) repeat-x;
	z-index:1;
  }