@import 'reset.css';    

body {
	background: #cccccc;
	font-family: Tahoma, helvetica, arial, sans-serif;
	text-align: left;
	font-size:12px; 
} 

#center_piece
{
    position:relative;
    width:900px;
    margin-left: auto;
    margin-right: auto;
}
#header
{
    position:absolute;
    width:900px;
    top:0px;
    left:0px;
}
#header_text
{
    position:absolute;
    background-color:#000000;
    height:164px;
    top:0px;
    left:0px;
    color:#ffffff;
    width:900px;
}
#header_image_left { position:absolute; top:18px; left:40px; }
#header_text_left {  position:absolute; top:28px; left:100px; text-decoration:underline; font-size:20px; }
#header_text_right {  position:absolute; top:69px; left:560px; text-decoration:bold; font-size:20px; }

#body
{
    position:absolute;
    background-color:#eeeeee;
    width:900px;
    top:194px;
    left:0px;
}
#content
{
    position:relative;
    vertical-align:top;
    width:900px;
}
#footer
{
    position:relative;
    background-color:#000000;
    width:900px;
    vertical-align:bottom;
    color:#ffffff;
    height:310px;
}
#footer_text_left { position:absolute; top:10px; left:10px; font-size:10px; }
#footer_text_right { position:absolute; top:10px; right:10px; font-size:10px; }

#submenubar { position:absolute; left:0px; top:0px; width:900px; background-color: #505050; }
#submenubar a { display:block; width:150px; height:23px; padding-top:7px; text-align:center; font-weight: bold; text-decoration: none; float:left; color:#ffffff; }
#submenubar a:hover { text-decoration:underline; }

a { color:Blue; }
a:hover { color:#505050 }

/********      main navigation styles      ********/
#header_menu { position:absolute; left:0px; top:164px; width:900px; }
/* mainmenu */
#header_menu ul { position:absolute; list-style:none; z-index:99; cursor:pointer; }
/* submenu */
#header_menu li ul { position: absolute; left:-999px; top:30px; width: 150px; }
/* submenu submenu */
#header_menu li ul ul { position:relative; margin-left:150px; margin-top:-60px; }
/* all menu items */
#header_menu li { display:block; float:left; width:150px; height:30px; }
/* all menu items links */
#header_menu a { display:block; width:150px; height:23px; padding-top:7px; text-align:center; font-weight: bold; text-decoration: none; }
/* when a mainmenu item hovered, hide all submenu menus. */
#header_menu li:hover ul ul { left: -999px; }
/* when a mainmenu item hovered, show submenu. */
#header_menu li:hover ul { left: auto; }
#header_menu li li:hover ul { left: auto; }
/* non-mouseover mainmenu home section background color */
#header_menu ul.top li.home { border-left:none; background: #bebebe url(../images/button02.jpg) top left repeat-x; }
/* non-mouseover mainmenu blog section background color */
#header_menu ul.top li.blog { background: #bebebe url(../images/button02.jpg) top left repeat-x; }
/* non-mouseover mainmenu background color */
#header_menu ul.top li.top { background: #333333 url(../images/button01.jpg) top left repeat-x; }
/* mouseover mainmenu background color */
#header_menu ul.top li.top:hover { background: #505050 url(../images/top_bottom/v2/menu_bg_hover.png) top left repeat-x; }
/* non-mouseover submenu background color */
#header_menu ul.top li.top ul li, #header_menu ul.top li.top ul li.more { background-color: #333333; }
/* mouseover submenu background color */
#header_menu ul.top li.top ul li:hover, #header_menu ul.top li.top ul li.more:hover { background-color: #505050; }
/* non-mouseover mainmenu hyperlink color */
#header_menu ul.top li.top a, #header_menu ul.top li.home a, #header_menu ul.top li.blog a { color: #ffffff; }
/* mouseover mainmenu hyperlink color */
#header_menu ul.top li.top:hover a, #header_menu ul.top li.home a, #header_menu ul.top li.blog a { color: #ffffff; }
/* non-mouseover submenu hyperlink color */
#header_menu ul.top li.top ul li a { color: #ffffff; text-align:left; padding-left:6px; width:144px; }
/* mouseover submenu hyperlink color */
#header_menu ul.top li.top ul li a:hover { color: #ffffff; }
/* arrow graphic added to the right of submenu items that have their own menus. */
#header_menu ul.top li.top ul li.more { background-image: url(../images/top_line_arrow1.jpg) center right no-repeat!important; }
#header_menu ul.top li.top ul li.more:hover { background-image: url(../images/top_line_arrow2.jpg) center right no-repeat!important; }
/* non-mouseover submenu menu background */
#header_menu ul li ul li ul { background-image: url(../images/top_line.jpg) center right no-repeat!important; }
/* mouseover submenu menu background */
#header_menu ul.top li.top ul li ul li:hover { background-color: #505050; }