@import url(css2.css);

body {
 margin: 0;
 padding: 0;
 font-size: 100%;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #111111;
 background-color: #0A3FA5;
}
div {
 margin: 0;
 padding: 0;
}
p {
 font-size: 1em;
 text-align: justify;
 line-height: 1.2em;
 text-indent: 1.5em;
}
h1 {
 font-size: 1.8em;
 padding: 2px;
 font-weight: bold;
 color: #FF152C;
 text-align: center;
}
h2 {
 font-size: 1.6em;
 color: #FFCC00;
 background-color: #0A3FA5;
 border: 5px double #FFFFFF;
 font-weight: bold;
 padding: 0 auto;
 text-align: center;
}
h3 {
 font-size: 1.4em;
 font-weight: bold;
 color: #00AEEF;
 text-decoration: underline;
 text-align: center;
}
h4 {
 font-size: 1em;
 color: #0A3FA5;
 font-weight: bold;
}
h5 {
 font-size: 0.8em;
 font-weight: bold;
}
#header {
 height: 200px;
 padding: 0;
 margin: 0;
 background-image: url(./images/HeaderStripe.jpg);
 background-repeat: repeat-x;
}
html>body #header {
 height: 200px;
}
#navmenu {
 margin: 0 10px 0 10px;
 padding: 10px 0 10px 0;
 width: 125px;
}
#navmenu ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#navmenu ul li {
 margin: 0 0 5px 0;
 padding: 0;
}
#navmenu ul li a {
 margin: 0;
 padding: 2px 4px;
 text-decoration: none;
 font-size: 0.85em;
 font-weight: bold;
 color: #FFFFFF;
 border: solid 2px #0A3FA5;
 display: block;
 height: 1%;
}
html>body #navmenu ul li a {
 height: auto;
}
#navmenu ul li a:visited, a:hover, a:active {
 text-decoration: none;
}
#navmenu ul li a:visited {
 
}
#navmenu ul li a:hover {
 color: #FF152C;
 background-color: #FFCC00;
 border: #FFFFFF dotted 2px;
}
#content {
 margin: 0 0 0 140px;
 padding: 20px;
 border-top: double 5px #FFFFFF;
 border-bottom: double 5px #FFFFFF;
 border-left: double 5px #FFFFFF;
 background-color: #FFFFFF;
}
html>body #content {
 padding: 0 20px 20px 20px;
 border-top: double 5px #0A3FA5;
 border-bottom: double 5px #0A3FA5;
 border-left: double 5px #0A3FA5;
}
#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#content {display: inline-table;}
/* Hides from IE-mac \*/
* html #content {height: 1%;}
#content {display: block;}
/* End hide from IE-mac */
#brace {
 width: 100%;
 height: 430px;
}
html>body #brace {
 width: auto;
 height: auto;
 min-height: 380px;
}
#footer {
 font-size: 0.95em;
 font-weight: bold;
 color: #FFFFFF;
 padding: 6px 0;
 text-align: center;
}
#footer p {
 text-align: center;
 font-size: 0.75em;
 margin: 0;
}
#footer a {
 color: #FFFFFF;
 text-decoration: none;
 border-top: #0A3FA5 1px dotted;
 border-right: #0A3FA5 1px dotted;
 border-bottom: #FFFFFF 1px dotted;
 border-left: #0A3FA5 1px dotted;
}
#footer a:hover {
 border: #FFFFFF 1px dotted;
}
#footermenu ul {
 list-style-type: none;
}
#footermenu ul li {
 color: #FF152C;
 display: inline;
}
#footermenu ul li a {
 font-size: 0.85em;
 color: #FFFFFF;
 border: solid 2px #0A3FA5;
 font-weight: bold;
}
#footermenu ul li a:hover {
 color: #FF152C;
 background-color: #FFCC00;
 border: #FFFFFF dotted 2px;
}
#validation {
 padding: 6px;
}
#validation a {
 border: 0;
}
#validation a:hover {
 border: 0;
}
#content a, a:visited, a:hover, a:active {
 text-decoration: none;
}
#content a {
 color: #0A3FA5;
 border-top: 2px dotted #FFFFFF;
 border-right: 2px dotted #FFFFFF;
 border-bottom: 2px dotted #FF152C;
 border-left: 2px dotted #FFFFFF;
}
#content a:visited {
 color: #111111;
 border-top: 2px dotted #FFFFFF;
 border-right: 2px dotted #FFFFFF;
 border-bottom: 2px dotted #FFCC00;
 border-left: 2px dotted #FFFFFF;
}
#content a:hover {
 border: 2px dotted #FF152C;
}
#content a:active {
 color: #FFFFFF;
 background-color: #FFCC00;
}
#content ul li {
 padding-bottom: 10px;
}
a img {
 border: 0 !IMPORTANT;
}
a:visited img {
 border: 0 !IMPORTANT;
}
a:hover img {
 border: 0 !IMPORTANT;
}
a:active img {
 border: 0 !IMPORTANT;
}
.clear {
 clear: both;
}
.catright {
 float: right;
}
.picleft {
 float: left;
 margin: 10px;
 padding: 2px;
 background-color: #FF152C;
 border: 5px double #FFFFFF;
}
.picright {
 float: right;
 margin: 10px;
 padding: 2px;
 background-color: #FFCC00;
 border: 5px double #FFFFFF;
}
.pic {
 margin: 10px;
 padding: 2px;
 background-color: #FF152C;
 border: 5px double #FFFFFF;
}
.piccaption {
 margin: 10px;
 text-align: center;
}
.piccaption dt img {
 padding: 2px;
 background-color: #FF152C;
 border: 5px double #FFFFFF;
}
.piccaption dd {
 margin: 0 auto;
 width: 325px;
 font-size: 65%;
 font-weight: bold;
 text-align: justify;
}
.piccaptionleft {
 float: left;
 margin: 10px;
 clear: left;
 width: 325px;
}
.piccaptionleft dt {
 text-align: center;
}
.piccaptionleft dt img {
 padding: 2px;
 background-color: #FF152C;
 border: 5px double #FFFFFF;
}
.piccaptionleft dd {
 margin: 0;
 font-size: 65%;
 font-weight: bold;
 text-align: justify;
}
.piccaptionright {
 float: right;
 margin: 10px;
 clear: right;
 width: 325px;
}
.piccaptionright dt {
 text-align: center;
}
.piccaptionright dt img {
 padding: 2px;
 background-color: #FFCC00;
 border: 5px double #FFFFFF;
}
.piccaptionright dd {
 margin: 0;
 font-size: 65%;
 font-weight: bold;
 text-align: justify;
}
#nextback {
 font-size: 0.9em;
 font-weight: bold;
 font-variant: small-caps;
 text-align: center;
}

#nextback span {
 background-color: #CCCCCC;
 color: #666666;
 border: double 5px #FFFFFF;
 padding: 2px 4px;
}

#nextback a {
 background-color: #EE152C;
 color: #DDDDDD;
 border: double 5px #FFFFFF !IMPORTANT;
 padding: 2px 4px;
}

#nextback a:visited {
 color: #DDDDDD;
}

#nextback a:hover {
 color: #FFFFFF;
 background-color: #FFDD00;
}

#nextback a:active {
 color: #DDDDDD;
}

#next {
 float: right;
 margin-left: 4px;
}

#back {
 float: left;
 margin-right: 4px;
}

#vt {
 font-size: .9em;
 list-style: none;
}

#vtphoto {
 color: #FFDD00;
 font-weight: bold;
 text-align: center;
}

#vtphoto dt {
 background-color: #EE152C;
 border: double 5px #FFFFFF;
 font-variant: small-caps;
 padding: 5px;
}

#vtphoto dt a {
 border: 0;
}

#vtpic {
 margin: 3px;
 padding: 5px;
}
#vtcaption {
 background-color: #EE152C;
 border: double 5px #FFFFFF;
 font-size: 0.8em;
 margin: 0;
 padding: 5px;
}
.bold {
 font-weight: bold;
}
.italic {
 font-style: italic;
}
.center {
 text-align: center;
}
.big {
 font-size: 120%;
}
.bigger {
 font-size: 140%;
}
.small {
 font-size: 80%;
}
.uline {
 text-decoration: underline;
}