html { background-color: #00275B; height:100%; }
body { background-image: url('../images/bodygradient.jpg'); background-repeat: repeat-x; height:100%; padding: 0; margin:0; 
		font-family: Arial, Helvetica, Verdana; color: #666666; font-size: 12px; line-height: 18px; }

#outer { width:979px; margin: auto; background-image: url('../images/outerbkg.jpg'); min-height: 800px;  }
#top { background-image: url('../images/top.jpg'); height: 40px; }

#logomiddle { float:left; width: 280px; height: 191px; background-image: url('../images/logomiddle.jpg'); background-position: left top;
		background-repeat: no-repeat; }
#newsletter { float: right; width: 246px; height: 191px; background-image: url('../images/newsletterbkg.jpg'); background-position: left top;
		background-repeat: no-repeat; }
#newsletter p { width: 150px; margin: 10px 0 0 30px; color: #1D6570; font-size: 11px; }		

#introtext { margin: 10px 282px 0 280px; height: 141px; }

#inner {  }

#menu { width: 280px; float: left; }
#logobottom { background-image: url('../images/logobottom.jpg'); background-position: left top; height: 97px;
		background-repeat: no-repeat; }
		
#content { margin: 0px 50px 40px 280px; }

/* default template */ 

#left { float:left; width: 280px; padding-bottom: 30px; }

#logomiddle2 { height: 191px; background-image: url('../images/logomiddle.jpg'); background-position: left top; background-repeat: no-repeat; }

#right { float: right; width: 246px; }
#newsletter2 { height: 191px; background-image: url('../images/newsletterbkg.jpg'); background-position: left top; background-repeat: no-repeat; }
#newsletter2 p { width: 150px; margin: 10px 0 0 30px; color: #1D6570; font-size: 11px; }
#middle { margin: 0 262px 0 280px; padding: 45px 0 30px 0;}

/* Links and texts */

h1 { font-size: 26px; line-height: 45px; color: #E31B16; margin: 0; padding: 0; }
h2 { font-size: 18px; line-height: 30px; color: #368184; margin: 0; padding: 0; }
h3 { font-size: 14px; line-height: 18px; color: #666666; text-transform: uppercase; margin: 0; padding: 0; }
h4 { font-size: 14px; line-height: 18px; color: #49B8D9; text-transform: uppercase; margin: 0; padding: 0; }

/* main menu */

ul#main-menu { margin: 0 0 0 60px; padding: 0; list-style: none; width: 170px; }
ul#main-menu li { margin: 0; padding: 0; list-style: none;}
ul#main-menu li a { padding-left: 3px; height: 29px; display:block; text-decoration: none; text-transform: uppercase; font-size: 13px; line-height: 29px; color: #0E5154; border-bottom: 1px solid #1F8663; }
ul#main-menu li a:hover, ul#main-menu li.sel a { color: #FFF; font-weight: bold; }

ul#main-menu li ul.childmenu { display: none; padding: 0; margin: 0; list-style-type: none; }
ul#main-menu li.sel ul.childmenu { display: block; }
ul#main-menu li ul.childmenu li a { padding-left: 15px; height: 29px; display:block; background-color: #2FAFD5; text-decoration: none; text-transform: none; font-size: 11px; line-height: 29px; color: #0E5154; border-bottom: 1px solid #1F8663; }
ul#main-menu li ul.childmenu li a:hover, ul#main-menu li ul.childmenu li.sel a  { text-decoration:underline; font-weight: bold; }

ul#main-menu li#about a { border:none; }

/* images and links */

a img { border:none; }
a, a:visited { color: #49B8D9; text-decoration: none; }
a:hover { text-decoration: underline; }

/* photogallery */

.gallery { width: 400px; }
.photo {width: 120px; height:90px; border: solid 1px #49B8D9; margin:5px; float:left;}
.photo a { }
.photo img { margin: auto; display:block; }

/* fader */

.image-fader { margin: 30px 0 0 57px; }
.image-fader .fader-image { display:block; width:190; margin: auto; text-align:center; }
.image-fader .fader-image img {  }

/* top menu */

ul#submenu { margin: 0 0 0 267px; padding: 0; list-style: none; background-repeat: no-repeat; height: 40px; }
ul#submenu li { margin: 0; padding: 0; list-style: none; display: block; float: left; }
ul#submenu li a { display: block; background-image: url('../images/submenu.jpg'); height: 40px; }
ul#submenu li a:hover { background-image: url('../images/submenu-sel.jpg'); }
ul#submenu li a span { display:none; }

ul#submenu li#training a { width: 205px; }
ul#submenu li#snapstar a { background-position: -205px 0px; width: 260px; }

/* Newsletter */

.mailer-subscription { width: 150px; margin: 10px 0 0 30px; }
.mailer-subscription .field { margin-bottom: 5px; color: #1D6570; font-size: 11px; }
.mailer-subscription .input input { width: 150px; }
.mailer-subscription .submit input { background: none; border:none; color: #49B8D9; font-weight: bold; text-transform: uppercase; text-align: left; padding: 0; font-size: 12px; }