/* Original design by Andreas Viklund.  http://andreasviklund.com */

/**************** Page and tag styles ****************/

*
{margin:0; padding:0; border:0;}

body, html
{color:#515758; background:#b0b0b0;}

body
{font:62.5% Verdana,Tahoma,sans-serif;}

/************ http://clagnut.com/blog/348/ ***********/
input, select, table, th, td
{font-size:1em;}

.clear 
{clear:both;}

.right 
{float:right;}

.left 
{float:left;}

/**************** Sidebar area styles ****************/

#sidebar
{position:absolute; top:0; left:0; width:240px; height:100%; overflow:auto; color:#515758; font-size:1em;}

body > #sidebar
{position:fixed;}

#sidebar h3
{margin:0 0 0 20px; padding:0; font-weight:bold; letter-spacing:-1px; font-size:1.8em; text-align:center;}

#sidebar  p
{margin:5px 0 5px 20px; font-weight:normal; font-size:1em; letter-spacing:0px; text-align:center;}

#sidebar a
{color:#515758; font-weight:normal; font-size:1.4em; letter-spacing:-1px; text-align:center; text-decoration:none;}

#sidebar a:hover
{color:#515758; font-weight:bold; font-size:1.4em; letter-spacing:-1px; text-align:center; text-decoration:none;}

#sidebar img
{margin:20px 0 0 15px;}

/**************** Navigation menu styles ****************/

#menu
{margin:0 0 0 45px; padding:0; width:178px;}

#menu ul, #menu ul li
{margin:0; padding:0; list-style:none; width:178px; overflow:hidden; text-align:left;}

#menu, #menu ul, #menu ul li, #menu ul li div
{font-size:1em;}

#menu ul h3
{margin:0; padding:0; width:178px; height:25px;}

#menu ul h3.info
{background:url(../images/SidebarHeader_Info.O.png) top left no-repeat;} 

#menu ul h3.services
{background:url(../images/SidebarHeader_Services.O.png) top left no-repeat;}

#menu ul h3.otherservices
{background:url(../images/SidebarHeader_OtherServices.O.png) top left no-repeat;}

#menu ul a
{display:block; padding:5px 0 5px 15px; color:#515758; font-weight:bold; font-size:1.3em; letter-spacing:-1px; text-decoration:none; text-align:left;}

#menu ul a:hover
{color:#ff8d40; font-weight:bold; font-size:1.3em; letter-spacing:-1px; text-decoration:none; text-align:left;}

#menu ul a.active, #menu ul a.active:hover
{color:#ff8d40; font-weight:bold; font-size:1.3em; letter-spacing:-1px; text-decoration:none; text-align:left;}

#menu ul div.top
{margin:0; padding:0; background:#fafafa url(../images/SidebarMenuTop.png) top left no-repeat; width:178px; height:6px;}

#menu ul div.menu
{margin:0; padding:0; background:#fafafa url(../images/SidebarMenuBackground.png) top left repeat-y; width:178px;}

#menu ul div.bottom
{margin:0; padding:0; background:#fafafa url(../images/SidebarMenuBottom.png) top left no-repeat; width:178px; height:10px;}

#menu a.placeorder
{margin:0; padding:0;}

#menu img.placeorder
{margin:0; padding:0; width:178px; height:35px;}

/**************** Content area styles ****************/

#contentwrapper
{width:730px; margin:20px 10px 20px 250px; padding:0; background:#ffffff url(../images/ContentBackground.png) top left repeat-y; font-size:1em;}

#contentwrapper div.top
{background:url(../images/ContentTop.png) top left no-repeat; width:730px; height:15px;}

#contentwrapper div.bottom
{background:url(../images/ContentBottom.png) top left no-repeat; width:730px; height:15px;}

#content
{padding:0 30px 20px 30px; font-size:1em;}

#content p
{margin:20px 0 20px 0; color:#515758; font-size:1.6em; font-weight:normal; letter-spacing:-1px; text-align:left; line-height:20px;}

#content p a
{margin:0; color:#515758; font-size:1em; font-weight:bold; letter-spacing:-1px; text-decoration:none;}

#content p a:hover
{margin:0; color:#ff8d40; font-size:1em; font-weight:bold; letter-spacing:-1px; text-decoration:none;}

#content h1
{margin:20px 0 30px 0; color:#515758; font-size:5em; font-weight:normal; letter-spacing:-1px; text-align:center;}

#content h2
{margin:20px 0 20px 0; color:#ff8d40; font-weight:normal; font-size:3em; letter-spacing:-1px; text-align:left;}

#content h2 a
{color:#ff8d40; font-weight:normal; font-size:1em; letter-spacing:-1px; text-align:left; text-decoration:none;}

#content h2 a:hover
{color:#515758; font-weight:normal; font-size:1em; letter-spacing:-1px; text-align:left; text-decoration:none;}

#content h3
{margin:0; color:#515758; font-size:18px; letter-spacing:-1px; text-align:center;}
/* {clear:both; margin:30px 0 10px 0; color:#ff8d40; font-weight:normal; font-size:2em; letter-spacing:-2px;} */

#content ul
{margin:20px 0 20px 40px; color:#515758; font-size:1em; font-weight:normal; letter-spacing:-1px; list-style:circle;}

#content li
{margin:0 0 10px 0; color:#515758; font-size:1.6em; font-weight:normal; letter-spacing:-1px; text-align:left; line-height:20px;}

#contentwrapper p.footer
{margin:0; padding:10px 0 0 0; color:#515758; background:#b0b0b0; font-size:1.2em; font-weight:normal; letter-spacing:-1px; text-align:left;}

#contentwrapper a
{color:#515758; font-weight:normal; font-size:1em; letter-spacing:-1px; text-align:left; text-decoration:none;}

#contentwrapper a:hover
{color:#515758; font-weight:bold; font-size:1em; letter-spacing:-1px; text-align:left; text-decoration:none;}