@import url(small.css);

/* =BASICS
----------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	color: #000;
	background: #5a5a5a;
	
	} 
	

/* =TYPOGRAPHY
----------------------------------------------- */

p, li, dd {
	margin: 0;
	padding: 0 0 .5em 0;
	}

p.indent {
	text-indent: 2em;
	}

p.last {
	padding-bottom: 1.25em;
	line-height:20px;
	}
	
p.lastindent {
	text-indent: 2em;
	padding-bottom: 1.25em;
	}
	
h1, h2, h3, h4, h5, h6 {
	line-height: 140%;
	margin: 0;
	padding: 0;
	}

h1.last, h2.last, h3.last {
	padding-bottom: .5em;
	}

h4.last, h5.last, h6.last {
	padding-bottom: 1.25em;
	}
	
h1 {
	font-size:	210%;
	color: #14204a;
	padding: 0 0 .1em 0;
	}

h2 {
	font-size: 180%;
	color: #4a2315;
	padding: 0 0 .2em 0;
	}

h3 {
	font-size: 120%;
	color: #14204a;
	padding: 0 0 .2em 0;
	}

h3.sub {
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	color: #14204a;
	margin: -.4em 0 0 0;
	padding: 0 0 .2em 0;
	}
	
h4 {
	font-size: 100%;
	color: #555;
	padding: 0 0 .2em 0;
	}

h5 {
	font-size: 100%;
	color: #000;
	padding: 0 0 .2em 0;
	}
	
p.footerText {
	font-weight: normal;
	color: #222;
	padding-bottom: 12px;
	line-height:125%;
	font-size:14px;
	}

strong {
 color: #14204a;
 font-weight: bold;
 }
 
 .footer a {
 	text-decoration: none;
	color: #222;
	}
	
.footer a:hover {
	text-decoration: underline;
	color: #00f;
	}

/* =DIVS
----------------------------------------------- */

.wrapper {
	background: url(../img/i_bg.jpg) 50% repeat-y;
	position: relative;
	width: 800px;	
	margin: 0 auto;
	padding: 0;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 800px;
	}
	html>body .wrapper { width: 800px; }
	
.content {
	float: left;
	padding: 37px 60px 0 40px;
	width: 580px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 480px;
	}
	html>body .content { width: 480px; }

.nav {
  float: left;
	margin: 0;
	padding: 0 0 0 20px;
	width: 220px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 200px;
	}
	html>body .right { width: 200px; } 

.footer {
	background: url(../img/i_pg_bottom.jpg) bottom no-repeat;
	margin: 0;
	padding: 10px 60px 0 260px;
	float: none;
	clear: both;
	width: 800px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 480px;
	}
	html>body .footer { width: 480px; }

/* =EXTRAS
----------------------------------------------- */

.content ul {
  margin: 0;
	padding: 0 0 0 1.25em;
	}

img.floatR {
	margin: 0 -8px 0 0;
	padding: 0 8px 10px 30px;
	float: right;
	}

img.floatL {
	margin: 0 0 0 -8px;
	padding: 0 20px 10px 0;
	float: left;
	}

div.floatR {
	margin: 0;
	padding: 0;
	float: right;
	}
	
div.floatL {
	margin: 0;
	padding: 0;
	float: left;
	}

div.floatL2 {
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
	}

.content table td {
	vertical-align: top;
	padding-bottom: .5em;
	}

img#fontsize {
	margin: 0;
	padding: 0 0 7px 0;
	}
	
.clear {
	clear: both;
	}
	
#boardMembers img.floatL {
	padding-bottom: 30px;
	}
	
a:visited.link{
color:#112244;
font-size:90%;
}  

a.link{
background-image:url(../img/arrow.png);
background-position:0px 70%;
background-repeat:no-repeat;
padding-left:18px;
font-size:90%;

}




/* =NAVIGATION
----------------------------------------------- */

.nav form {
	padding: 20px;
	}

.nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.nav li {
	display: block;
	margin: 0;
	padding: 0;
	}

.nav li a {
	width: 200px;
	display: block;
	background: transparent;
	margin: 0;
	padding: .3em 0 .3em 20px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 180px;
	}
	
#navheader {
	width: 200px;
	display: block;
	background: #003 url(../img/i_nav_hover.gif) 8px 50% no-repeat;
	margin: 0;
	padding: .3em 0 .3em 20px;
	color: #fffffvf;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 180px;
	}
	
#navheaderb {
	width: 200px;
	display: block;
	background: transparent;
	margin: 0;
	padding: .3em 0 .3em 15px;
	color: #fffffvf;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 185px;
	border-top: 1px solid #6a82a1;
	}

	html>body .nav li a { width: 180px; }
	
.nav li li a {
	width: 200px;
	padding: .3em 0 .3em 30px;
	font-weight: normal;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 170px;
	}
	html>body .nav li li a { width: 170px; }
	
.nav li li li a {
	width: 200px;
	padding: .3em 0 .3em 40px;
	font-weight: normal;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 160px;
	font-style: italic;
	}
	html>body .nav li li li a { width: 160px; }

.nav li a:hover { background: #003 url(../img/i_nav_hover.gif) 8px 50% no-repeat; }

.nav li li a:hover { background: #003 url(../img/i_nav_hover.gif) 8px 50% no-repeat; }

.nav li li li a:hover { background: #003 url(../img/i_nav_hover.gif) 8px 50% no-repeat; }

li#active-section a { background: #6a82a1; }

li#active-section li a { background: transparent; }

.nav li#active-section a:hover { background: #6a82a1 url(../img/i_nav_hover.gif) 8px 50% no-repeat; }

.nav li#prevTraining a:hover { background: #6a82a1 url(../img/i_nav_hover.gif) 8px 50% no-repeat; }

.nav li#active-section li a:hover { background: #003 url(../img/i_nav_hover.gif) 8px 50% no-repeat; }

.nav li a.breakBelow { border-bottom: 1px solid #6a82a1; }

.nav li a.breakAbove { border-top: 1px solid #6a82a1; }

.nav li a.breakAboveBelow { border-bottom: 1px solid #6a82a1; border-top: 1px solid #6a82a1; }




/* =EVENT BUTTONS
----------------------------------------------- */
ul#buttons{
clear:left;
position:relative;
list-style-type:none;
width:435px;
margin: 0 auto;
margin-bottom:80px;
}

ul#buttons li#brochure a{
background:url(../img/button-brochure.png) repeat scroll left top;
display:block;
height:64px;
left:5px;
position:absolute;
text-indent:-9999px;
top:0px;
width:130px;
outline:none;
}

ul#buttons li#brochure a:hover{
background-position:left bottom;
}


ul#buttons li#register a{
background:url(../img/button-register2.png) repeat scroll left top;
display:block;
height:64px;
left:162px;
position:absolute;
text-indent:-9999px;
top:0px;
width:130px;
outline:none;
}

ul#buttons li#register a:hover{
background-position:left bottom;
}

ul#buttons li#information a{
background:url(../img/button-information.png) repeat scroll left top;
display:block;
height:64px;
right:5px;
position:absolute;
text-indent:-9999px;
top:0px;
width:130px;
outline:none;
}

ul#buttons li#information a:hover{
background-position:left bottom;
}

ul#buttons li#purchase a{
background:url(../img/button-purchase.png) repeat scroll left top;
display:block;
height:64px;
left:162px;
position:absolute;
text-indent:-9999px;
top:0px;
width:130px;
outline:none;
}

ul#buttons li#purchase a:hover{
background-position:left bottom;
}