* { 
	margin: 0;
	padding: 0;
	}

#banner, #cssmenu, #footer, #header, #main, #menubar, #menu_footer, #site_content { 
	margin-left: auto; 
	margin-right: auto;
	}

@font-face {
	font-family: "Alex Brush";
	src: url(../fonts/AlexBrush-Regular-OTF.otf);
	}
	
@font-face {
	font-family: "Open Sans";
	src: url(../fonts/opensansregular.otf);
	}
	
@font-face {
	font-family: "Open Sans Bold";
	src: url(../fonts/opensansbold.otf);
	}
	
@font-face {
	font-family: "VAG Rounded Std Bold";
	src: url(../fonts/VAGRoundedStd-Bold.otf);
	}
	
@font-face {
	font-family: "VAG Rounded Std Light";
	src: url(../fonts/VAGRoundedStd-Light.otf);
	}
	
#banner { 
	width: 920px;
	position: relative;
	height: 50px;
	padding: 15px 0 0 0;
	background: transparent;
	}

body { 
	background: transparent url(../images/pattern.jpg) repeat;
	}

/*----------------------------*/
.button, #rcp_submit {
	border: 0;
	border-radius: 0;
	outline: 0;
	background: #4e68c7;
	text-decoration: none;
	box-shadow: 1px 0px 1px #203891, 0px 1px 1px #3852b1, 2px 1px 1px #203891, 1px 2px 1px #3852b1, 3px 2px 1px #203891, 2px 3px 1px #3852b1, 4px 3px 1px #203891, 3px 4px 1px #3852b1, 5px 4px 1px #203891, 4px 5px 1px #3852b1, 6px 5px 1px #203891;
	color: white;
	white-space: nowrap;
	padding: 5px 15px;
	position: relative;
	}
.button:hover, #rcp_submit:hover {
	color: white;
	background: #3d57b4;
	}
.button:active, #rcp_submit:active {
	box-shadow: 1px 0px 1px #203891, 0px 1px 1px #3852b1, 2px 1px 1px #203891, 1px 2px 1px #3852b1, 3px 2px 1px #203891;
	top: -2px;
	left: 3px;
	}
.full-width-button {
	display: block;
	text-align: center;
	}
/*----------------------------*/

.clear {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.col_1_3 {
	width:277px;
	float:left;
	margin:0 20px 0 0;
}
.col_1_3 a {
	text-decoration: none; 
}
.col_1_3 a:hover {
	text-decoration: none; 
}
.col_1_3.last {
	margin:0;
}
.col_1_3.last a {
	text-decoration: none; 
}
.col_1_3.last a:hover {
	text-decoration: none; 
}
.content .col_1_3 {
	width:193px;
}
.content .col_1_3.last {
	margin:0;
}

#content { 
	width: 680px;
	margin-bottom: 20px;
	float: left;
	}

.content_container { 
	width: 320px;
	padding: 5px;
	margin-right: 10px;
	float: left;
	font: italic 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	text-align: justify;
	letter-spacing: -1px;
	}
    
.content_container_i { 
	width: 400px;
	float: left;
	margin: 20px 20px 20px 0; 
	background-color: #FFF;
	padding: 20px 20px 20px 20px;
	font: 95% "Open Sans", "Trebuchet MS", Verdana, Arial;
	color: #000;
	text-align: justify;
	line-height: 1.7em;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
 	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	}
	
.content_container_i a {
	font: 100% "Open Sans", "Trebuchet MS", Verdana, Arial;
	color: #000;
	text-decoration: none; 
	}

.content_container_i a:hover {
	text-decoration: none; 
	}

.content_container_i h1 { 
    font: 200% "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    color: #00C;
	padding: 0 0 20px 0;
	}
	
.content_container_i h2 { 
	font: bold 110% "Open Sans", "Trebuchet MS", Verdana, Arial;
    color: #000;
	text-align: center;
	}

.content_dir { 
	width: 875px;
	margin-top: 20px; 
	padding: 20px 20px 20px 20px;
	background-color: #FFF;
	font: 95% "Open Sans", "Trebuchet MS", Verdana, Arial;
	color: #000;
	text-align: justify;
	line-height: 1.7em;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
 	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	}

.content_dir a {
	font: 100% "Open Sans", "Trebuchet MS", Verdana, Arial;
	color: #000;
	text-decoration: none; 
	}

.content_dir a:hover {
	text-decoration: none; 
	}

.content_dir h1 { 
    font: 200% "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    color: #00C;
	padding: 0 0 20px 0;
	}
	
.content_dir h2 { 
	font: bold 110% "Open Sans", "Trebuchet MS", Verdana, Arial;
    color: #000;
	text-align: center;
	}

.content_dir h3 { 
    font: 200% "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    color: #000;
	text-align: right;
	}

.content_dir_hi { 
	background-color: #FC0;
	}

.content_item { 
	width: 680px;
	margin-top: 20px;
	margin-bottom: 20px;
	}
  
.content_table { 
	width: 875px;
	margin-top: 20px; 
	padding: 20px 20px 20px 20px;
	background-color: #FFF;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
 	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	}
  
.content_table a { 
	text-decoration: none;
	color: #000;
	}
  
.content_table a:hover { 
	text-decoration: none;
	color: #000;
	}
  
.content_table h1 { 
    font: 200% "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    color: #00C;
	padding: 0 0 20px 0;
	}
	
.content_text { 
	width: 640px;
	margin-top: 20px; 
	padding: 20px 20px 20px 20px;
	background-color: #FFF;
	font: 95% "Open Sans", "Trebuchet MS", Verdana, Arial;
	color: #000;
	text-align: justify;
	line-height: 1.7em;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
 	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	}

.content_text a {
	background-color: #FF0;
	text-decoration: none; 
	}

.content_text a:hover {
	color: #FFF;
	text-decoration: none; 
	background-color: #000;
	}

.content_text h1 { 
    font: 200% "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    color: #00C;
	padding: 0 0 20px 0;
	}
	
.content_text h2 { 
	font: bold 95% "Open Sans", "Trebuchet MS", Verdana, Arial;
    color: #000;
	text-align: center;
	}

.content_text h3 { 
    font: 200% "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    color: #000;
	padding: 0 0 20px 0; 
	text-align: right;
	}
	
.content_text_hi { 
	background-color: #FC0;
	}

.content_text_full { 
	width: 875px;
	margin-top: 20px; 
	padding: 20px 20px 20px 20px;
	background-color: #FFF;
	font: 95% "Open Sans", "Trebuchet MS", Verdana, Arial;
	color: #000;
	text-align: justify;
	line-height: 1.7em;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
 	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	}

.content_text_full a {
	color: #000;
	text-decoration: none; 
	}

.content_text_full a:hover {
	color: #666;
	text-decoration: none; 
	}

.content_text_full h1 { 
    font: 200% "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    color: #00C;
	padding: 0 0 20px 0;
	}
	
.content_text_full h2 { 
	font: bold 110% "Open Sans", "Trebuchet MS", Verdana, Arial;
    color: #000;
	text-align: center;
	}

.content_text_full h3 { 
    font: 200% "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    color: #000;
	text-align: right;
	}

.content_text_full_hi { 
	background-color: #FC0;
	}

.content_text_memo { 
	width: 875px;
	margin-top: 20px;
	padding: 20px 20px 20px 20px;
	background-image: url(../images/jca.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	font: 95% "Open Sans", "Trebuchet MS", Verdana, Arial;
	color: #000;
	text-align: justify;
	line-height: 1.7em;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border: 15px 15px 15px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	}

.content_text_memo h1 { 
    font: 200% "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    color: #00C;
	}
	
.content_text_memo h2 { 
	font: bold 110% "Open Sans", "Trebuchet MS", Verdana, Arial;
    color: #000;
	text-align: center;
	}

.content_text_pub { 
	width: 875px;
	margin-top: 20px; 
	padding: 20px 20px 20px 20px;
	background-color: #FFF;
	font: 95% "Open Sans", "Trebuchet MS", Verdana, Arial;
	color: #000;
	text-align: justify;
	line-height: 1.7em;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
 	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	}

.content_text_pub a {
	text-decoration: none; 
	}

.content_text_pub a:hover {
	text-decoration: none; 
	}

.content_text_pub h1 { 
    font: 200% "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    color: #00C;
	padding: 0 0 20px 0;
	}
	
.content_text_pub h2 { 
	font: bold 110% "Open Sans", "Trebuchet MS", Verdana, Arial;
    color: #000;
	text-align: center;
	}

.content_text_pub h3 { 
    font: 200% "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    color: #000;
	text-align: right;
	}

.content_text_pub_hi { 
	background-color: #FC0;
	}

#content_full { 
	width: 920px;
	margin-bottom: 20px;
	float: left;
	}

#cssmenu { 
	margin-left: auto;
	margin-right: auto;
	}

#cssmenu {
	width: 920px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
	border: none;
	border: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8e8e8e;
	}
  
#cssmenu ul {
	background: url(../images/menu-bg.gif) top left repeat-x;
	height: 43px;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#cssmenu li {
	float: left;
	padding: 0px 8px 0px 8px;
	}
	
#cssmenu li a {
	color: #666666;
	display: block;
	font-weight: bold;
	line-height: 43px;
	padding: 0px 15px;
	text-align: center;
	text-decoration: none;
	}
	
#cssmenu li a:hover {
	color: #000000;
	text-decoration: none;
	}
	
#cssmenu li ul {
	background: #e0e0e0;
	border-left: 2px solid #f68618;
	border-right: 2px solid #f68618;
	border-bottom: 2px solid #f68618;
	display: none;
	height: auto;
	filter: alpha(opacity=95);
	opacity: 0.95;
	position: absolute;
	width: 225px;
	z-index: 200;
	/*top: 1em;
	/*left: 0;*/
	}
	
#cssmenu li:hover ul {
	display: block;
	}
	
#cssmenu li li {
	display: block;
	float: none;
	padding: 0px;
	width: 225px;
	}
	
#cssmenu li ul a {
	display: block;
	font-size: 12px;
	font-style: normal;
	padding: 0px 10px 0px 15px;
	text-align: left;
	}
		
#cssmenu li ul a:hover {
	background: #949494;
	color: #000000;
	opacity: 1.0;
	filter: alpha(opacity=100);
	}
	
#cssmenu p {
	clear: left;
	}	
	
#cssmenu .active > a {
	background: url(../images/current-bg.gif) top left repeat-x;
	color: #ffffff;
	}
	
#cssmenu .active > a:hover {
	color: #ffffff;
	}

.fade {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	}

.fade:hover {
	opacity: 0.5;
	}
	  
.form_settings { 
	width: 875px;
	margin-top: 20px; 
	padding: 20px 20px 20px 20px;
	background: transparent;
	font: 95% "Open Sans", "Trebuchet MS", Verdana, Arial;
	color: #000;
	text-align: justify;
	line-height: 1.7em;
	}
	
.form_settings a {
	color: #000;
	text-decoration: none; 
	}

.form_settings a:hover {
	color: #000;
	text-decoration: none; 
	}

.form_settings h1 { 
    font: 200% "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    color: #00C;
	padding: 0 0 20px 0;
	}
	
.form_settings span { 
	float: left; 
	width: 280px; 
	text-align: left;
	}
  
.form_settings input, .form_settings textarea
{ padding: 2px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #E5E5DB; 
  background: #FFF; 
  color: #47433F;}
  
.form_settings input[type="checkbox"]
{ padding: 2px 0; 
  width: 15px; 
  font: 100% arial; 
  border: 0; 
  background: #FFF; 
  color: #47433F;
  margin: 28px 0;}

.form_settings .submit
{ font: 100% arial;  
  width: 99px; 
  margin: 0 0 0 206px; 
  height: 26px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #B5712A;
  color: #FFF;}
	
#footer { 
	width: 920px;
	height: 20px;
	padding-top: 20px;
	font: normal 90% Verdana, Geneva, sans-serif;
	text-align: center; 
	background: transparent;
	}

#footer a {
	text-decoration: none;
	color: #000;
	padding-bottom: 20px;
	}

#footer a:hover { 
	text-decoration: underline;
	}

#header { 
	width: 920px;
	height: 120px;
	background: transparent;
	}

.homepage_widgets {
	text-align:center;
	border:0;
	border-top:1px solid #f1f1f1;
	padding:40px 0 80px 0;
}
.homepage_widgets .col_1_3 {
	width:280px;
	margin:40px 20px 0 20px;
}
.homepage_widgets .col_1_3 h3.red {
	margin:27px 0 10px 0;
}
.homepage_widgets .col_1_3 .widget_body p {
	margin:0 0 0 0;
}
.homepage_widgets .col_1_3.first {
	margin:40px 20px 0 10px;
}
.homepage_widgets .col_1_3.last {
	width:280px;
	margin:40px 0 0 20px;
}

/* ================= Highlight Styles ================= */
.highlight {
	padding:2px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:0px 6px;
}
.highlight.green {
	color:#519a35;
	background:#d3f9c4;
}
.highlight.blue {
	color:#4180cf;
	background:#dbeefe;
}
.highlight.grey {
	color:#FFFFFF;
	background:#b3b3b3;
}
.highlight.yellow {
	color:#d97939;
	background:#fff1d1;
}
/* ================= Highlight Styles ================= */

.img_pub { 
	margin: 0px 20px 10px 40px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	}
  
.img_sidebar { 
	margin: 0px 20px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	}
  
.img_text { 
	margin: 0px 20px 10px 20px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	}
  
.img_text_center { 
	float: center; 
	margin: 0px 20px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	}
  
.img_text_left { 
	float: left; 
	margin: 0px 20px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	}
  
.img_text_right { 
	float: right; 
	margin: 0px 0px 10px 20px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	}
  
#main { 
	background: transparent;
	padding-top: 15px;
	}
  
p { 
	padding: 0 0 10px 0;
	}

.padding20 {
	padding-top:20px;
	font-size:0;
	line-height:0;
}

.sidebar { 
	float: left;
	width: 250px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.sidebar a { 
	color: #000;
	}

.sidebar a:hover { 
	text-decoration: underline;
	}

.sidebar_container { 
	float: right;
	margin: 10px 0 0 20px;
	width: 215px;
	padding: 0;
	}

.sidebar_item {
	font: normal 80% Verdana, Geneva, sans-serif;
	color: #000;
	letter-spacing: -1px;
	line-height: 1.5em;
	width: 215px;
	}

.sidebar_item a { 
	text-decoration: none;
	}

.sidebar_item a:hover { 
	text-decoration: none;
	}

.sidebar h1 { 
	padding: 5px 0 0 10px;
	font: bold 150% Arial, Helvetica, sans-serif;
	width: 200px;
	height: 25px;
	text-shadow: 0px -1px 0px #000;
	color: #fff;
	background: url(../images/content_right.gif);
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border: 15px 15px 15px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;	
	}  
	
.sidebar h2 { 
	font: bold 120% Verdana, Geneva, sans-serif;
	color: #F30;
	}
	
#site_content { 
	width: 920px;
	overflow: hidden;
	margin: 0 auto;
	} 

#tabel {
	font-family: "Trebuchet MS";
    width: 400px;
    border-collapse: collapse;
	background-color: #FFF;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	}

#tabel td, #tabel th {
	font-size: 16px;
	border: 1px solid #98bf21;
	padding: 3px 7px 2px 7px;
    }

#tabel thead th {
	font-size: 16px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 9px;
	border: 1px solid #BA742D; 
	background-image:url(../images/menu_pattern.jpg);
    color: #ffffff;
	}
	
#tabel thead td {
	font-size: 16px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 4px;
	border: 1px solid #BA742D;
	background-image:url(../images/menu_pattern.jpg);
	color: #ffffff;
	}
	
#tabel tbody th {
    text-align: left;
	}
	
#tabel td {
    text-align: center;
	}

#tabel tr.alt th {
	color: #000000;
    background-color: #EAF2D3;
	}

#tabel tr.alt td {
	color: #000000;
    background-color: #EAF2D3;
	}

#tabel tbody tr:hover th {
    background: #FFD800;
    border: 1px solid #98bf21;
    color: #FFFFFF;
    }	

#tabel tbody tr:hover td {
    background: #FFD800;
    border: 1px solid #98bf21;
    color: #000000;
    }	
	
#tabela {
	font-family: "Trebuchet MS";
    width: 650px;
    border-collapse: collapse;
	background-color: #FFF;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	}

#tabela td, #tabela th {
	font-size: 16px;
	border: 1px solid #98bf21;
	padding: 3px 7px 2px 7px;
    }

#tabela thead th {
	font-size: 16px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 9px;
	border: 1px solid #BA742D; 
	background-image:url(../images/menu_pattern.jpg);
    color: #ffffff;
	}
	
#tabela thead td {
	font-size: 16px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 4px;
	border: 1px solid #BA742D;
	background-image:url(../images/menu_pattern.jpg);
	color: #ffffff;
	}
	
#tabela tbody th {
    text-align: left;
	}
	
#tabela td {
    text-align: center;
	}

#tabela tr.alt th {
	color: #000000;
    background-color: #EAF2D3;
	}

#tabela tr.alt td {
	color: #000000;
    background-color: #EAF2D3;
	}

#tabela tbody tr:hover th {
    background: #FFD800;
    border: 1px solid #98bf21;
    color: #FFFFFF;
    }	

#tabela tbody tr:hover td {
    background: #FFD800;
    border: 1px solid #98bf21;
    color: #000000;
    }	
	
.thumbnail {
	position: relative;
	z-index: 0;
	}

.thumbnail:hover {
	background-color: transparent;
	z-index: 50;
	}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFF;
	padding: 5px;
	left: -1000px;
	text-decoration: none;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */
	}

.thumbnail_i {
	position: relative;
	z-index: 0;
	}

.thumbnail_i:hover {
	background-color: transparent;
	z-index: 50;
	}

.thumbnail_i span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFF;
	padding: 5px;
	left: -1000px;
	text-decoration: none;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	}

.thumbnail_i span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	}

.thumbnail_i:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -250px;
	left: 60px; /*position where enlarged image should offset horizontally */
	}

ul.a {
	list-style-type: square;
	margin: 10px 0 30px 50px;
	}

.view { 
	text-decoration: none; 
	}

.view:hover { 
	color: #F00; 
	}

#welcome { 
	width: 880px;
	float: inherit;
	height: 50px;
	margin: 0 auto;
	background: transparent;
	} 
  
welcome_let {
	position:absolute;
	}
	
.logo1 {
	top: 0; 
	left: 0; 
    font-family: "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    font-size: 300%;
    color: #5C3A18;
	}

.logo2 {
	top: +2px; 
	left: +2px; 
    font-family: "Alex Brush", "Trebuchet MS", Verdana, Arial; 
    font-size: 300%;
    color: #FFCC00;
	}
	
#welcome_slogan { 
	width: 880px;
	float: inherit;
	height: 30px;
	margin: 0 auto;	
	background: transparent;
	}   
   
welcome_slo {
	position: absolute;
	margin-top: 60px;
	margin-left: 180px;
	}
	
.logo3 {
	top: 0; 
	left: 0; 
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 100%;
    color: #8F5823;
    letter-spacing: -1px;
	}

.logo4 {
	top: +1px; 
	left: +1px; 
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 100%;
    color: #5C3A18;
    letter-spacing: -1px;
 	}

/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
	}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
	}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	background-color: #FFF;
	padding-top: 18px;
	padding-right: 85px;
	padding-bottom: 18px;
	padding-left: 85px;
	}

.ienlarger img { /* leave or IE puts a border around links */
	border-width: 0;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border: 15px 15px 15px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;	
	}

.ienlarger a:hover span { 
	display:block;
	top: 5px; /* means the pop-up's top is 50px away from thumb's top */
	right: 240px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb { 
	width: 210px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */