/* GENERAL */

body {margin:0; padding:0; font: 12px Arial; color: #666; background:#1c3f6a}
a {color: #196085; text-decoration:none}
a:hover, a:active {color: #196085; text-decoration: underline}

.breaker {clear: both}
.h3 { color: #666; font-size: 120%; border: none; line-height: normal; margin-bottom: 0px; padding: 0; text-transform: none; font-weight: bold; }

h1 {color: #3d657a; font-size:180%;	line-height: normal; margin: 0; width:100%;}
h2 {color: #4f9ec6; font-size: 130%; border: none;	line-height: normal; padding: 0;	text-transform: none}
h3 {color: #666; font-size: 120%; border: none;	line-height: normal; 	margin-bottom: 0px;	padding: 0;	text-transform: none; font-weight: bold}
h4 {color: #999; font-size: 100%; border: none;	line-height: normal; 	margin-bottom: 0px;	padding: 0;	text-transform: none; font-weight: bold}

.rightimage {float: right; margin: 0 0 10px 10px}
.separator {height: 1px; margin: 10px 20px; background-color:#ddd}

/* CONTAINERS */

#totalcontainer {background:#496a94 url('images/totalback1.gif') repeat-x top left}
#container {width: 1000px; display:block; overflow:hidden; background: #FFF url('images/container-back.gif') repeat-y; margin: 0 auto; clear: both}
#contentarea {float: left; width: 980px; display:block; overflow:hidden; padding: 10px}

/* MASTHEAD */

#masthead {width: 1000px; height:100px; border:0; padding:0; margin:0 auto; display: block}
#masthead #logo {width: 276px; height: 100px; float: left; margin: 0; padding: 0}
#masthead #logo a {width: 250px; height: 95px; padding: 0; display:block}

/* CIS FOOTER */

#FooterBack {margin: 0; padding: 0; border: 0; display: block; height: 190px; background: #1c3f6a url('images/footerback1.gif') repeat-x 0 0}
#Footer {width: 1000px; margin: 0 auto; padding-top: 30px; font-family: Verdana; font-size: 85%; color: #FFF}
#Footer a {color: #FFF}
#FooterLeft {width: 499px; float: left; margin: 0; padding: 0}


/* COLOR PALLETTE */
#pallette {display: block; width: 980px; margin: 2em auto; padding: 0; border: 0}

.swatch {float: left; width: 180px; margin: 0 20px 20px 20px}
.outer {float: left; border: 1px solid #CCC; padding: 1px}
.shadow {padding: 1px}
.color {width: 80px; height: 80px; padding: 0; margin: 0}
.caption {float: left; color: #555; font-size: 12px; line-height: 16px; margin: 0 0 0 10px}