@charset "UTF-8";
/* CSS Document */



body { margin: 0; /* this will serve just as well */ font-family: Helvetica, sans-serif; line-height:1.5; /* you need some backups here */ font-size:0.8em; color: #999999; background-color: #FFFFFF; background-image:url(../_images/bg.jpg); background-repeat:repeat-x; background-position:top; }
a:link { color: #09B1D8; text-decoration:none; }
a:visited { color: #09B1D8; text-decoration:none; }
a:active { text-decoration:none; color: #09B1D8; }
a:hover { color:#00CCFF; text-decoration:none; }
.list { text-align:right; text-transform: uppercase; font-size: .9em;font-weight: bold; }
.list ul { list-style:none; }
.list li { display:inline; color:#FFFFFF; padding-left:10px; padding-right:10px; border-left: #FFFFFF solid 1px; }
.list li a { text-decoration:none; color:#ffffff; }
.list li a:hover { text-decoration:none; color:#00CCFF; }
.wrapper { width: 820px; margin:10px auto; }
.header { width:820px; height:60px; background-color:#ffffff; background-image:url(../_images/logo.jpg); background-repeat:no-repeat; margin-bottom:13px;padding-left:5px; }
.navbar { width:820px; height: 20px;}
.banner { width:820px; height: 192px; background:#000000; }
.content { width:820px;padding-left:5px; margin-top: 10px; }
.footer {float:right; width:820px; height: 20px; background-color:#FFFFFF; padding-bottom:5px; padding-left:5px; padding-top: 5px; text-align:right; font-size:0.9em; border-top:#CCCCCC solid 2px; }


/* left elements */

.leftBox { float:left; width:205px; height:100%; border-right:#CCCCCC solid 1px; padding-top:5px; padding-bottom:5px; padding-right:5px; }
.leftBoxHeader { text-transform: uppercase; font-size: 1em; line-height: 1.8em; font-weight: bold; color:#09B1D8; }
.leftBoxText { font-size: 11px; color:#999999; padding-top:2px; padding-right:5px; }

/* right elements */



.rightBox { float:right; width:584px; background-color:#FFFFFF; padding:5px; }
.rightBoxNavContainer { float: left; width:280px; height:180px; margin-right:10px; }
.rightBoxNavImage { float: left; width:280px; margin-right:10px; margin-bottom:10px;border: 1px solid #ccc; }
.rightBoxHeader { text-transform: uppercase; font-size: 1.8em; line-height: 1.8em; font-weight: bold; color:#09B1D8; }
.rightBoxText {font-size:0.9em; color: #999999; line-height: 1.2em; padding-top:2px; padding-right:5px; }
.rightBoxTextSolo {font-size:0.9em; color: #999999; line-height: 1.2em; padding-top:2px; padding-right:5px; }

.rightBoxNav { margin-right:10px; margin-bottom:10px; margin-top:10px; width:150px; height:151px; border: 1px solid #ccc; background-color:#ffffff; float:left; }
.rightBoxDesign { margin-right:10px; margin-bottom:20px; margin-top:10px; width:280px;background-color:#333333; float:left; }
.rightBoxBigContainer { float: left; width:540px; margin-right:15px; margin-bottom:10px; }
.rightBoxBigText {font-size:0.9em; color: #999999; line-height: 1.2em; padding-top:2px; padding-right:5px; }

/* center elements */


.centerBox { float:left; width:700px; height:100%; padding:10px; }
.centerBoxHeader { text-transform:uppercase; font-size:14px; color:#666666; }
.centerBoxText { font-size: 9px; color:#999999; padding-top:2px; }
label { font-weight: bold; }


/* Fieldsets */

fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }

/* Text fields */

input.text, input.title { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus, input.title:focus { border:1px solid #999; background:#fff; }
input.title { font-size:1.5em; }

/* Textareas */

textarea { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus { border:1px solid #999; background:#fff; }

/* Select fields */

select { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus { border:1px solid #999; background:#fff; }