@charset "utf-8";
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
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: auto;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	
}
/* 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;
}

/* Default Styles 
--------------------------------------------------------------------*/
.clearfix {
	clear: both;
}

.wrap {
	width: 1000px;
	margin: auto;
}

nav {
	background: -webkit-gradient(linear, center top, center bottom, from(#FF3300), to(#FF3300));
	background-image: linear-gradient(#66CC00,#669900);
	border-radius: 6px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
	padding: 0 5px;
	position: relative;
	color: #FFFFFF;
	margin-top: -10px;
	
	
	

	
}

.menu li {
	float: left;
	position: relative;
	color:#FFFFFF;
    
	
}

.menu li a {
	color:#FFFFFF;
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 6px 12px;
	margin: 8px 8px;
	vertical-align: middle;
	text-decoration: none;
}

.menu li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#F62217), to(#33FF33));
	background-image: linear-gradient(#33FF33,#33FF33);
	border-radius: 12px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color:#6CC417;
	
}

/* Dropdown styles */

.menu ul {
	position:absolute;
	left: -9999px;
	list-style: none;
	opacity:1;
	z-index:2;
	
}

.menu ul li {
	float: none;
	
	
		
}

.menu ul a {
	white-space: nowrap;
	display: inline-block;
}

/* Displays the dropdown on hover and moves back into position */
.menu li:hover ul {
	/*background: rgba(255,255,255,0.7);*/
	background-color:#6CC417;
	border-radius: 0 0 6px 6px;
	box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
	left: 5px;
	opacity: 1;
	
}

/* Persistant Hover State */
.menu li:hover a {
	background: -webkit-gradient(linear, center top, center bottom, from(#41A317), to(#41A317));
	background-image: linear-gradient(#2D8F03,#41A317);
	border-radius: 12px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color:#FFFFFF;
	
}

.menu li:hover ul a {
	background: none;
	border-radius: 0;
	box-shadow: none;
	
}

.menu li:hover ul li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#8AE235), to(#8AE235));
	background-image: linear-gradient(#238500, #6CBB3C);
	border-radius: 12px;
	box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
	
}
ul.v_menu{ /* ?????????????????? */  
    list-style:none;  
    margin:0px;  
    padding:0px;  
    font-family:tahoma, "Microsoft Sans Serif", Vanessa;  
    font-size:12px;  
}  
ul.v_menu > li{ /* ?????????????????????? */  
    display:block;  
    width:150px;  
    height:20px;  
    text-indent:5px;  
    background-color:#339900;  
    border:1px #006633 inset;  
    float:left;  
    text-align:center;
}  
ul.v_menu > li:hover{ /* ?????????????????????????????????????????? */  
    display:block;  
    width:150px;  
    height:20px;  
    text-indent:5px;  
    background-color:#33CC33;  
    border:1px #006633 inset;  
    float:left;  
    text-align:center;    
}  
ul.v_menu > li > a{ /* ??????????????????????? */  
    text-decoration:none;  
    color:#FFFFFF;  
    line-height:20px;  
}

body {
	margin: 0;
	padding: 0;
	background: #BBBBBB  repeat-x;
	font-family: 'Arvo', serif;
	font-size: 14px;
	color: #3B3B3B;
}


h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #FF8000;
}

h1 {
	font-size: 1.3em;
	color:#F47A00;
}

h2 {
	font-size: 2.0em;
	
	
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #5D9800;
}

a:hover {
	text-decoration: underline;
}

img.border {
	border: 6px solid #E1F1F6;
}

img.alignleft {
	float: left;
	margin-right: 25px;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
}

/* Header */

#header {
	width: 1000px;
	height: 333px;
	margin: 0 auto;
	background-image:url(../images/header-webCYP2.jpg);
}

/* Logo */

#logo {
	float: left;
	height: 100px;
	margin: 0;
	padding: 0px;
	color: #FFFFFF;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	float: left;
	padding-left: 30px;
	letter-spacing: -1px;
	text-transform: lowercase;
	text-shadow: #808080 -1px 1px 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 64px;
}

#logo p {
	margin: 0;
	padding: 30px 0 0 34px;
	text-shadow: #808080 -1px 1px 2px;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Search */

#search {
	float: right;
	width: 280px;
	height: 100px;
	padding: 0;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 60px 0 0 30px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 195px;
	padding: 6px 10px;
	border: none;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #7F7F81;
}

#search-submit {
	display: none;
}

/* Page */

#page {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background:url(../images/img003.gif)
	
}

#page-bgtop {
}

#page-bgbtm {
	margin: 0px;
	padding: 40px 30px 0px 30px;
	
}

/* Content */

#content {
	float:right;
	width: 730px;
	padding:0px 0 0px 0px;
	margin:auto;
	margin-top:-20px;
	margin-right:-5px;
}

.post {
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #EFF4F;
	
	
}

.post .title {
	letter-spacing: -1px;
}

.post .title a {
	color: #E6700E;
	border: none;
}

.post .meta {
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	width:500px;
	
}

.post .meta a {
}

.post .entry {
	margin-bottom: auto;
	padding: 0px;
	width:auto;
}

.links {
	display: block;
	width: 96px;
	padding: 2px 0px 2px 0px;
	background: #A53602;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}

/* Sidebar */

#sidebar {
	float:left;
	width: 220px;
	margin:0px;
	margin-top:-25px;
	margin-left:-10px;
	
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 15px;
	padding-bottom: 30px;
}

#sidebar li li {
	padding-left: 15px;
	line-height: 35px;
	background: url(images/img07.jpg) no-repeat left 14px;
	border-bottom: 1px solid #EFF4F5;
	
}

#sidebar li li span {
	display: block;
	margin-top: -5px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	height: 38px;
	width:180px;
	margin-bottom: 20px;
	padding: 12px 0 0 15px;
	background:url(../images/img08.jpg);
	letter-spacing: -1px;
	font-size: 20px;
	color: #FFFFFF;
	text-align:center;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 20px 20px 20px;
	text-align: justify;
}

#sidebar a {
	border: none;
	color: #7F7F81;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #5D9800;
}
/*slidebar*/

#sidebarright {
	float: right;
	width: 200px;
	margin-top:auto;
	margin-right:-10px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	
}

#sidebarright ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#sidebarright li {
	margin: 0;
	padding: 0;
}

#sidebarright li ul {
	margin: 0px 15px;
	padding-bottom: 30px;
}

#sidebarright li li {
	padding-right: 15px;
	line-height: 35px;
	background: url(images/img07.jpg) no-repeat right 14px;
	border-bottom: 1px solid #EFF4F5;
}

#sidebarright li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebarright h2 {
	height: 38px;
	width:180px;
	margin-bottom: 20px;
	padding: 12px 0 0 15px;
	background:url(../images/img08.jpg);
	letter-spacing: -1px;
	font-size: 22px;
	color: #FFFFFF;
	text-align:center;
	
}

#sidebarright p {
	margin: 0 0px;
	padding: 0px 20px 20px 20px;
	text-align: justify;
}

#sidebarright a {
	border: none;
	color: #7F7F81;
}

#sidebarright a:hover {
	text-decoration: underline;
	color: #5D9800;
}

/* Calendar */

#calendar {
	
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* CSS Document */
.ui-widget-overlay {
    background: black;
    filter: alpha(opacity=70);
    opacity: .7;
    position: fixed; /* <---------- */
    top: 0;          /* <---------- */
    left: 0;         /* <---------- */
}
open: function(event, ui){
   /*
    * Scrollbar fix 
    */
   $('body').css('overflow','hidden');
}
.ui-widget-overlay {
   position: fixed;  /* <---------- */
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
-- ui.dialog.js
+++ ui.dialog.js
@@ -563,11 +563,22 @@
                        $(window).bind('resize.dialog-overlay', $.ui.dialog.overlay.resize);
                }

-               var $el = $('<div></div>').appendTo(document.body)
+    /* This is a hack to maintain backward compatibility with IE while fixing
+     * the scrollbar issue in IE8. See http://dev.jqueryui.com/ticket/3623
+     */
+    var $el;
+    if (navigator.userAgent.match(/MSIE 6.0/)) {
+      $el = $('<div></div>').appendTo(document.body)
                        .addClass('ui-widget-overlay').css({
                                width: this.width(),
                                height: this.height()
                        });
+    }
+    else {
+      $el = $('<div></div>').appendTo(document.body)
+        .addClass('ui-widget-overlay');
+    }
+

                (dialog.options.bgiframe && $.fn.bgiframe && $el.bgiframe());

#s3slider {
   width: 180px; /* important to be same as image width */
   height: 280px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
	width: 180px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 380px; /* important */

	
}

.s3sliderImage {
   /*float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 0px 0px;
   width: 180px;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage span.top {
	top: 0;
	left: 0;
	width: 180px !important;
	height: 30px;
}
.s3sliderImage span.bottom {
	bottom: 0;
    left: 0;
	width: 180px !important;
	height: 110px;
}
.s3sliderImage span.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 180px;
}
.s3sliderImage span.right {
	right: 0;
	bottom: 0;
	width: 110px !important;
	height: 640px;
}
.ddsubmenustyle, .ddsubmenustyle ul {
	margin-top: -1px !important;
}

.clear {
   clear: both;
} 


/* Footer */

#footer {
	width: 1000px;
	height: 75px;
	margin: 0px auto 40px auto;
	background:url(../images/header-2016-1.jpg) no-repeat left top ;
	font-family: Arial,sans-serif,tahoma;
	
}

#footer p {
	margin: 0;
	padding-top: 5px;
	line-height: normal;
	font-size: 12px;
	text-align: center;
	color:#FFFF80;
}

#footer a {
	
}