/*
---------------------------------------------------------------------------
Copyright Stefano Gardinale, http://www.magritte.it/
http://creativecommons.org/licenses/by-sa/2.0/

Used and modified with thanks by Damian Semonin, Monstervision Web Design.
---------------------------------------------------------------------------
*/

body {
font-size: 81%;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #fff;
}

IMG {
border: 0px;
}

#banner {
background-color: #B31A1A;
margin-bottom: 0;
height: 150px;
/**height: 50px;*/
padding-top: 25px;
/**padding-top: 100px;*/
}

#banner p {
font: bold 2.0em "Trebuchet MS", "Lucida Console", sans-serif;
letter-spacing: -0.05em;
color: #fff;
}

#banner p:first-letter {
font: bold 4.0em "Trebuchet MS", "Lucida Console", sans-serif;
color: #F0B372;
/*margin-right: -0.125em;*/
}

#banner img {

}
/*#nav-toplevel {max-width: 56.0em;}*/

#logo {
position: absolute;
top: 15px;
left: 10px;
width: 200px;
height: 100px;
/*top: 15px;
left: 410px;
width: 150px;
height: 100px;*/
}

.banner {
position: absolute;
top: 15px;
left: 230px;
width: 400px;
height: 100px;
/*top: 15px;
left: 410px;
width: 150px;
height: 100px;*/
}
/* ------- NAV META  -------  */

#nav-meta {
font-size: 1.0em;
line-height: 1.2em;
font-variant: small-caps;
position: absolute;
top: 1.0em;
right: 1.0em;
width: 15.0em;
padding: 0;
color: #fff;
background: transparent;
}

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

#nav-meta li {
list-style: none;
margin: 0;
padding: 0;
}

#nav-meta ul li a:link, #nav-meta ul li a:visited {
text-decoration: none;
color: #fff;
background: transparent;
padding-left: 0.5em;
display: block;
border-bottom: 1px solid #ececec;
width:170px;
}

#nav-meta ul li a:hover, #nav-meta ul li a:active, #nav-meta ul li a:focus {
border-bottom: 1px solid #D52E2E;
color: #D52E2E;
background: #F7D9AF;
display: block;
width:180px;
}

/* ------- MAIN NAVIGATION  -------  */

#nav-toplevel {
width: 100%;
background: transparent;
}

#nav-main {
background: transparent;
margin: 0;
padding: 0;
font: bold 1.1em "Trebuchet MS", georgia, serif;
font-variant: small-caps;
}

#nav-main:after {
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

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

#nav-main li {
display: block;
float: left;
/*width: 13%;*/
width: 165px;
margin: 0 0.8% 0 0;
/**margin: 0 0 0 0;*/
padding: 0;
}

#nav-main ul li a:link, #nav-main ul li a:visited {
display: block;
width: 100%;
padding: 6px;/*0.3em*/
border-right: solid 1px #B31A1A;
border-bottom: solid 1px #B31A1A;
color: #345678;
text-decoration: none;
text-align: center;
}

#nav-main li a {
/*width: auto;*/
}

#nav-main ul li a:hover {
color: #fff;
background: #B31A1A;
}

#nav-main ul li a.current {
color: #fff;
background: #B31A1A;
}

#container {
max-width: 66.0em;
clear: both;
width: 100%;
margin: 1.5em auto 0 0;
}

#content {
width: 73%;
/**width: 52%;*/
padding: 1.0em 1.5em 1.0em 1.5em;
margin: 0;
float: left;
border-right: solid 1px #C90000;
color: #4F4F4F;
}

.subtitle {
	font: bold 1.3em "Trebuchet MS", arial, sans-serif;
	padding: 0 0.5em;
	color: #900;
	/*border-bottom: solid 2px #900;*/
}

/* ------- SUB NAVIGATION  -------  */
#nav-subs {
float: left;
width:170px;
margin: 0;
padding: 0;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 0.9em;
}
#nav-subs ul {
	border-top: solid 1px #900;
	border-bottom: solid 1px #900;
}

#nav-section ul {
border-top: solid 1px #900;
list-style: none;
border-bottom: solid 1px #900;
margin: 0;
padding: 0;
}

#nav-section li a:link, #nav-section li a:visited {
display: block;
border-bottom: solid 1px #ddd;
border-right: solid 0.9em #F4C6A1;
padding: 0.125em 1.0em;
color: #777;
text-decoration: none;
width:136px;
}

#nav-section li a:hover, #nav-section li a:active, #nav-section li a:focus {
background: #FFFFCC;
border-right: solid 0.9em #900;
color: #900;
}


/* ------- SUB SUB NAVIGATION  -------  */
.nav-supp {
margin: 1.0em 0 1.0em 0;
padding: 0;
width:172px;
}

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

.nav-supp li a:link, .nav-supp li a:visited {
display: block;
border-bottom: solid 1px #ddd;
border-left: solid 0.9em #F7D9AF;
padding: 0.125em 1.0em;
color: #777;
text-decoration: none;
width:136px;
text-align: right;
}

.nav-supp li a:hover, .nav-supp li a:active, .nav-supp li a:focus {
background: #F7D9AF;
border-left: solid 0.9em #900;
color: #900;
}

#footer {
margin: 0.5em 0;
padding: 1.0em 4.5em;
font-size: 0.8em;
clear: both;
border-top: solid 1px #C90000;
}

#info {
display: inline;
}


/* ------- GENERAL TAGS  -------  */

h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", georgia, times, "Times New Roman", serif;
letter-spacing: -1px;
margin: 0.5em 3.0em 0.5em 0;
}

#content * {
margin: 0;
}

#content p, #content ol, #content ul {
font-size: 1.0em;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
line-height: 1.9em;
margin: 0.5em 2.0em;
text-align: justify;
}

blockquote {
margin: 0;
padding: 1.0em;
text-indent: 1.0em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
font-style: italic;
letter-spacing: +0.125em;
}

h1 {
font-size: 2.4em;
border-bottom: solid 1px;
color: #C90000;
}

h2 {
font-size: 2.1em;
color: #C90000;
text-indent: 1.0em;
}

h3 {
font-size: 1.8em;
color: #C90033;
border-bottom: dashed 1px;
padding-top: 0.75em;
}

h5 {
font-size: 1.4em;
color: #C90033;
}

h6 {
font-size: 1.1em;
color: #C90033;
}

.quote {
	margin: 10px;
	/*padding: 1.0em;
	text-indent: 1.0em;*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-style: italic;
	letter-spacing: +0.125em;
	text-align: right;
}
/*ul, li .inline {
padding-left: 170px;
}*/

a:link, a:visited {
	color: #444;
	font-weight: bold;
}

a:hover, a:active, a:focus {
	color: #888;
	font-weight: bold;
}
.imgLeft {
	float: left;
	padding: 15px 15px 15px 0;
}
.imgRight {
	float: right;
	padding: 0 0 15px 15px;
}
.redimgborder {
	border: 1px solid #B31A1A; 
	float: right;
}