/*
	CSS Style Definitions for 
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
html, body{ margin:0; padding:0; font: 0.9em Arial, Helvetica, sans-serif; text-align:center; }
#page{ width:840px; background: url("images/master-top.gif") no-repeat top left; text-align:left; margin:0 auto;  }
#page-container{ width:840px; float:left; background: url("images/master-middle.gif") repeat-y top left; margin-top: 80px; }
#margins{ width: 722px; float:left; margin: 0 0 0 52px; position:relative; top: -30px; }
* html #margins{ margin: 0 0 0 26px; }
	#header{ width:722px; float:left; background:url("images/bg-header.gif") no-repeat; height:105px; position:relative; margin-bottom: 12px }
		#header a{ position:absolute; width:242px; height:80px; top: 16px; left:12px; }
		#header p{ position:absolute; right: 20px; bottom: 16px; margin:0; font-size:110%; }
	#right-content{ width: 722px; float:left; clear: both; }
		#navigation{ width: 150px; float:left;}
		#center{ width:395px; float:left; background: url("images/round-small-top.gif") no-repeat; padding-top:22px; }
			#center-content{ padding: 0 30px; width:335px; float:left; background: url("images/round-small-middle.gif") repeat-y; }
#center-content p a {color:#7dbee7; text-decoration:underline;}
		#right-side{ width: 146px; float:left; margin-left: 30px; }
		#right-wide{ width:568px; float:left; background: url("images/rounded-wide-top.gif") no-repeat; padding-top:22px; }
			#content{ padding: 0 30px; width:508px; float:left; background:url("images/rounded-wide-middle.gif") repeat-y; }
	#footer{ width: 840px; float:left; background:url("images/master-bottom.gif") no-repeat; padding-top: 24px; color:#4b4b4b; font-size:80%; position:relative; top:-30px; font-family: Verdana, sans-serif; }
		#footer p a{ color: #4b4b4b; text-decoration: none; }
		#footer p.fl{ margin: 20px 0 12px 58px; }
		* html #footer p.fl{ margin-left: 29px; }
		#footer p.fr{ margin: 20px 70px 12px 0; }
		* html #footer p.fr{ margin-right: 35px; }
#footer a:hover {text-decoration: underline }

/* site wide elements */
.inside{ padding:9px 5px; }
#right-content, #center-content{ min-height: 276px; _height: 276px; }


/* main navigation */
#navigation ul{ margin:5px 0 0 22px; padding:0; list-style:none; }
#navigation ul li{ font-size:110%; margin-bottom:8px; padding:0; }
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited{ color:#7dbee7; text-decoration:none; }
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a.on{ color:#1b557b; }
/* end main navigation */


/* sub navigation */
#navigation ul.subnav {font-size:85%;margin-left:10px;padding-left:0px;}
#navigation ul.subnav li{margin-bottom:5px;}
#navigation ul.subnav li.bullet {background: url("images/bullet.gif") 0px 5px no-repeat; padding-left:13px;}
#navigation ul.subnav li a {padding-left:0px}
#navigation ul.subnav li a:hover {color: #1b557b;}
/* end sub navigation */

#content a {color:#7dbee7; text-decoration:underline;}

#content ul li a, #content ul li a:link{ color:#7dbee7; text-decoration:none;}
#content ul li a:hover, #content ul li a:active, #navigation ul li a.on{ color:#1b557b; }

#navigation ul li a:hover, #right-wide #content a:hover, #center-content a:hover{color:#1b557b}

h1{ font-size:140%; margin:0 0 12px 0; color:#7dbee7; font-weight:normal}
h2{ font-size:120%; margin:10px 0 12px 0; color:#5f5f5f; font-weight:normal;}
h3 { font-size:100%; margin:0 0 0px 0; color:#5f5f5f; font-weight:bold;text-transform:uppercase}
h4 { font-size:90%; margin:0 0 7px 0; color:#5f5f5f; font-weight:bold;}
h4 a { color:#7dbee7; text-decoration:underline;}
p{ margin:0 0 12px 0; font-size:90%; color:#5f5f5f;}
#content ul li{ font-size:90%; color:#5f5f5f;line-height:20px}
#center p, #right-wide p{ line-height: 150%; margin: 0 0 5px 0}


hr {border-top:1px dashed #ccc;margin:10px 0}

div.bluebox{ background-color:#a3cbed; }
div.bluebox h1{ color:#0086d1; margin: 0 0 6px 0; font-weight:normal; font-size:110%; }
div.bluebox p{ margin: 6px 0 0 0; }
div.bluebox p a{ color:#5f5f5f; }

div.boxa{  margin-bottom: 26px; }
div.boxa{  margin-bottom: 26px; }

div.boxa p{ padding: 0 10px; font-size: 85%; }
div.boxb p{ padding: 0 10px; font-size: 85%; }
div.boxb h1{ padding: 0 10px; }

ul.events{ margin:0; padding:0; list-style:none }
ul.events li{ margin:0 10px 4px 10px; padding:0; font-size:85%; color:#535354; }



/* clearing floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 0 16px; clear: right; }

/* Table */
.table{width:470px;border:1px solid #ccc; border-width:1px 1px 0 1px;text-align:left:}
.table th{color:#fff;background-color:#7dbee7;font: normal bold 15px arial,verdana,sans-serif;line-height:120%;border:1px solid #ccc;border-width:0 0px 1px 0;text-align:left;padding-left: 5px}
.table td{color:#5F5F5F;padding:4px;font: normal normal 11px verdana,sans-serif;line-height:150%;border:0px solid #ccc;border-width:0 0 1px 0;text-align:left;}
.table td h3,{margin-bottom:4px;padding:0;text-transform:none;color:#7dbee7;font: normal normal 18px arial,sans-serif}
.table td h4{margin-bottom:6px;padding:0;color:#aaaaaa;font: normal bold 14px arial,sans-serif}
.table td.book {border:0px solid #ccc;border-width:0 1px 1px 0px;text-align:center;}

/* Gallery */

/* Gallery */


.loadingtxt{
	font-family:verdana, arial, helvetica;
	font-size:8pt; font-style:normal; font-weight:normal;text-decoration:none; 
}

.small{
	font-family:arial, helvetica;
	font-size:8pt; font-style:normal; font-weight:normal;color:#000000; text-decoration:none;
}


.thumbstable td{
	font-family:arial, helvetica;
	font-size:8pt; font-style:normal; font-weight:normal;color:#000000; text-decoration:none;padding:0 8px 4px 0; 
}

select {font-size:11px;}