@import "reset.css";


/* Generic elements */

body {
 background-color: #f3f6fa;
 color: #7c7c7c;
 font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
}

a,:link,:visited { 
 color: #6995c6;
 text-decoration: underline;
 font-weight:bold;
} 
a:hover,a.important,a.on { 
 color: Black;
 text-decoration: underline;
 font-weight:bold;
}

p { 
 padding: .5em 0; 
}

img.fltr {
 float: right;
 margin: 0 0 10px 10px;
}
img.fltl {
 float: left;
 margin: 0 10px 10px 0;
}
img.lines {margin-bottom:10px;}

ul {
 list-style: disc;
 padding: .5em 0 .5em 2em;
}
ol {
 list-style: decimal;
 padding: .5em 0 .5em 2em;
}

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


/* Custom paragraphs, links, images */

a.pointer {
 padding-right: 30px;
 background: url(images/arrow-right-blue.gif) center right no-repeat;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none !important;
}

a.pointer:hover {
 background-image: url(images/arrow-right-black.gif);
}



span.highlight {
 color: #6694c4;
}




/* Headings */

h1,h2,h3,h4,h5,h6 {
 padding: .5em 0;
 font-family: Arial, Helvetica, sans-serif;
 line-height: normal;
}

h1 { font-size: 20px; font-weight: normal; }
h2 { font-size: 19px; color: #76a3cc; font-weight: normal; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

/* Custom headings */

#logo {
 float: right;
 width: 213px;
 height: 74px;
 padding: 0;
}

#outline {

}





/* Main layers */

#container {
 width: 748px;
 margin: 1em auto 0;
 text-align: left;
 background: url(images/page-shadow-left.gif) top right repeat-y;
}

#container .before {
 background: url(images/page-shadow-top.gif) top right no-repeat;
}

#container .after {
 padding: 0 6px 7px 0;
 background: url(images/page-shadow-bottom.gif) bottom right no-repeat;
}

#wrapper {
 padding: 20px 25px;
 border: solid 1px #b7c4d6;
 background: White url(images/bg1.jpg) top left no-repeat;
}

#header { 
 min-height: 75px; 
}

* html #header { height: 75px; }

#content {
 padding-top: 30px;
}

#mainbar {
 float: left;
 width: 440px;
}

#sidebar {
 float: right;
 width: 220px;
}

#home #mainbar {
 width: 300px;
}

#home #sidebar {
 width: 342px;
}

#footer {
 width: 100%;
 clear: both;
}



/* Navigation */

#nav {
 padding-top: 32px;
}

#nav li {
 display: inline;
}

#nav li a {
 padding: 2px 5px;
 background-color: #aecff3;
 color: White;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}

#nav li a:hover, #nav li a.on {
 background-color: #4d86be;
}



/* Boxes */

.box {
 margin: .5em 0;
}

.box.box1 {
 padding: 1em 18px;
 background: #dfe0e1 url(images/grad1.gif) top right repeat-y;
 color: #6995c6;
}

.box.box1 .col {
 float: left;
 width: 48%;
}

.box.box1 .col.even {
 float: right;
}





/* Footer */

#footer {
 text-align: right;
 font-size: 10px;
}

#tld {
 width: 700px;
 margin: 5px auto 0;
 font-size: .9em;
 text-align: left;
}
#tld a{ text-decoration: none; color:#7c7c7c;font-weight:normal}



.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */


.quoteby {
 padding-top:0;
 font-size:0.9em;
 text-align: right;
 margin-top:-7px
}

#pagequote {
 color: #6694c4;
 float: left;
}