/* Hill City CSS */

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 76%; background-color: #e0e0e0; background-image: url(../gfx/background.jpg); background-repeat: repeat-x; }



/****  HEADER DIV  ****/

#header { padding: 0em; width: 917px; margin: 0em auto 0em auto; }





/****  NAVIGATION DIV  ****/

#navigation { width: 917px; height: 49px; margin: 0em auto 0em auto; padding: 0em 0em 0em 0em; color: #cccccc; background-image: url(../gfx/navigation.jpg); background-position: top right; background-repeat: no-repeat; }

#navigation ul { margin: 0em; padding: 0em 0 0 0; height: 34px; list-style-type: none; }
#navigation li { font-size: 1.2em; display: inline; float: left; padding: 1.0em 0.8em 1.0em 0.8em; margin: 0em; border-left: 1px solid #cccccc; border-right: 1px solid #999999; text-transform: uppercase; letter-spacing: -0.04em; }

#navigation a { text-decoration: none; color: #ffffff; font-weight: bold; padding-top: 1.0em; }
#navigation a:hover { text-decoration: none; color: #666666; }

/* Active */

#navigation .active { background-color: #999999; padding: 1.0em 1.0em 1.0em 1.0em; border: none; }
#navigation .active a { color: #e4e4e4; }
#navigation .active a:hover { color: #666666; }

#navigation .noborder { border: none; }




/**** CONTAINER ****/

#container { width: 917px; margin: 0em auto 0em auto; background-color: #f9f9f9; border-left: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; background-image: url(../gfx/news_background.jpg); background-position: right; background-repeat: repeat-y; }






/****  CONTENT DIV  ****/

#feature { margin: 0em; padding: 0em; }






/****  CONTENT DIV  ****/

#content { margin: 0em 2.0em 2.0em 2.0em; min-height: 350px; padding: 0em 0em 0em 0em; }

#content p { color: #666666; line-height: 1.5em; font-size: 1.0em; padding: 0em 25.5em 1.5em 0em; margin: 0em; }

#content a { color: #006699; text-decoration: none; }
#content a:hover { color: #0099CC; text-decoration: underline; }

#content ul { color: #666666; margin: 0em; padding: 0.5em 25.5em 1.0em 1.0em; }
#content li { padding: 0 0 0.3em 0em; margin: 0em; line-height: 1.5em; list-style-type: circle; }

#content ol { color: #666666; padding: 0em; margin: 0em 0em 0em 1.5em; }
#content ol li { list-style-type: decimal; }

#content h1 { color: #6d6d6d; font-size: 2.4em; letter-spacing: -0.03em; margin: 0em 0em 0.5em 0em; padding: 1.0em 0em 0.3em 0em;  }
#content h2 { color: #4a4a4a; font-size: 1.7em; margin: 0em; padding: 0em 0em 0.5em 0em; letter-spacing: -0.03em; }
#content h3 { color: #6d6d6d; font-size: 1.2em; margin: 0em; padding: 0em 0em 0.3em 0em; letter-spacing: -0.03em; }
#content h4 { font-size: 1.2em; }
#content h5 { color: #999999; font-size: 0.9em; padding: 0em 0em 0.5em 0em; margin: 0em 68.0em 1.0em 0em; font-style: italic; border-bottom: 1px solid #cccccc; }
#content h6 { color: #999999; font-size: 0.9em; font-weight: normal; padding: 0em; margin: 0em; font-style: italic; }

#content img { margin: 0 0em 0.5em 1.0em; padding: 1.0em; border: 1px solid #e4e4e4; }

#content table { width: 63%; line-height: 1.5em; border-collapse: collapse; }

#content tr { color: #ffffff; margin: 0; padding: 0; }
#content th { text-align: left; background-color: #999999; padding: 0.9em; border: 1px solid #666666; vertical-align: top; }
#content td { color: #666666; margin: 0; padding: 0.9em; border: none; border: 1px solid #cccccc; vertical-align: top; background-color: #ffffff; }

#content td img { padding: 0em; margin: 1.0em 1.0em 1.0em 1.0em; border: 1px solid #999999; }

/* This is for table that need to take up the full width of the page */

#content table.fullpage { width: 100%; text-align: center; margin-bottom: 4.0em; }
#content td.columngrey { background-color: #f5f5f5; }

/* Feature */

#content .feature { margin: 0em 0em 0em 0em; padding: 0em; border: 1px solid #626262; }


/* Note */

#content .note { color: #999999; font-style: italic; }

/* Top of page link */
#content p.top { text-align: right; font-size: 0.9em; }




/* NEWS BOX DIV */

#content .news { float: right; width: 289px; margin: -7.3em -2.0em 5.0em 2.0em; border: none; }
#content .news table { margin: 0em; padding: 0em; border: none; }
#content .news tr {}
#content .news th { text-transform: uppercase; color: #ffffff; font-size: 1.2em; margin: 0em; padding: 1.0em 0em 0.8em 1.0em; border: none; background-image: url(../gfx/newsbox.jpg); background-color: none; background-color: #666666; }
#content .news td { padding: 0em 0em 0em 0em; margin: 0em; background-color: #d5d5d5; background-image: url(../gfx/news_background.jpg); background-position: right; background-repeat: repeat-y;  }
#content .news td p { border-bottom: 1px solid #c0c0c0; border-top: 1px solid #e1e1e1; padding: 1.5em 1.0em 2.0em 1.5em; color: #666666; margin: 0em; line-height: 1.4em; }

#content .news td a { color: #333333; text-decoration: none; border: none; }
#content .news td a:hover { color: #006699; text-decoration: underline; }

#content .news .noborder p { border-top: none; }

#content .news td img { padding: 0em 0.5em 0em 0em; margin: 0em 0.7em 0.7em 0em; border-bottom: none; border-left: none; border-right: 1px solid #999999; border-top: none; }

#content .news td strong { text-transform: uppercase; }

#content .more { background-color: #cccccc; }




#content .title { font-style: italic; border-top: 1px solid #cccccc; width: 10.5em; padding: 1.0em 0em 0.5em 0em; color: #999999; line-height: 1.2em; }

#content .color { color: #b6b6b6; border-top: 1px solid #cccccc; padding: 0.5em 0em 0em 0em; }

/**** COLUMNS ****/

#content .columns { margin: 1.5em 0em 2.0em 0em; padding: 0em 0em 0em 0em; width: 65%; }
#content .columns table { border-left: none; border-right: none; border-bottom: 1px solid #cccccc; margin: 0em 7.0em 0em 0em; padding: 0em; }
#content .columns tr {}
#content .columns th { border: none; background-color: #ffffff; color: #4a4a4a; font-size: 1.2em; margin: 0em; padding: 1.0em 1.5em 0em 0.5em; letter-spacing: -0.03em; width: 50%; }
#content .columns th h3 { border-bottom: 3px solid #cccccc; margin: 0em 2.0em 0em 0em; font-size: 1.1em; }
#content .columns td { border: none; background-color: #ffffff; padding: 0.5em 1.0em 0.6em 0.5em; }


/****  FOOTER DIV  ****/


#footer { width: 927px; margin: 0em auto 4.0em auto; padding: 0 0em 0em 5.6em; font-size: 0.9em; line-height: 1.5em; color: #999999; background-image: url(../gfx/footer.jpg); background-position: top left; background-repeat: no-repeat; }

#footer p { margin: 0em; padding: 2.5em 0em 0em 0em; }