/* Default Styles
----------------------------------------------- */

body { margin:0; padding:0; color:#000; font-family: arial, helvetica, sans-serif; voice-family: "\"}\""; voice-family:inherit; font-size: 12px; background: url(../../images/bg_blue.gif) repeat-x #eeeeee;}
html>body { font-size: 12px; }


#wrapper {margin: 0; width: 780px; height:auto; background-color: #ffffff;}

#header { margin:0; padding:5px 0 0 0; width: 780px; height:125px;}
#footer {margin:0; padding:10px 0 0 0; position:relative; width:780px; height: auto; text-align:center; background-color:#eeeeee;}

#content {margin:0; padding:0; position:relative; float: left; width:780px; height: auto; background-color: #ffffff;}
#full {margin:0; padding:0; position:relative; float: left; width:760px; height: auto; background-color: #ffffff;}
#content-left {margin:10px 0 0 0; padding:0; position:relative; float: left; width:550px; height: auto; background-color: #ffffff;}
#content-left-padding{margin: 0 10px 0 8px; padding:0; background-color: #fff;}
#content-right {margin:0; padding:10px 0; position: relative; float: right; width:220px; height:auto;}
#content-right-nobg {margin:0; padding:10px 0; position: relative; float: right; width:225px; height:auto;}
#content-right-padding{margin: 0 8px 0 0; padding:0 0 0 15px;}

a, a:link, a:visited, a:active{text-decoration: underline; color:#173456;}
a:hover{text-decoration: none;}


.copyright {color: #333333; font-size: 10px;}

/* Navigation Styles
----------------------------------------------- */
#navcontainer {background-color: #001D56;}
#navcontainer ul {font-weight: normal; color: white; font-size:14px; text-align: center; margin: 0; padding-bottom: 5px; padding-top: 5px;}
#navcontainer ul li {display: inline; margin-left: -4px;}
#navcontainer ul li a {padding: 5px 15px 5px 15px; color: #ffffff; text-decoration: none;}
#navcontainer ul li a:hover { background-color: #ffffff; color: #000000;}
#active a.active {background-color: #ffffff; color: #000000;}

/* Site Related Styles
----------------------------------------------- */

/* photo gallery */
.category-col {margin:0; padding:0 0 10px 10px; float:left; width:250px; height:auto; text-align:center;}
.pics-col {margin-bottom:10px; padding:0; width:178px; height:auto; float:left; text-align:center;}

/* Generic Styles
----------------------------------------------- */

/* html attribute styles */
p  { margin: 0; padding: 0 0 10px 0;}
h1 { margin: 0; padding: 10px 0 10px 0; font-size: 16px; color: #173456 font-weight: bold;}
h3 {padding-bottom:3px; margin: 5px 0; font-size: 12px; color: #000000; font-weight: bold; width:100%; border-bottom:1px solid #666666;}

/* regular text */
.text-l {font-size:14px; font-weight:normal;}
.text-m {font-size:12px; font-weight:normal;}
.text-s {font-size:11px; font-weight:normal;}
.text-xs { font-size:10px; font-weight:normal;}
.text-xxs { font-size:9px; font-weight:normal;}

/* bold text */
.btext-l {font-size:14px; font-weight:bold;}
.btext-m {font-size:12px; font-weight:bold;}
.btext-s {font-size:11px; font-weight:bold;}
.btext-xs {font-size:10px; font-weight:bold;}
.btext-xxs {font-size:9px; font-weight:bold;}

/* colors */
.grey {color:#666666;}
.red {color:#FF0000;}
.blue {color: #000099;}
.yellow {color: #FFFF00;}
.orange {color: #FF9900}

/* form styles */
.field {padding: 10px 0; clear:both;}
.label {font-weight: bold; font-size:12px; width: 145px; float: left; padding-top:4px;}

/* clears & padding */
.clear {clear:both;}
.inside {padding:3px;}

/* misc */
.border {border:1px solid #666666;}
.border-top {border-top:1px solid #666666;}
.border-bottom {border-bottom:1px solid #333333;}
.right-col-border {border-left:1px dashed #333333;}
.float-left {padding:0; margin:5px 0; position: relative; float: left; width:auto; height:125px;}
.float-right {padding:0; margin:5px 0; position: relative; float: right; width:auto; height:125px;}