/*=========== Global reset ===========*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
/**, html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }*/
div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote{ margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }
fieldset, img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100%; margin: 0 0 0.8em 0; }
q:before, q:after { content:''}

/* The below restores some sensible defaults */
p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ===========*/




/*=========== Colors ===========
Very Light BG: #e6e6e6;
Color 3: #786d67;
Color 2: #0096d0;
Color 1: #0054a6;
=========== END: Colors ===========*/


.gray {color: #6c6c6c}
.dark-gray {color: #505050}

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.normalcase {text-transform: none;}

.nobold {font-weight: normal;}

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

#container {
text-align: center;
}

#container-body {
margin: 2.0em auto 2.0em auto;
padding: 0 10px 0 10px;
width: 990px;
height: 400px;
text-align: left;
font-family: arial, univers, sans-serif;
font-size: 0.7em;
}

td, p {
font-family: arial, helvetica, sans-serif;
/*font-size: auto;*/
}

#nav-row {

}

#nav-links {
float: left;
width: 635px;
height: 50px;
font-family: tahoma, verdana, sans-serif;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
color: #00a6e0;
background-image: url("/images/nav-top-bg.jpg");
background-repeat: repeat-x;
background-position: left bottom;
}

#nav-links  ul {
list-style: none;
padding: 0;
margin: 0 0 0 1.75em;
}

#nav-links  li {
float: left;
margin: 0.6em 1.0em 0 1.0em;
}

#nav-links  li  a {
text-decoration: none;
color: #00a6e0;
}

#nav-links  li  a:hover {
text-decoration: underline;
color: #00a6e0;
}

#nav-links  li  a.gray, #nav-links  li  a.gray:hover {
text-decoration: none;
color: #6c6c6c;
}

#nav-search {
float: right;
width: 328px;
height: 50px;
text-align: right;
font-family: tahoma, verdana, sans-serif;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
color: #6c6c6c;
background-image: url("/images/nav-top-search-bg.gif");
background-repeat: no-repeat;
background-position: left bottom;
}

#nav-search  label {

}

#nav-search  input.text {
height: 18px;
width: 150px;
border: 1px solid #9c9c9c;
padding: 0 0.2em 0 0.2em;
}

#nav-search  input.button {
cursor: pointer;
width: 18px;
height: 18px;
border-width: 0px;
padding: 0;
background-color: #00a6e0;
background-image: url("/images/icon-arrow-white.gif");
background-repeat: no-repeat;
background-position: center center;
}

#top-row {
padding: 14px 0 0 0;
display: block;
clear: both;
width: 100%;
}

#top-left {
float: left;
width: 635px;
height: 158px;
background-color: #0054a6;
}

#top-right {
float: right;
width: 328px;
height: 158px;
background: transparent url("/images/201008/hp-mainphoto.jpg") no-repeat left top;
}

#logo {
margin: 15px 0 0 30px;
width: 294px;
height: 79px;
background: transparent url("/images/201008/hp-logo.jpg") no-repeat left top;
}

#issue-info {
border: 1px solid #0054a6; /* hack for IE6 */
text-align: right;
margin: 36px 0 0 0;
width: 620px;
height: 14px;
background: transparent url("/images/201008/hp-issue-info.jpg") no-repeat right top;

/*text-transform: uppercase;
font-family: tahoma, verdana, sans-serif;
font-size: 0.9em;
font-weight: bold;
color: #fff;*/
}

#issue-info ul {
list-style: none;
margin: 0;
padding: 0;
}

#issue-info li {
float: right;
margin: 0 0 0 2.0em;
}

#content-row {
padding: 10px 0 0 0;
}

#left-column {
float: left;
width: 635px;
}

#right-column {
float: right;
width: 328px;
}


/* Current Articles */
#current-articles {

}

#feature-article {
clear: both;
min-height: 155px;
_height: 155px;
border-bottom: 2px solid #b6b6b6;
}

#current-articles  ul {
list-style: none;
margin: 0;
padding: 0;
}

#current-articles  li {
float: left;
width: 46%;
margin: 0.5em 0 0.5em 0;
padding: 0.5em 2.0em 0.5em 2.0em;
border-right: 1px solid #b6b6b6;
/*border-bottom: 1px solid #b6b6b6;*/
}

#current-articles  li.div-line {
width: 100%;
height: 1px;
paddinG: 0;
background-color: #b6b6b6;
}

#current-articles  h2 {
margin: 0;
font-size: 1.2em;
/*color: #786d67;*/
color: #f7931e;
}

#current-articles  p {
margin: 1.0em 0 1.0em 0;
}

#current-articles  img.photo-large {
float: right;
margin: 0 0 1.0em 5.0em;
border: 1px solid #b6b6b6;
}

#current-articles  img.photo-thumb {
float: right;
margin: 0 0 1.0em 1.0em;
border: 1px solid #b6b6b6;
}
/* END: Current Articles */



#blog-feed {
margin: 0 0 0 2.0em;
}

#blog-feed div.headline {
font-weight: bold;
color: #0054a6;
}

#blog-feed div.date {
font-weight: bold;
}

#blog-feed div.text {
margin: 0 0 1.5em 0;
}


/*======= Subscribe Box =======*/
div.hp-box {
margin: 0 0 0 2.0em;
}

div.hp-box-header {
text-transform: uppercase;
background-color: #6c6c6c;
background-image: url("/images/201008/hp-icon-bulletarrow.jpg");
background-repeat: no-repeat;
background-position: 15px center;
padding: 0.4em 0.6em 0.4em 3.0em;
font-weight: bold;
color: #fff;
}

div.hp-box-body {
overflow: auto;
border: 1px solid #b6b6b6;
margin: 0.2em 0 1.5em 0;
padding: 0.8em;
}

div.hp-box-body  h2 {
margin: 0;
font-size: 1.2em;
font-weight: bold;
color: #666666 !important;
}

div.hp-box-body  p {
margin: 0 0 1.0em 0;
}

img.hp-box-photo {
float: left;
border: 1px solid #b6b6b6;
margin: 0 1.0em 1.0em 0;
}

form.search {
margin: 0px;
}

form.search  label {

}

form.search  input /* Text Field */ {
height: 18px;
border: 1px solid #9c9c9c;
padding: 0 0.2em 0 0.2em;
}

form.search  input.button, input.button {
cursor: pointer;
width: auto;
height: 18px;
border-width: 0;
padding: 0.2em 0.2em 0.3em 0.2em;
background-color: #786d67;
font-size: 0.95em;
font-weight: bold;
color: #fff;
}
/*======= END: Subscribe Box =======*/


#footer {
clear: both;
border-top: 2px solid #9c9c9c;
padding: 0.5em 0 1.0em 0;
font-size: 0.9em;
color: #6c6c6c;
}