/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ font:14px Arial, Helvetica, sans-serif; color:#245269; line-height:20px; behavior:url(/css/cssHoverFix.htc);}


/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width:1032px; }
.body1{ background:url(../images/bg_top1.jpg) top center repeat-x; padding-top:30px}


/* ============================= main layout ====================== */

a{  text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:0 0 0 42px;}
h2{ font-size:36px; color:#245269; text-align:center; line-height:1.2em; padding:5px 0 20px 0}
h2 span{ display:block; margin-top:-8px;}
h3{ text-align:left; font-style:italic; font-size:24px; color:#245269; line-height:1em; padding:15px 0 15px 0}
h3 span{ display:block; margin-top:-8px;}
h4{ font-size:20px; color:#245269; text-align:center; line-height:1em; padding:0 0 0 0}
h5{ font-size:15px; color:#245269; text-align:left; line-height:1.2em; padding:5px 0 20px 70px}
h5 span{ display:block; margin-top:-8px;}
p{ padding-bottom:20px;}

/* ============================= header ====================== */
header{}

header .box1{ border-top:6px solid #6ec7d2; padding-bottom:1px;}

#logo{ display:block; background:url(../images/logo.png) no-repeat; margin-top: 10px; width:210px; height:120px; text-indent:-9999px}
.address {font-size:13px; text-align:right; float:right; margin-top: 30px; margin-right: 1em;}
.link{ font-size:20px; text-transform:uppercase; color:#245269; line-height:1.2em; margin:31px 39px 0 0; padding-left:14px; float:right; background:url(../images/marker_top.gif) 0 10px no-repeat; text-decoration:none;}
.link:hover{ color:#6ec7d2}
.banner{text-align:center; margin-top:50px; float:left; padding:0 0 0 90px; font-weight:bold; font-size:28px;}
.big{line-height:225%;}
.caption{text-align:center; font-weight:bold;}

#icons{ float:right; padding:10px 6px 0 0;}
#icons li{ float:left; padding-right:0px;}

#menu { float:left; padding:22px 0 10px 60px;}
#menu li { float:left; padding-right:15px; background:url(../images/menu_line.gif) right 0 no-repeat; margin-right:17px;}
#menu li a{ display:inline; font-size: 150%; line-height:30px; color:#245269; text-transform:none; text-decoration:none;} 
#menu li a:hover{ color:#6ec7d2}
#menu .bg_none{ background:none;}

* {
margin:0;
padding:0;
}
#topmenu { 
float:left; 
padding:10px 0px 0px 25px;
list-style:none;
position:relative;
}
#topmenu li {
float:left;
padding-right:15px; padding-bottom:10px;
background:url(../images/menu_line.gif) right 0 no-repeat; 
margin-right:17px;
}
#topmenu a {
font-size: 130%; 
line-height:20px; 
color:#245269; 
text-transform:none; 
text-decoration:none;
background:none;
}
#topmenu a:active, #topmenu a:focus, #topmenu a:hover {
color:#6ec7d2;
background:none;
}
/* --------- Sub Nav --------- */
#topmenu li.current ul {
left:0;
position:absolute;
display:none;
}
#topmenu ul {
position:absolute;
left:-999em;
width:1000px;
list-style:none;
padding:.9em 0 0;
}
#topmenu ul li {
width:auto;
margin:0 10px 0 0;
}
#topmenu ul a {
font-size:100%;
height:auto;
padding:0 8px;
}
#topmenu li:active ul, #topmenu li:hover ul { 
left:0;
color:#6ec7d2;
background:none;
position:absolute;
padding-left:130px;
}
.keybox{height: 300px;
		width: 250px;
		border: 2px solid black;
		float: right;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
}

.imgmarg{margin-left: 10px;
		 margin-right: 10px;
		 margin-top: 10px;
		 margin-bottom: 10px;
}

.box1{ background:#fff; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); position: relative; padding-bottom:42px;}

#slider{ padding:0 30px 1px 34px; position:relative; width:968px; height:479px;}

#text{ position:absolute; left:530px;  top:187px; z-index:99}

/* The Nivo Slider styles */
#slider_nivo{ height:479px; overflow:hidden; width:100% !important}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;	top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{ position: absolute;z-index:99; right:24px; top:42px}
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer; text-indent:-5000px; display:block; width:11px; height:11px; margin-left:3px; background:url(../images/buttons.png) no-repeat; float:left;}
.nivo-controlNav a.active { background:url(../images/buttons_active.png) no-repeat}


/* ============================= content ====================== */
#content .box1{ padding-top:13px;}

#content{ width:100%; overflow:hidden; padding-bottom:22px;}

table{width:100%;border-collapse:collapse;}
th{text-align:center; border:1px solid black;}
table,td,tr{border:1px solid black; padding:10px;}
tr:nth-child(even) {
  background-color: #f5f5f5;
}
tr:nth-child(odd) {
  background-color: #d9edf7;
}

table#t01 {
	width: 100%;
	}
table#t01 tr:nth-child(even) {
  background-color: #f5f5f5;
}
table#t01 tr:nth-child(odd) {
  background-color: #d9edf7;
}	
.table1{width:65%;border-collapse:collapse;}

.tabtxt{text-align:left;}
 
.pad_left1{ padding-left:30px;}
.pad_left2{ padding-left:70px;}
.pad_right1{ padding-right:30px;}
.marg_bot1{ margin-bottom:0px;}
.pad_bot1{ padding-bottom:10px;}
.pad_bot2{ padding-bottom:7px;}
.marg_right1{ margin-right:46px;}
.marg_top1{  margin-top:5px;}

.line1{ background:url(../images/line_ver1.gif) 320px repeat-y}
.line2{ background:url(../images/line_ver1.gif) 640px repeat-y}
.line3{ background:url(../images/line_ver2.gif) 266px repeat-y}

.color1{ color:#6ec7d2}

.link1{ color:#245269; font-weight:bold}
.link2{ color:#6ec7d2; font-weight:bold; text-decoration:none}
.link2:hover{ text-decoration:underline}

.button{ display:inline-block; color:#fff; line-height:30px; background:#6ec7d2; padding:0 15px; font-weight:bold; text-decoration:none}
.button:hover{ background:#050505;}

.font1{ font-size:22px; color:#245269; line-height:27px; margin-top:-4px; padding-bottom:0}
.font2{ color:#245269; font-size:12px; line-height:18px; padding-bottom:9px;}

.list1{ /*margin-top:-7px;*/}
.list1 li{ line-height:24px; font-size:12px;}
.list1 li a{ padding-left:10px; background:url(../images/marker_1.gif) 0 5px no-repeat;}

.list2 li{ line-height:20px;}
.list2 li a{ display: inline-block; padding-left:35px; background:url(../images/marker_2.gif) 0 2px no-repeat; text-decoration:none; font-style:italic; font-weight:bold}
.list2 li a:hover{ text-decoration:underline}

.list3 li{line-height:20px; padding-left:10px; background:url(../images/marker_1.gif) 0 7px no-repeat;}

.box2 .list2 li{ line-height:24px; }
.box2 .list2 li a{ font-weight:bold; background:url(../images/marker_3.gif) 0 3px no-repeat}

.box2{ background:#f5f5f5; padding:0 10px 0px 20px}
.box2 h2{ padding:10px 0 14px 0; color:#245269; border-bottom:1px solid #cdcdbc; margin-bottom:21px;}

.cols{ width:232px; float:left;}

.quot{  padding-top:7px;background:url(../images/quot.gif) 200px 5px  no-repeat; font-style:italic}


/*---gallery1 begin ---*/
.carousel-box .inner1{ position:relative; padding-left:19px; }
.gallery1{ width:100% !important;}
.gallery1 li{ position:relative; float:left; width:232px; padding-right:70px; background:url(../images/line_ver2.gif) 267px 0 repeat-y}

.next{ position:absolute; top:36px; right:-27px; background:url(../images/marker_right.jpg) no-repeat; display:block; width:29px; height:40px;}
.prev{ position:absolute; top:36px; left:-27px; background:url(../images/marker_left.jpg) no-repeat; display:block; width:29px; height:40px;}
.next:hover{ background:url(../images/marker_right_active.jpg) no-repeat}
.prev:hover{ background:url(../images/marker_left_active.jpg) no-repeat}

.box3{ background:none; padding:15px 14px; margin-top:5px; margin-bottom:25px;}
.box3 p{ padding-bottom:10px;}
.box3:hover{ background:#f1f2de}


#page1 .grid_3{ padding-right:10px;}
#page2 .marg_bot1{ margin-bottom:61px;}
#page2 .box2{ padding-right:38px;}
#page3 .marg_right1{ margin-right:20px;}
#page3 #content .box1{ padding-bottom:5px;}
#page4 .marg_right1{ margin-right:20px;}
#page4  .grid_15 .list2{ float:left; width:380px;}
#page4  .pad_bot1{ padding-bottom:13px}
#page4  .marg_bot1{ margin-bottom:31px;}
#page4 .box2{ margin-top:73px; padding-right:38px; margin-bottom:11px;}

#page5 figure{ margin-top:15px; margin-right:23px;}
#page5 .cols{ width:175px; padding-right:45px;}
#page5  .marg_bot1{ margin-bottom:62px;}
#page5 .box2{ padding-right:38px;}

#page6 .pad_bot1{ padding-bottom:11px;}
#page6 #content .box1{ padding-bottom:37px;}

/* ============================= footer ====================== */

footer { padding-bottom:40px; font-size:12px; color:#245269; text-transform:uppercase; font-weight:bold;  margin: 0 auto;width:1032px;}
footer .box1{ padding:24px 0 20px 0;}
footer a{ color:#245269;}

#footer_menu{ float:right; padding:1px 0 0 0}
#footer_menu li{ float:left; padding-right:22px; background:url(../images/marker_footer.gif) right 7px no-repeat; margin-right:12px;}
#footer_menu li a{ display:block; font-size:12px; color:#245269; text-decoration:none; text-transform:none; font-weight:normal}
#footer_menu li a:hover{ color:#6ec7d2; text-decoration:underline}
#footer_menu .bg_none{ background:none; padding-right:0; margin-right:0}

/* ============================= forms ============================= */

#ContactForm { width:360px; overflow:hidden; padding-top:1px;}
#ContactForm .wrapper{ min-height:62px;}
#ContactForm .textarea_box{ min-height:187px; width:100%; overflow:hidden;}
#ContactForm a{ margin-left:25px; float:right; margin-top:-2px;}
#ContactForm .input {width:367px; height:15px; background:#fff; padding:15px 14px; margin-bottom:5px;color:#988e68; font:12px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0; width:440px; height:140px; background:#fff; padding:15px 14px; margin-bottom:5px;color:#988e68; font:12px Arial, Helvetica, sans-serif;}


.col_1{ width:360px; float:left;}
.col_2{ width:620px; float:left; background:#f1f1de;}

/* Main menu settings */
#centeredmenu {
   clear:both;
   float:left;
   margin:0;
   padding:0;
   width:70%;
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:absolute;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#centeredmenu ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   top:1px;
}
#centeredmenu ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   font-size:130%;
   line-height:1em;
   background:none;
   text-decoration:none;
   color:#fff;
}
#centeredmenu ul li.active a {
   color:#6ec7d2;
   background:#8a8273;
}
#centeredmenu ul li a:hover {
   background:#8a8273; /* Top menu items background colour */
   color:#6ec7d2;
   border-bottom:1px solid #fff;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#8a8273; /* Top menu items background colour */
   color:#6ec7d2;
   border-bottom:1px solid #fff;
}

/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:100%; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:100%;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#8a8273;
   color:#6ec7d2;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #fff; /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#8a8273; /* Sub menu items background colour */
   color:#6ec7d2;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:inline; /* Show the sub menus */
}