/* General Rules */
html, body {
	height:100%;
	padding:0;
} 
body {
	/* for ie mac*/
	margin:0;
	background:#3d3c3f;
	color:#ffffff;
}


/* Webeditor defaults */
		body           { font-family:Arial; font-size:11px; text-align:left; padding:0px; margin:0px; }
		table          { margin:0px; padding:0px; border-collapse:collapse; width:100%; }
		table td       { padding:0px; margin:0px; vertical-align:top; text-align:left; }
		h1             { font-family: Arial; padding:0; margin:0; font-size:17px; font-weight:normal; }
		h2             { padding:0; margin:0; font-size:16px; font-weight:normal; }
		ul             { margin:0px; padding:0px; }
		ul li          { list-style-type:none; margin:0px; padding:0px; }
		img            { border:solid red 0px; margin:0; padding:0; }
		img.block      { display:block; }
		input.noborder { border:none !important; }
		a              { text-decoration:none; outline: none; color:#ffffff; }
		a:hover        { text-decoration:underline; }
		:focus         { -moz-outline-style: none; }
		form           { margin:0; padding:0; }
		p 			   { line-height:18px; }
/* End Webeditor defaults */
/* End General Rules */

#wrapper { 
	position: relative; 
	min-height:100%; 
	margin: 0 auto -195px; 
}
#header {
	position:fixed;
	top:0px;
	left:0px;
	height:171px;
	width:100%;
	margin:0;
	padding:0;
	z-index:99;
	border-bottom: 1px solid #B8CC18;
	background:url('./img/header_bg.jpg') top left repeat-x;
}
#header > div:first-child {
	position: relative;
	width: 1036px;
	margin: 0 auto;
	padding-top:80px;
	height:116px;
	background:url('./img/header.png') top left no-repeat;
}

#footer{
	position: relative;
	width: 100%;
	height: 195px;
	padding: 0;
	margin: 0;
	background: url(./img/footer.jpg) left top repeat-x;
}
#footer div {
	position: relative;
	width: 1045px;
	margin: 0 auto;
}
#footer p {
	padding: 0;
	padding-top: 110px;
	margin:0;
}
#footer div a {
	text-decoration: underline;
}
#footer div a:hover {
	text-decoration: none;
}
#footer a.png{
	position: absolute;
	right: 0;
	top: 70px;
}
#footer span {
	line-height:10px;
	margin:7px 0;
	display:block;
}

.spacer {
	height:196px;
}
.spacer-footer {
	height:193px;
}

#layout {
	width: 1036px;
	margin: 0 auto;
}
#content {
	width:640px;
	padding:13px;
	padding-left:245px;
	text-align: justify;
	min-height:400px;
}
#content h1:first-child {
	margin-bottom: 10px;
}
#menu {
	position:absolute;
	top:208px;
	width:200px;
	margin:0;
	padding:0;
	z-index:999;
	text-align: right;
}
#menu ul {
	width:200px;
}
#menu ul li {
	height:24px;
	line-height:24px;
}
#menu ul a {
	margin:0;
	font-family: Arial;
	color:white;
	height:16px;
	line-height:16px;	
	font-size:14px;
	text-transform: uppercase;
	text-decoration: none;
}
#menu ul a.sub-item {
	font-size:11px;
	color: #989793;
}
#menu ul a:hover, #menu ul a.active {
	color:#B8CD17;
}
#home {
	width:500px;
}
img.float-right {
	float:right;
	margin:0 0 15px 25px;
}
#data-list td {
	vertical-align: middle;
}
#data-list td a {
	text-decoration: underline;
}
#data-list td a:hover {
	text-decoration: none;
}
#data-list td.data-image {
	width:140px;
}
#gallery {
	border:solid #4E5426 0;
}
#big-image {
	vertical-align: middle;
	line-height:353px;
	height:353px;
	background-color:#FFFFFF;
}
#image_wrap {
	width:542px;
	margin:0px auto;
	text-align:center;
	-moz-ouline-radius:4px;
}

#image_wrap img {
	margin:0px auto;
}

#data-list td.data-image div {
	background:#BDC87A;
	background:#FFF;
	padding:2px 12px;
	margin-right:30px;
	margin-bottom:5px;	
	width:140px;
}

#navigation {
	position:absolute;
	top:180px;
	margin-left:245px;
	z-index:100;
	width:577px;
	padding-right:174px;
	height:25px;
}
.text p {
	margin: 0;
	line-height: 100%;
}
.text p a {
	text-decoration: underline;
}
.text p a:hover {
	text-decoration: none;
}

/*  STANDARD FORM AND ERROR MESSAGES  */
table.data_input {
	margin:0;
}
table.data_input td 			   { padding:1px; font-size:12px; }
table.data_input .fieldRequired    { color:red; }
table.data_input .fieldError       { color:#b00; }
table.data_input .label_key        { text-decoration:underline; }
table.data_input .fieldInfo        { color:#575757; font-weight:normal; } 
table.data_confirm td 			   { padding:1px; }
table.data_input input	 		   { border:solid #5D564E 1px; margin-bottom:2px; font-family: Arial; background:url(./img/bg-input.png) top right white repeat-y;}
table.data_input textarea		   { border:solid #5D564E 1px; width:250px; height:120px; font-family: Arial;}
table.data_input label			   { font-size:12px; }
table.data_input #messageBoxError  { margin-left:0px; }

/* Error Messages Box */
div#messageBoxError                {  min-height:48px; margin:0pt 0pt 10px;
                                     background-color:#FFFFCC; background-image:url(img/icon_critalert.gif); background-position:20px 14px;
                                     background-repeat:no-repeat; border:1px solid #FFCC00; color:#C60000; padding:7px 40px 7px 80px;
									 -moz-border-radius:10px; }
div#messageBoxError ul             { padding-left:0px; }
div#messageBoxError ul li          { list-style-type:disc; padding:4px 4px 4px 0px; margin-left:13px;}
div#messageBoxError p              { margin:5px 0; }
div#messageBoxWarning              { min-height:35px; margin:0 0 10px 0;
                                     background-color:#FFFFDD; background-image:url(img/warning.png); background-position:20px 12px;
                                     background-repeat:no-repeat; border:1px solid #FFCC00; color:#AA0000; padding:12px 40px 0px 50px;
                                     -moz-border-radius:10px; } 

/*  CLIENT SIDE ERROR MESSAGES  */
/*  Use the sliding doors method to render the error message  */
.door_bg                    { position:absolute; background-image:url(img/errorTooltip1.png); color:white; padding-left:20px; }
.door_bg, .door_bg .door_fg { display:block; background-repeat:no-repeat; }
.door_bg .door_fg           { width:100%; height:30px; padding-right:9px; background-image:url(img/errorTooltip2.png); background-position:right; }
/*  Use the line-height to position the label in the middle  */
.door_bg .door_fg label     { line-height:23px; font-style:italic; font-weight:bold; font-size:11px; }
input.error, textarea.error, select.error { border-color:red; }




/* Tag Cloud */
#tagCloud           { position:absolute; left:0px; top:440px; width:200px; z-index:100; text-align:center; padding:5px; padding-right:0px; overflow:auto; font-size:100%; font-family:Arial, sans-serif; }  
#tagList            { margin:0; padding:0; }  
#tagList li         { list-style-type:none; float:right; margin:0 5px; height:26px; line-height:26px; }  
#tagList li a       { text-decoration:none; color:#ffffff; }  
#tagList li a:hover { text-decoration:underline; }