/*  Universal Selectors
----------------------------------------------------*/

/* remove default margins and padding */
* {margin: 0; padding: 0;}

/*  Element Selectors
----------------------------------------------------*/

html, body { height: 100%; }

body {
    min-height: 100%;
	/*text-align: center; /* to center align objects in IE */
}

table {
    margin: 0 auto;
}

body, p {
	font-size: 12px;
    line-height: 1.667em;
}

body, p, h1, h2, h3, h4, h5, h6, .minor_heading {
    
    font-family: Arial,Helvetica,sans-serif;
    color: #000000;
}

/* images don't need borders! (unless otherwise specified) */
img {border: 0;}

a:link, a:visited {
    color:#085982;
    text-decoration:none;
}

h1, h2, h3, h4, h5, h6, .minor_heading {
    font-weight:600;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 1.8em;
    margin: 10px 0 20px;
    padding: 0 0 .5em;
    border-bottom: 1px solid #AAAAAA;
}

h3 {
    font-size: 1.3em;
}

/*  Class Selectors
----------------------------------------------------*/

/* for clearing elements below floats */
.clear {clear: both; height: 1px; width: 1px; }

.floatcontainer:after { 
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0 !important; 
    clear: both; 
    visibility:hidden; 
}  /*Having something in the content such as a period gives a more consistent results across browsers.*/ 

/*.round {border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}*/ 

.minor_heading {
    display: block;
    font-size: 1.6em;
    color: #990C24;
    margin: 0px;
    padding: .5em 0;
    border-bottom: 1px solid #000000;
}

.rounded_inner_content {
    padding: 1px;
    
}

/* horizontal lists */
ul.inline li {
    float: left;
}

.align-right{
    float: right;
}



.hr {
    width: 100%;
    height: 3px;
    background-color: #6B8FB3;
    margin: 5px auto 7px;
}

.zindexone {
    position: relative;
    z-index: 1;
}

.row {
    min-height: 230px; /*based on image height*/
} 

.left-marginal {
    padding: 0 0 10px 350px;
    position: relative;
}

.left-marginal .left {
    margin-left: -350px;
    position: absolute;
}

.subnav a {
    display: block;
    line-height: 15px;
}

.subnav li {
    /*border-right:1px solid #AAAAAA;*/
    display:block;
    line-height:15px;
    margin:0;
    padding:0 15px;
    font-weight: bold;
}

.subnav .sub-notes {
    padding-left: 1px;
}

.news_module {
    padding: 0;
}

.float_right {
    float: right;
}

.float_left {
    float: left;
}

.news_module {
    margin: 0 0 10px 0;
    padding: 0 20px;
}

.news_module img {
    margin: 0 0 10px 20px;
}

.news_module img.float_left {
    margin-right: 20px;
    margin-left: 0px;
}

ul.floating {
    overflow: auto
}

ul.floating, ul.floating li {
    list-style: none outside none;
}

ul.floating li {
    float: left;
    width: 150px;
    padding-top: 5px;
}

ul.floating li p {
    width: 130px;
    height: 25px;
}

.product_img {
    width: 110px;
    height: 110px;
    background-image: url('/lib/images/sprites/products.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    border: 1px solid #000000;
}

.lg_prod_img {
    height: 250px;
    width: 250px;
    display: block;
    margin: 0 auto;
}

.month_heading {
    font-size: 1.2em;
    font-weight: 600;
    color: #085982;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCCCCC;
}


/*  ID Selectors
----------------------------------------------------*/

#page {
    position: relative;
}

p {
    margin: 0 0 15px;
}

/*  Layout Settings
----------------------------*/

#wrapper {
    min-height: 100%;
    margin: 0 auto -40px; /* must be negative value of height for footer and push */
    background-color: #2290A9;
}

#header {
    height: 120px;
}

#tagline {
    color:#99CCFF;
    font-size:11px;
    letter-spacing:0.6em;
}

#inner-header {
    position: relative;
    height: 120px;    
}

#logo {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
}

#inner-header > * {
    margin-left: 0px;
}

#footer, #push, #inner-footer {
    height: 40px; /* must be positive value of bottom margin in wrapper */
}

#header, #footer {
    background-color: #0D3842;
}

#inner-footer, #inner-header, #content {
    width: 750px;
    margin: 0 auto;        
}

#content {
    height: auto;
    /*background: url('/lib/images/semitransparent_white.png') repeat 0% 0%;*/
    /*background-color: #99CCFF;*/
    border-width: 0 2px;
    border-style: solid;
    border-color: #0D3842;
}

#inner_content {
    height: auto;
    margin: 0 3px;
    /*background: url('/lib/images/semitransparent_white.png') repeat scroll 0% 0%;*/
    background-color: #FFFFFF;
    padding: 10px;
}

/*  Header Settings
----------------------------*/

#masthead h1 {
    padding: 30px 0 0 0;
}

#masthead h1 a {
    display: block;
    text-decoration: none;
    color: #FFDF6A;
    font-weight: normal;
    letter-spacing:0.3em;
}

#nav {
    height: 40px;
    padding: 5px 0 0 0;
    font-size: 1.1em;
    font-weight: bold;
}

#nav ul, #nav ul li {
    list-style: none outside none;
}

#nav ul li {
    margin: 0;
    padding: 0;
}

#nav li a.first {
    padding-left:0;
}

#nav li a.last {
    border-right: 0px;
}

#nav li a {
    border-right:1px solid #CDCCCC;
    color:#FFFFFF;
    display:block;
    line-height:22px;
    margin:0;
    padding:0 10px;
}

#footer a {
    padding-top: 15px;
    color: #FFFFFF;
}

#sidebar {
    border: 2px solid #000;
    height: 325px;
    width: 250px;
    float: right;
    margin: -20px -20px 0 0;
    background: #FFFFFF;
    padding: 10px;
}

/*  Header Settings
----------------------------*/
#debugbar {
    position: relative;
    top: 0;
    width: 100%;
    background-color: yellow;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 5px 0;
}