@charset "utf-8";
html, body, 
ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
map, area, 
blockquote, a, span, p, 
form, input, textarea, select, fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
	outline-style: none;
}

img {
	border: none;
	outline-style: none;
}

body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #00404C;
	background-color: #EAE132;
	min-width: 944px;
}

a:link,
a:visited {
	color: #E0DE0C;
	text-decoration: none;
}

a:hover,
a:active {
	color: #E0DE0C;
	text-decoration: underline;
}

img {
	display: block;
}

div.clear {
	clear: both;
}

div.clear2 {
	clear: both;
	display: block;
	height: 0px;
	overflow: hidden;
}

/**
 * Content styles
 */
p, blockquote, table, h1, h2, h3, h4, h5, h6, ul, ol {
	padding-bottom: 15px;
}

p.lead {
	font-size: 14px;
}

/* lists */
ul li ul,
ul li ol,
ol li ol,
ol li ul {
	margin-bottom: auto;
}

/* tables */
table {
	clear: both;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	color: #00404C;
}

h1 {
	font-size: 19px;
	font-weight: normal;
}

h2 {
	font-size: 17px;
	font-weight: normal;
}

h3 {
	font-size: 15px;
	font-weight: bold;
}

h4 {
	font-size: 13px;
	font-weight: bold;
}

h5 {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

h6 {
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
}

/* Forms */
table.form th,
table.form td {
	padding: 2px;
}

input, textarea, select {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	background: #ffffff;
	border:1px solid #CCCCCC;
	color: #000000;
	padding: 2px;
}

input.radio, input.checkbox {
	border: none;
}

input.text {
	width: 95px;
	height: 16px;
}


input.image { padding: 0px; border: none; background: none; }
textarea {
	width: 300px;
	height: 150px;
}

input.submit {
	font-weight:bold;
	color: #FFFFFF;
	background-color: #ff9900; 
}


/**
 * Layout
 */
.wrap { width: 944px; margin: 0 auto; /*background-color: #CC9933;*/ }

/**
 * Top
 */
#top { background-color: #336670; height: 28px; line-height: 28px; }
#top .menu { float: left; }
#top .rightmenu { float: right; }

#top .menu a span { color: #FFFFFF; }

#top .menu a:link,
#top .menu a:visited { display: block; float: left; height: 28px; padding: 0px 15px 0px 23px; 
/*border-right: 1px solid #00404C;*/ border-left: 1px solid #00404C; background: 10px 9px no-repeat url(/gfx/bullet-small.png); }

#top .menu a.active:link,
#top .menu a.active:visited { background: 10px 9px no-repeat url(/gfx/bullet-top-active.png); color: #FFFFFF; }
#top .menu a.active:link span,
#top .menu a.active:visited span { display: none; }

#top .menu a:hover,
#top .menu a:active { text-decoration: none; }

#top .menu a.border0:link,
#top .menu a.border0:visited { border-left: none; }

#top .menu a.language:link,
#top .menu a.language:visited { width: 204px; padding-right: 0px; }

#top .menu a.site:link,
#top .menu a.site:visited { /* width: 370px; margin-left: -1px; */ }

#top .menu a.search img { margin-top: 7px; }
#top .menu a.search:link,
#top .menu a.search:visited { background: none; padding-left: 15px; line-height: 28px; }

#search { float: right; margin-top: 3px; padding-right: 15px; }
#search .input { float: left; background: top left no-repeat url(/gfx/top-search-input.png); padding: 4px 0px 2px 7px; width: 252px; height: 16px; overflow: hidden; }
#search .text { border: 0px; padding: 0px; background-color: transparent; width: 252px; height: 16px; color: #336670; font-weight: bold; word-spacing: 1px; }
#search .image { float: left; }
 
/**
 * Header
 */
#header { background: #FFFFFF; height: 282px; }
#header.front { height: 332px; /*282px;*/ }

#header-img { height: 282px; /*200px;*/ }
#header.front #header-img { height: 332px; /*282px;*/ }

#header .headerwrap { height: 246px; /*164px;*/ }
#header.front .headerwrap { height: 246px; }
#header.front .headerwrapsearch { height: 296px; }

#logo { position: absolute; margin: 47px 0px 0px 783px; display: block; }

#header .frontsearch {
	width: 461px;
	height: 135px;
	position: absolute;
	margin: 145px 0 0 483px;	
}
#header .frontsearch .bg {
	position: absolute;
	z-index: 20;
	width: 461px;
	height: 135px;
	background: 0 0 no-repeat url(/gfx/bg-frontsearch.png);
}
* html #header .frontsearch .bg {
	background: top left repeat url(/gfx/blank.gif);
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/bg-frontsearch.png',sizingMethod='crop');
}
#header .frontsearch .searchform {
	position: absolute;
	z-index: 30;
	width: 461px;
	height: 135px;
}
#header .frontsearch input.text {
	position: absolute;
	top: 76px;
	left: 30px;
	width: 323px;
	height: auto;
	border: 0;
	margin: 0;
	padding: 4px 0 4px 5px;
	background: top left repeat url(/gfx/blank.gif);
	font-size: 13px;
	color: #999999;
}
#header .frontsearch input.image {
	position: absolute;
	top: 75px;
	left: 365px;
	z-index: 30;
}
/**
 * Menu
 */
#menu { background: top left repeat url(/gfx/bg-menu.png); height: 36px; }

#menu a:link,
#menu a:visited { display: block; float: left; height: 25px; padding: 11px 12px 0px 12px; }

#menu a.active:link,
#menu a.active:visited,
#menu a:hover,
#menu a:active { background-color: #E1DE0D; }

/**
 * Contentarea
 */
#contentarea { background-color: #0A4853; color: #FFFFFF; }

/**
 * Footer
 */
#footer { text-align: right; padding-bottom: 40px; }
#footermenu { float: right; }
#footer a:link,
#footer a:visited { display: block; float: left; height: 28px; padding: 8px 12px 0px 12px; }

#footer a:hover,
#footer a:active { }

/**
 * Select language
 */
#select-language { position: absolute; border: 1px solid #003C47; z-index: 300; background: top left no-repeat url(/gfx/bg-select-language.png);
line-height: normal; width: 227px; height: 132px; overflow: hidden; margin: 0px 0px 0px 0px; font-size: 12px; }
#select-language table { margin: 6px 0px 0px 20px; padding: 0px; border: none; }
#select-language a:link,
#select-language a:visited { display: block; padding: 1px 9px 1px 9px; }
#select-language a:hover,
#select-language a:active { background-color: #245A64; color: #FFFFFF; text-decoration: none; }

/**
 * Select site
 */
#select-site { position: absolute; border: 1px solid #003C47; z-index: 300; width: 393px; height: 172px; background: top left no-repeat url(/gfx/bg-select-site.png); 
overflow: hidden; margin: 0px 0px 0px 228px; font-size: 12px; line-height: normal; }
#select-site table { margin: 6px 0px 0px 20px; padding: 0px; border: none; }
#select-site table td { padding-right: 30px; }
#select-site a:link,
#select-site a:visited { display: block; padding: 1px 9px 1px 9px; }
#select-site a:hover,
#select-site a:active { background-color: #245A64; color: #FFFFFF; text-decoration: none; }

/**
 * Chapters
 */
#overlay { background-color: #000000; position: absolute; z-index: 150; width: 100%; }
#chapters { position: absolute; z-index: 200; background-color: #0A4853; /*width: 100%;*/ padding: 30px 0px 20px 20px; }
#chapters .wrap { }


#chapters .leftcol { padding-top: 15px; float: left;  width: 450px; }
#chapters .rightcol { padding-top: 15px; float: left; width: 450px; }

#chapters span.chapter { color: #EAE032; font-size: 11px; line-height: 12px; }
#chapters span.name { color: #FFFFFF; font-size: 14px; }

#chapters a:link,
#chapters a:visited { background: none; padding: 0px; height: auto; width: 430px; display: block; overflow: hidden; }

#chapters a:hover,
#chapters a:active { background-color: #0A4853; text-decoration: none; }

#chapters .clt,
#chapters .clb,
#chapters .crt,
#chapters .crb,
#chapters .content { display: block; }
#chapters .content { padding: 7px 15px 7px 41px; }

#chapters a:link span.clt,
#chapters a:visited span.clt { background: none; }
#chapters a:hover span.clt,
#chapters a:active span.clt { background: top left no-repeat url(/gfx/chapt-corner-lt.png) #336670; }

#chapters a:link span.clb,
#chapters a:visited span.clb { background: none; }
#chapters a:hover span.clb,
#chapters a:active span.clb { background: bottom left no-repeat url(/gfx/chapt-corner-lb.png); }

#chapters a:link span.crt,
#chapters a:visited span.crt { background: none; }
#chapters a:hover span.crt,
#chapters a:active span.crt { background: top right no-repeat url(/gfx/chapt-corner-rt.png); }

#chapters a:link span.crb,
#chapters a:visited span.crb { background: none; }
#chapters a:hover span.crb,
#chapters a:active span.crb { background: bottom right no-repeat url(/gfx/chapt-corner-rb.png); }

#chapters a:link span.content,
#chapters a:visited span.content { background: none; }
#chapters a:hover span.content,
#chapters a:active span.content { background: 12px 13px no-repeat url(/gfx/bullet-chapter.png); }

/**
 * Frontpage
 */
#contentarea.front { padding: 20px 0px 25px 0px; }

#contentarea.front table td { vertical-align: top; }
#contentarea.front .leftcol { font-size: 14px; width: 320px; border-left: 1px solid #336670; border-right: 1px solid #336670; padding: 0px 25px 0px 25px; }
#contentarea.front .centercol { font-size: 14px; width: 254px; border-right: 1px solid #336670; padding: 0px 25px 0px 25px; }
#contentarea.front .rightcol { font-size: 12px; width: 216px; border-right: 1px solid #336670;  
padding: 0px 25px 0px 25px; background: 100% 0px no-repeat url(/gfx/bg-map-front.png); }

/* left column */
#contentarea.front .title { margin-bottom: 15px; }
p.story { background: 0px 9px no-repeat url(/gfx/bullet-pager.png); padding: 0px 0px 0px 25px; font-size: 13px; }
#contentarea.front .leftcol .paddedtext {
	padding-left: 15px;
}

/* center column */
#contentarea.front .centercol a:link,
#contentarea.front .centercol a:visited { 
	display: block; background: 0px 5px no-repeat url(/gfx/bullet-small-pager.png); padding: 0px 0px 0px 15px;
	margin-bottom: 20px; color: #FFFFFF; font-size: 12px; 
}
#contentarea.front .centercol a:hover,
#contentarea.front .centercol a:active { text-decoration: none; }
#contentarea.front .centercol a:hover span.title,
#contentarea.front .centercol a:active span.title { text-decoration: underline; }
#contentarea.front .centercol a:link span.date,
#contentarea.front .centercol a:visited span.date { cursor: pointer; color: #668D94; font-size: 10px; display: block; }
#contentarea.front .centercol a:link span.title,
#contentarea.front .centercol a:visited span.title { cursor: pointer; color: #EAE132; font-size: 14px; display: block; margin: 0; padding: 0; }

#contentarea.front p.readmore { text-align: left; font-size: 14px; background: 0px 5px no-repeat url(/gfx/bullet-small-pager.png); padding: 0 0 0 15px; }
#contentarea.front p.readmore a:link,
#contentarea.front p.readmore a:visited { display: inline-block; font-size: 14px; margin: 0; padding: 0; background: none; color: #E0DE0C; text-decoration: underline; }
#contentarea.front p.readmore a:hover,
#contentarea.front p.readmore a:active { background: none; color: #E0DE0C; text-decoration: none; }

/* right column */
#contentarea.front .rightcol .sites {}
#contentarea.front .rightcol .sites td { /*width: 100px;*/ padding-right: 30px; }

/**
 * Chapter page
 */
/* pager top */
#pager-top { height: 44px; background: top left repeat-x url(/gfx/bg-pager-top.png); font-size: 14px; }
#pager-top .right { float: right; margin-right: 15px; display: inline; line-height: 44px; }

#pager-top span.chapter { color: #EAE032; font-size: 11px; line-height: 12px; }
#pager-bottom span.name,
#pager-top span.name { color: #FFFFFF; font-size: 14px; }

#pager-top a.left:link,
#pager-top a.left:visited { background: 10px 9px no-repeat url(/gfx/bullet-pager.png); float: left; 
height: 38px; padding: 6px 0px 0px 30px; display: inline-block; }

#pager-top a.left:hover,
#pager-top a.left:active { text-decoration: none; }

/* pager bottom */
#pager-bottom { height: 41px; background: top left repeat-x url(/gfx/bg-pager-bottom.png); font-size: 14px; line-height: 41px; }
#pager-bottom .left { float: left; margin-left: 30px; display: inline; }
#pager-bottom .right { float: right; margin-right: 15px; display: inline; }


/* content */
#contentarea.chapter { background: top left repeat-x url(/gfx/bg-chapter.png) #ffffff; color: #00404C; font-size: 14px; } 
#contentarea.chapter .wrap { padding: 30px 0px 70px 0px; }

#contentarea.chapter .leftcol { width: 417px; float: left; padding: 0px 25px 0px 30px; }
#contentarea.chapter .rightcol { width: 417px; float: right; padding: 0px 30px 0px 25px; }

#contentarea.chapter img { border: 3px solid #b5c8cc; }
/* search results */
#contentarea.chapter .searchleft { width: 174px; float: left; padding: 0px 25px 0px 30px; overflow: hidden; }
#contentarea.chapter .searchleft .title { margin-bottom: 40px; }
#contentarea.chapter .searchright { width: 660px; float: left; padding: 35px 30px 0px 25px; }

#contentarea.chapter .sitemap { width: 850px; float: left; padding: 0px 25px 0px 30px; }

ul.small-bullet { list-style: none; margin-left: 20px; color: #0A4752; font-size: 14px; }
ul.small-bullet li { list-style-image: url(../gfx/bullet-small.png); padding: 0px 0px 21px 0px; }
ul.sub1 li { list-style-image: none; padding: 0px 0px 8px 10px; font-size: 13px; }
ul.sub2 li { list-style-image: none; padding: 0px 0px 5px 20px; display: block; font-size: 12px; }
ul.small-bullet a:link,
ul.small-bullet a:visited { color: #0A4752; }
ul.small-bullet a:hover,
ul.small-bullet a:active {}

/**
 * Chapter page with submenu
 */
#contentarea.chapter .submenu { width: 227px; float: left; padding: 0px 45px 0px 0px; overflow: hidden; }
#contentarea.chapter .leftcolsub { width: 306px; float: left; padding: 0px 45px 0px 0px; overflow: hidden; display: inline; }
#contentarea.chapter .rightcolsub { width: 306px; float: right; padding: 0px 15px 0px 0px; overflow: hidden; display: inline; }

/* chapters submenu */
#contentarea.chapter .submenu a:link,
#contentarea.chapter .submenu a:visited { background: none; padding: 0px; height: auto; width: 227px; display: block; overflow: hidden; color: #003F4C; font-size: 13px;
border-bottom: 1px dashed #FFFFFF; margin: 0px; }
#contentarea.chapter .submenu a.first:link,
#contentarea.chapter .submenu a.first:visited { border-top: 1px dashed #FFFFFF; }

#contentarea.chapter .submenu a.active:link,
#contentarea.chapter .submenu a.active:visited,
#contentarea.chapter .submenu a:hover,
#contentarea.chapter .submenu a:active { color: #FFFFFF; text-decoration: none; border: none; margin-bottom: 1px; margin-top: -1px; }
#contentarea.chapter .submenu a.first.active:link,
#contentarea.chapter .submenu a.first.active:visited,
#contentarea.chapter .submenu a.first:hover,
#contentarea.chapter .submenu a.first:active { border-top: none; margin-top: 0px; }

#contentarea.chapter .submenu a.tutorials:link,
#contentarea.chapter .submenu a.tutorials:visited {
	margin-top: 35px;
}

#contentarea.chapter .submenu .top,
#contentarea.chapter .submenu .bottom { display: block; height: 8px; overflow: hidden; }
#contentarea.chapter .submenu .top img,
#contentarea.chapter .submenu .bottom img { border: none; }
#contentarea.chapter .submenu .content { display: block; padding: 0px 15px 0px 32px; }

#contentarea.chapter .submenu a:link span.top,
#contentarea.chapter .submenu a:visited span.top { visibility: hidden; }
#contentarea.chapter .submenu a.active:link span.top,
#contentarea.chapter .submenu a.active:visited span.top,
#contentarea.chapter .submenu a:hover span.top,
#contentarea.chapter .submenu a:active span.top { visibility: visible; }

#contentarea.chapter .submenu a:link span.bottom,
#contentarea.chapter .submenu a:visited span.bottom { visibility: hidden; }
#contentarea.chapter .submenu a.active:link span.bottom,
#contentarea.chapter .submenu a.active:visited span.bottom,
#contentarea.chapter .submenu a:hover span.bottom,
#contentarea.chapter .submenu a:active span.bottom { visibility: visible; }

#contentarea.chapter .submenu a:link span.content,
#contentarea.chapter .submenu a:visited span.content { background: none; }
#contentarea.chapter .submenu a.active:link span.content,
#contentarea.chapter .submenu a.active:visited span.content,
#contentarea.chapter .submenu a:hover span.content,
#contentarea.chapter .submenu a:active span.content { background: 10px 1px no-repeat url(../gfx/bullet-chapter.png) #336670; padding-top: 1px; }

/**
 * Short story
 */
#contentarea.short {}
#contentarea.short .wrap { padding: 20px 0px 40px 0px; }
#contentarea.short h2 { font-size: 16px; color: #EADF32; font-weight: normal; padding-bottom: 5px; padding-top: 15px; }
#contentarea.short .title { margin-bottom: 20px; }

#contentarea.short .leftcol { width: 264px; float: left; padding: 0px 25px 0px 0px; overflow: hidden; display: inline; }
#contentarea.short .centercol { width: 264px; float: left; padding: 0px 25px 0px 25px; overflow: hidden; display: inline; }
#contentarea.short .rightcol { width: 264px; float: left; padding: 0px 52px 0px 25px; overflow: hidden; display: inline; }

#contentarea.short ul.pages { list-style: none; padding-left: 10px; }
#contentarea.short ul.pages li {  } 

#contentarea.short ul.pages a:link,
#contentarea.short ul.pages a:visited { padding: 0px 0px 0px 15px; background: 0px 4px no-repeat url(/gfx/bullet-list.png); text-decoration: underline; }

#contentarea.short ul.pages a:hover,
#contentarea.short ul.pages a:active { text-decoration: none; }

/**
 * Contacts page
 */
#contentarea.contacts {}
#contentarea.contacts hr {
	width: 192px;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
	display: block;
	background-color: #346671;
	border: none;
	text-align: left;/*this will align it for IE*/
	margin: 5px auto 10px 0; /*this will align it left for Mozilla*/
}
#contentarea.contacts .wrap { padding: 20px 0px 40px 0px; }
#contentarea.contacts h2 { font-size: 16px; color: #EADF32; font-weight: normal; padding-bottom: 5px; padding-top: 15px; }
#contentarea.contacts .title { margin-bottom: 20px; }

#contentarea.contacts .leftcol {
	width: 263px; float: left; padding: 0px 25px 0px 0px; overflow: hidden; display: inline;
	border-right: 1px solid #346671; border-bottom: 1px solid #346671;
}
#contentarea.contacts .centercol { width: 264px; float: left; padding: 0px 25px 0px 25px; overflow: hidden; display: inline; }
#contentarea.contacts .rightcol { width: 264px; float: left; padding: 0px 52px 0px 25px; overflow: hidden; display: inline; }

#contentarea.contacts ul.pages { list-style: none; padding-left: 10px; }
#contentarea.contacts ul.pages li {  } 

#contentarea.contacts ul.pages a:link,
#contentarea.contacts ul.pages a:visited { padding: 0px 0px 0px 15px; background: 0px 4px no-repeat url(/gfx/bullet-list.png); text-decoration: underline; }

#contentarea.contacts ul.pages a:hover,
#contentarea.contacts ul.pages a:active { text-decoration: none; }
/*
944

260  50  X 50 X 50

30  417 50 417 30

227  45  306 45 306 15 

264 50 264 50 264 52

*/