@import url(base.css);
/* Default Stylesheet */
.HideFromScreen {
  position: absolute;
  top: -10000px;
}
.clear {
  clear: both;
}

html {
  background: #006699 url(images/html_bg.jpg) repeat-x 50% -6px;

}

body {
  margin: 0;
  padding: 0;
  text-align: center;
}

a img {
  border: 0;
}


/* Main Containers */
div {
  margin: 0;
  padding: 0;
}
div#wrapper {
  width: 1000px;
  padding: 0;
  margin: 0 auto;
  text-align: left;
  position: relative;
  background: url(images/section_bg.png) repeat-y 90px 0;
}


/* Section */
div#section {
	padding: 0;
	margin: 0;
}

/* Header */
div#header {
	height: 245px;
}

div#banner {
	width: 760px;
}

div#header div#banner div.inner a img {
	position: absolute;
	top: -245px;
	left: 775px;
	z-index: 1000;
}

div#banner img {
  display: block;
  position: absolute;
  top: 0;
  left: 100px;
}

/* Footer */

div#footer {
  clear: both;
  padding: 0 100px;
  margin: 0;
  color: #fff;
  height: 115px;
  font-size: 0.9em;
  text-decoration: none;
  	background: #006699 url(images/footer_right_end.png) no-repeat 397px 0;
}
div#footer ul {
    margin: 0 0 0 -10px;
    padding: 18px 30px 20px 20px;
    text-align: right;
  	background: url(images/footer_left_end.png) no-repeat 0 0;
}
div#footer li {
  	list-style-type: none;
 	 display: inline;
 	 padding: 0 8px;
 	 margin: 0;
}
div#footer li div.navitem,
div#footer li div.navitem h2 {
	display: inline;
}
div#footer li a {
	color: #fff;
	font-size: 0.9em;
	font-style: italic;
}

div#footer p {
  clear: both;
  padding:  5px 0 0 0;
  margin: 0;
  color: #fff;
}
div#footer address,
div#footer p#telephone,
div#footer p#mobile,
div#footer p#fax,
div#footer p#email {
	display: inline;
	font-size: 0.85em;
	text-decoration: none;
	font-style: normal;
	padding: 0 10px 0 0;
}
div#footer a {
    text-decoration: none;
    font-weight: normal;
    color: #fff;
}
div#footer a:hover {
    color: #fff;
    text-decoration: underline;
}
div#footer p#designedby {
	padding-top: 9px;
	text-align: right;
	margin-right: 50px;
}
div#footer p#copyright {
	position: absolute;
	left: 100px;
	bottom: 13px;
}





/* breadcrumb trail */
div#breadcrumbs {
    float: right;
    width: 660px;
    margin: 0;
    padding: 40px 10px 10px 0;
    text-align: right;
}
div#breadcrumbs ul {
  margin: 0;
  padding: 0;
}
div#breadcrumbs li {
  display: inline;
  list-style: none;
  font-size: 0.8em;
  color: #000;
  margin: 0;
  padding: 0;
  font-style: italic;
}
div#breadcrumbs li a {
  padding-right: 8px;
  color: #000;
  text-decoration: none;
  text-transform: capitalize;
  font-weight: normal;
}
div#breadcrumbs li a:hover {
  color: #000;
  background-position: 100% -19px;
}

/* Search page */
form#searchform {
  margin: 10px;
}
form#searchform input#q {
  width: 64%;
}
form#searchform input.button {
  width: 32%;
  margin-left: 2%;
}
div#searchnavigation {
  height: 26px;
}
div#searchnavigation div.info {
  float: left;
  font-size: 0.75em;
  padding: 5px 10px;
}
div#searchnavigation div.controls {
  float: right;
  padding: 0 4px;
}
div#searchnavigation div.controls form {
  display: inline;
}


/* Main site navigation */
div#nav {
  position: absolute;
  top: 245px;
  left: 0;
  right: 0;
  background: url(images/menu_bg.png) repeat-x 0 -1px;
  padding: 0 0 0 100px;
  
}
* html div#nav {
	width: 100%;
}
div#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#nav li {
  float: left;
  padding: 0;
  margin: 0;
}
* html div#nav li {
}

div#nav ul li a {
  color: #fff;
  display: block;
  float: left;
  height: 21px;
  line-height: 1em;
  padding: 10px 15px 2px 15px;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
  font-style: italic;
  border-right: 1px solid #ccc;
}
div#nav ul li.active a {
    color: #fff;
    background-color: #0f364b;
}
div#nav ul li a:hover {
    color: #fff;
    background-color: #0f364b;
}

div#nav ul li.active li,
div#nav ul ul li {
	display: none;
}
div#nav ul ul ul {
  position: absolute;
  left: 160px;
  top: 0;
}

div#nav li ul,
div#nav li:hover ul ul,
div#nav li li:hover ul ul,
div#nav li li li:hover ul ul
{ display: none; }

div#nav li:hover ul,
div#nav li li:hover ul,
div#nav li li li:hover ul
{ display: block; }



/* in-page Search */
div#search {
	position: absolute;
	top: 190px;
	left: 795px;
	background: url(images/search_tab.png) no-repeat 0 0;
	width: 215px;
	padding: 30px 0;
}
div#search p label {
	display: none;
}
div#search p {
	padding: 0 30px;
	line-height: 1.2em;
}
div#search #searchbox {
	width: 110px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background-color: #21506c;
	border: none;
}


/* content */
div#content {
	width: 860px;
}

/* article */
div#article {
  float: right;
  width: 510px;
  margin: 0 100px 0 0;
  padding: 10px 0;
  min-height: 1000px;
}
* html div#article {
  height: 1000px;
  margin: 0 10px 0 0;
}
div#article p {
	font-size: 0.8em;
}
div#article img#pic0 {
	display: none;
}


/* aside */
div#aside {
  float: left;
  width: 213px;
  padding: 0;
}

div#aside h3 a,
div#topsearches h3 {
    display: block;
    margin: 0;
    color: #fff;
}
div#aside h3 a:hover {
  color: #fff;
  background-color: #333;
}
div#aside p {
}
div#aside a.more-link {
}
div#aside h3, div#aside h2 {
    font-size: 118%;
    letter-spacing: 0px;
    line-height: 1em;
    color: #fff;
    font-weight: bold;
}
div#aside div.navitem {
    padding: 8px 0;
    border-bottom: 1px dotted #e68c90;
}
div#topsearches {
	margin-top: 80px;
    background: url(images/aside_bottom.png) no-repeat 50% 100%;
	padding-bottom: 25px;
}
div#topsearches h3 {
	padding: 25px;
	background: url(images/aside_top_v2.png) no-repeat 0 0;
}
div#topsearches ol {
	margin: 0;
	padding: 0 2.6em;
}
div#topsearches li {
	color: #fff;
}
div#topsearches li a {
	color: #fff;
	font-weight: normal;
}
div#topsearches li a:hover {
	text-decoration: underline;
}

/* Menu 3 */

div#menu3 {
  position: absolute;
  top: -10px;
  right: 0;
}
div#menu3 ul {
  margin: 0;
  padding: 0;
  text-align: right;
  font-weight: bold;
  font-size: 0.9em;
}
div#menu3 li {
  list-style-type: none;
  display: inline;
  margin-right: 10px;
  text-transform: lowercase;
}
div#menu3 li a { color: #666; }
div#menu3 li a:hover { color: #000; }
div#menu3 div.navitem {
  border: none;
}
div#menu3 li.pointer a { 
	background: url(morearrow.png) 0 1px no-repeat; 
	padding: 0 0 5px 10px; 
}
div#menu3 li.pointer a:hover { 
	background: url(morearrow.png) 0 -26px no-repeat; 
}


/***********  Links - bar on the right  *************/



div#specificmenu {
	position: absolute;
	top: 278px;
	left: 795px;
	background: url(images/links_tab.png) no-repeat 0 0;
	padding: 75px 0 0 0;
}
div#specificmenu div.navitem {
	padding: 0;
	margin: 0;
	width: 215px;
	height: 147px;
	border: none;
    background: url(images/links_bg.png) no-repeat 0 0;
}
div#specificmenu div.navitem h3 a {
	color: #21506c;
	font-style: italic;
	font-size: 0.9em;
}
div#specificmenu div.navitem h3 a:hover {
	background-color: #fff;
}

div#specificmenu div.navitem h2 {
	color: #21506c;
	font-style: italic;
}
div#specificmenu div.navitem div.left {
	width: 80px;
	padding: 25px 5px;
	margin: 0 0 0 20px;
}
* html div#specificmenu div.navitem div.left {
	margin: 0 0 0 8px;
}

div#specificmenu div.navitem div.right {
	float: right;
	width: 80px;
	margin: 0 20px 0 0;
	padding: 20px 0;
}

* html div#specificmenu div.navitem div.right {
	margin: 0 7px 0 0;
}

div#specificmenu div.navitem div.right img {
	float: right;
	margin: 0;
	padding: 0;
}

div#specificmenu div.navitem img {
	margin: 25px 0 0 22px;
}





/* Page menu */
div#pagemenu {
  	position: absolute;
  	top: 328px;
  	left: 0;
  	width: 213px;
    background: url(images/aside_bottom.png) no-repeat 50% 100%;
  	padding-bottom: 25px;
}
div#pagemenu ul {
    margin: 0;
    padding: 0;
}

div#pagemenu li {
  padding: 0;
  margin: 0;
  list-style: none;
  background: url(images/aside_top_v2.png) no-repeat 0 0;
}
div#pagemenu li ul {
  	margin-top: 1px;
}
/****** SHOP ********/

div#pagemenu li.T14 {
  background-image: url(images/aside_top_shop.png);
  text-indent: -1000px;
}
div#pagemenu li.T14 ul {
	background: url(images/aside_bottom_shop.png) no-repeat 50% 100%;
  	padding-bottom: 90px;
  	
}


/****** About ********/

div#pagemenu li.T6 {
  background-image: url(images/aside_top_about.png);
  text-indent: -1000px;
}

/****** News ********/

div#pagemenu li.T2 {
  background-image: url(images/aside_top_news.png);
  text-indent: -1000px;
}

/****** Gallery ********/

div#pagemenu li.T1 {
  background-image: url(images/aside_top_gallery.png);
  text-indent: -1000px;
}
/****** Links ********/

div#pagemenu li.T7 {
  background-image: url(images/aside_top_links.png);
  text-indent: -1000px;
}

/****** Info Pages ********/

div#pagemenu li.T25 {
  background-image: url(images/aside_top_info.png);
  text-indent: -1000px;
}


/****** Contact Us ********/

div#pagemenu li.T8 {
  background-image: url(images/aside_top_contact_us.png);
  text-indent: -1000px;
}

div#pagemenu li li { 
  background: url(images/pagemenu_background.png) no-repeat 50% 0;
  text-indent: 0 ;
}

div#pagemenu li a {
    color: #fff;
	line-height: 4.6em;
    padding: 0 3px 0 25px;
    display: block;
    text-decoration: none;
    font-size: 1.15em;
	font-weight: normal;
}

div#pagemenu li li a {
	line-height: 1.7em;
    margin: 0 10px 0 11px;
    padding: 0 3px 0 10px;
}
div#pagemenu li li li a {
	padding-left: 30px;
}
div#pagemenu li li a:hover {
    background-color: #21506c;
}
div#pagemenu li li.active a {
	background-color: #0f364b;
}
div#pagemenu li li.active a:hover {
    background-color: #21506c;
}

div#pagemenu li.active li.active a,
div#pagemenu li.active li.active li.active a,
div#pagemenu li.active li.active li.active li.active a {
}
div#pagemenu li.active li a,
div#pagemenu li.active li.active li a,
div#pagemenu li.active li.active li.active li a {
}

/* Files */
div#files {
  margin: 8px 0;
  padding-left: 23px;
}
div#files ul {
  margin: 0;
  padding: 0;
}
div#files ul a {
  display: block;
}
div#files ul a:hover {
}
div#files li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Flash element for homepage */
div.flash {
}
div.flash object a {
  display: block;
  width: 100%;
  line-height: 100px;
  height: 100px;
  text-align: center;
}
div.flash object a img {
  vertical-align: middle;
}

/* General definition list  */
dl {
  padding: 2px 10px;
  margin: 0;
}
dt {
  font-weight: bold;
}
dd {
  padding: 1px 0;
  margin: 0 10px;
}
dd.icons {
  text-align: center;
}
/****** Pages *******/

div#pages {
	margin-top: 20px;
    border-bottom: 1px dashed #ccc;
}
div#pages p {
  font-size: 0.7em; 
}
div#pages h2 {
	font-size: 0.95em;
	font-style: italic;
}

div#pages a.image {
	display: block;
	position: relative;
	width: 160px;
	height: 160px;
}
div#pages a.image img {
	position: absolute;
	top: 80px;
	left: 80px;
}
div#pages a.image {
	background-color: #fafafa;
}

div#pages a.image:hover {
	background-color: #d3dde2;
}
/* Associations */
div.association {
  position: relative;
  padding-bottom: 2px;
}
div.association h2 {
	padding-top: 0;
	padding-bottom: 0;
}

div.association h2 a {
  color: #666;
  font-size: 0.9em;
  text-decoration: none;
}
div.association h2 a:hover {
	color: #2ca4a4;
}
div.association p {
	font-size: 0.8em;
}


/* Two Column Layout */
div.two-cols {
}
div.two-cols div.column {
  float: left;
  width: 275px;
  margin: 0;
  padding-left: 10px;
}
div.two-cols div.left {
  padding-left: 0;
}
div.two-cols div.right {

}

/* Three Column Layout */
div.three-cols {
}
div.three-cols div.column {
  float: left;
  width: 160px;
  margin: 0 0 10px 0;
  padding-left: 10px;
}
div.three-cols div.left {
  padding-left: 0;
}
div.three-cols div.right {

}


/* Four Column Layout */
div.four-cols div.column {
  float: left;
  width: 120px;
  margin: 0;
  padding-left: 8px;
}
div.four-cols div.left {
  padding-left: 0;
}


/* navitem */
div.navitem {
  position: relative;
}
div.navitem h3 a {
  text-decoration: none;
}
div.imgleft div.left {
  position: absolute;
  left: 0;
}
div.imgleft div.right {
  padding-left: 85px;
}

div.imgright div.right {
  position: absolute;
  right: 0;
}
div.imgright div.left {
  padding-right: 85px;
}


/* Form styles for contact forms */
form#contact { 
  padding: 5px 0;
  font-size: 0.75em;
  color: #000;
}
form#contact p { padding: 2px 4px; }
form#contact input, 
form#contact textarea, 
form#contact select {
    font-family: "Arial";
    font-size: 12px;
}

form#contact span.form_req { color: red; }
form#contact input.form_text, form#contact textarea.form_textarea {
  width: 240px;
  margin: 2px 0;
}
form#contact textarea.form_textarea {
  height: 120px;
}
form#contact label.form_fieldreq, form#contact label.form_field {
  display: block;
  float: left;
  clear: both;
  width: 120px;
  text-align: right;
  padding: 4px 4px 0 0;
}
/* begin IE < 7 doubled float margin bug fix */
* html form#contact label.form_fieldreq, * html form#contact label.form_field {
  display: inline;
}
/* end IE < 7 */

form#contact select {
  margin: 2px 0;
}

form#contact input.form_submit {
  margin: 8px 0 8px 124px;
}

form#contact div.form_ok {
  clear: both;
  border-width: 0 4px;
  border-style: solid;
  border-color: transparent;
}
form#contact div.form_alert {
  clear: both;
  border-width: 0 4px;
  border-style: solid;
  border-color: #009999;
}
form#contact div.form_alert input,
form#contact div.form_alert select,
form#contact div.form_alert textarea {
  background-color: #fee;
}
form#contact span.form_fieldmsg {
  display: block;
  text-align: center;
  font-weight: bold;
}