/* CSS Document
   Interior Pages
   2/8/9        */


/* General */


* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
background: #1A1A1A url('.img/bg.gif') repeat-x 0 0;
min-width: 900px;
}

#main {
width: 950px;
margin-left: auto;
margin-right: auto;
}

a:link, a:visited {
color: #0099FF;
text-decoration: underline;
font-weight: bold;
}

a:hover {
color: #FFFFFF;
text-decoration: none;
}

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
content: ' ';
}

.cleaning-box { 
min-height: 1px;
}

.cleaning-box:after {
display: block; 
clear: both; 
visibility: hidden; 
height: 0; 
font-size: 0; 
content: ' ';
}

.noscreen {
display: none;
}

/*  Columns  */

.columns {
list-style: none;
margin:10px 0 0 0;
padding:0;
}
.columns li {
float: left; 
width: 40%;
}
.columns li.col2 {
padding:0 0 0 100px;
}
.columns li h3 {
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
letter-spacing: 1px;
margin-bottom: 8px;
padding-left: 27px;
}
.columns li.col2 h3 {
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
letter-spacing: 1px;
margin-bottom: 8px;
padding-left: 27px;
}
.columns li p {
line-height: 22px;
padding: 0 20px 0 10px; 
margin: 0;
}
.columns li.col2 p {
padding: 0 20px 0 20px;
}

/* Paragraphs, headings, ... */

p {
line-height: 170%;
margin-bottom: 10px;
color: #FFFFFF;
}

a img#blog, p.right{
float: right;
text-align: right;
}

a img#blog {
padding: 60px 0 4px 0;
}

a img#logo, p.left{
float: left;
text-align: left;
clear: left;
}

p span {
color: #555555;
font-weight: bold;
}

h1 {
font-size: 2.4em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
text-align: left;
padding: 85px 0 4px 0;
letter-spacing: 1px;
width: 60%;
}

h1 a:link, h1 a:visited {
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
}

h1 span {
color: #0099FF;
}

h2 {
font-size: 1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
text-align: left;
margin: 3px 0 0 0;
letter-spacing: 1px;
}

h3 {
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
letter-spacing: 1px;
margin-bottom: 8px;
padding-left: 27px;
}

h3 span {
color: #555555;
}

h4 {
color: #555555;
padding-left: 27px;
padding-bottom: 10px;
}

ul li.plain {
list-style-type: none;
}


/* Header */

#header {
width: 900px;
height: 125px;
margin: 0 auto;
position: relative;
text-align: left;
}

#header a img {
border: none;
} 


/* Content */

#content {
background: #1A1A1A url('.img/content-bg.gif') repeat-x 0 0;
min-height: 231px;
}

#content-box-in-left a:link, #content-box-in-left a:visited, #content-box-full a:link, #content-box-full a:visited {
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}
#content-box-in-left a:hover {
color: #003399;
}

#content-box-in {
width: 900px;
margin: 0 auto;
text-align: left;
min-height: 544px;
}

#content-box-full {
width: 100%;
float: left;
}

#content-box-full-in {
width: 100%;
margin: 2em 1em 5em 1.8em;
}

#content-box {
width: 950px;
margin: 0 auto;
text-align: left;
min-height: 544px;
}

#content-box-in-left {
width: 72%;
float: left;
}

#content-box-in-left-in, #content-box-in-left-in ul {
list-style-position: inside;
list-style-type: disc;
margin: 2em 1em 5em 1.8em;
}

#content-box-in-right {
width: 27%;
float: right;
}

#content-box-in-right h3 {
color: #FFFFFF;
font-size: 1.2em;
margin-bottom: 13px;
padding: 0;
background: none;
}

#content-box-in-right-in {
margin: 2em 1.4em 5em 2.8em;
}


/* Right column directives */

#content-box-in-right-in ul {
list-style-type: none;
margin: 0 0 30px 4px;
}

#content-box-in-right-in ul li {
color: #FFFFFF;
display: inline;
}

#content-box-in-right-in ul li a, #content-box-in-right-in ul li a:visited {
color: #FAFAFA;
font-weight: normal;
text-decoration: none;
padding: 4px 0 4px 16px;
line-height: 130%;
border-left: 2px solid #404040;
display: block;
}

#content-box-in-right-in ul li a:hover, #content-box-in-right-in ul li a.active {
color: #003399;
border-left: 2px solid #003399 !important;
text-decoration: underline !important;
}


/* Block of text with dotted border-bottom */

.block {
padding-bottom: 1px;
margin-bottom: 20px;
border-bottom: 1px dotted #606060;
overflow: hidden;
width: 100%;
}


/* Small gallery  and images */

.float {
float: left;
}
  
.float h3 {
color: #003399;
text-align: center;
}

.float a:hover h3 {
color: #FFFFFF;
}

.float img {
border: 2px solid #000000;
margin: 0 4px 15px 0;
}

.float a:hover img {
border: 2px solid #003399;
}

img.left {
float: left;
border: 2px solid #000000;
margin: 10px;
}

img.right {
float: right;
border: 2px solid #000000;
margin: 10px;
}

img.center {
border: 2px solid #000000;
margin: 10px;
}

p.center {
text-align: center;
}


/* Footer */

#footer {
width: 900px;
height: 80px;
margin: 0 auto;
border-top: 1px solid #404040;
}

p.footer-left {
float: left;
width: 430px;
color: #FFFFFF;
text-align: left;
margin: 9px 0 0 15px;
display: inline;
}

p.footer-left a, p.footer-left a:visited {
color: #FFFFFF;
}

p.footer-right {
float: right;
width: 430px;
color: #999999;
text-align: right;
margin: 9px 15px 0 0;
display: inline;
}

p.footer-right a, p.footer-right a:visited {
color: #999999;
font-weight: normal;
}

p.footer-right a:hover {
color: #FFFFFF;
font-weight: normal;
}