/* CSS Document */

* { padding: 0; margin: 0; }

body {
 background:url(images/bg_wrapper.jpg) repeat-y center #0e3356;
 font-family:"Arial Narrow";
 font-size:12px;
 margin:0 auto;
 text-align:center;
 padding:0;
}

#wrapper {
 overflow:hidden;
 background:url(images/wrapper.jpg) repeat-y center;
 margin: 0 auto;
 text-align:left;
 width:898px;
 padding:0;
}

#header {
 margin: 0 auto;
 padding:0px;
 height: 415px;
 width:898px;
 /*background:url(images/header.jpg) no-repeat;*/
}

#content {
 width:661px;
 height:auto;
 background:url(images/bg_content.jpg) repeat-y;
 float:right;
}

#content .title_page{
 width:661px;
 height:29px;
 background:url(images/bg_title_page.jpg) no-repeat;
 margin:10px 0 10px 0;
 text-align:center;
 color:#000000;
 font-size:24px;
 padding-top:10px;
 text-transform:uppercase;
}

#content .title_page:first-letter {
 color:#000000;
 font-weight:bold;
 font-size:24px;
 text-transform:capitalize;
}

#content #text_content{
 width:661px;
 height:auto;
 background:url(images/bg_content.jpg) repeat-y;
 float:right;
 padding-bottom:0px;
}

#content #text_content .shadow_up {
 background:url(images/shadow_up.jpg) no-repeat;
 width:657px;
 height:3px;
 }

#content .text_over{
 width:657px;
 height:auto;
 background:url(images/bg_text.jpg) repeat-y;
 float:left;
}

#content .text_over p{
 padding:10px 10px 10px 30px;
 text-align:justify;
 font-size:14px;
}

#content .text_over a{
 padding:0px 10px 0px 30px;
 text-align:justify;
 font-size:12px;
 color:#29689d;
}

#content .text_over a:hover{
 padding:0px 10px 0px 30px;
 text-align:justify;
 font-size:12px;
 color:#666666;
}

#content .text_over img{
 border:#29689d 3px solid;
 margin:0px 10px 10px 10px;
}

#content .text_over ul li{
 list-style-image:url(images/li_p.jpg);
 padding:10px 10px 10px 0px;
 margin-left:30px;
 text-decoration:underline;
 font-size:14px;
}

#content .text_over ul li a{
 text-decoration:none;
 font-size:14px;
}

#content .text_over ul li a:hover{
 text-decoration:none;
 font-size:14px;
}

#content .all_down {
 background:url(images/all_down.jpg) no-repeat bottom;
 width:661px;
 height:52px;
 float:left;
}

h1 {
 background:url(images/bg_h1.jpg) no-repeat;
 width:627px;
 height:28px;
 padding-left:30px;
 padding-top:5px;
 margin:0;
 font-weight:lighter;
 text-transform:uppercase;
 font-size:16px;
}

h1:first-letter {
 font-weight:bold;
 font-size:20px;
}

h2 {
 font-size:14px;
 text-transform:uppercase;
 text-decoration:underline;
 padding:10px 10px 0px 30px;
 font-weight:lighter;
}

/**********************MENU****************************/


#sidebar_left {
 width:237px;
 float:left;
 background:url(images/bg_menu.jpg) repeat-y;
 height:auto;
}

#sidebar_left .shadow_menu {
 width:237px;
 float:left;
 padding-right:10px;
}

/* Begin CSS Popout Menu */

#menu{
 /*margin-left:1px;*/
 width:237px;
 padding-bottom:12em; /* To allow room for bottom dropdown */
}

#menu ul{
 list-style:none;
 margin:0;
 padding:0;
 width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover, div #menu li.sfhover{
 position:relative;
}


div#menu li ul{
 position:absolute;
 top:0;
 left:100.1%;
 display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li.sfhover ul ul,
div#menu ul li:hover ul ul ul,
div#menu ul li.sfhover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul li.sfhover ul,
div#menu ul ul li:hover ul,
div#menu ul ul li.sfhover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul li.sfhover ul
{display:block;}


#sidebar_left ul{
 color:#000000; 
 font-size:14px;
 list-style:none;
 text-transform:uppercase;
 
}

#sidebar_left ul:first-letter{
 color:#6c7c8f; 
 font-size:18px;
 text-transform:uppercase;
}

#sidebar_left li {
 margin:0px;
 background:url(images/bg_menu.jpg) repeat-y;
 height:auto;
 width:237px;
 text-align:left;
}

#sidebar_left li li {
 margin:0px;
 background:url(images/bg_rollon.jpg) repeat-y;
 height:auto;
 width:235px;
 text-align:left;
}

#sidebar_left li a {
 display:block;
 color:#000000;
 font-weight:lighter;
 height:auto;
 width:222px;
 text-decoration:none;
 padding:3px 0px 3px 10px;
 background:url(images/shadow_menu.jpg) no-repeat bottom;
}

#sidebar_left li a:first-letter {
 color:#000000;
 font-size:18px;
 text-transform:capitalize;
 font-weight:bold;
}

#sidebar_left li li a {
 display:block;
 padding:0px;
 color:#FFFFFF;
 font-weight:lighter;
 height:auto;
 width:235px;
 text-decoration:none;
 padding:3px 0px 3px 10px;
}

#sidebar_left ul li ul li a {
 font-size:12px;
}

#sidebar_left li li a:first-letter {
 color:#FFFFFF;
 font-size:14px;
 text-transform:capitalize;
 font-weight:lighter;
}

#sidebar_left li a:hover {
 display:block;
 padding:3px 0px 3px 10px;
 color:#000000;
 font-weight:lighter;
 height:auto;
 width:222px;
 text-decoration:none;
 background:url(images/bg_menu_on.jpg) repeat-y;
 }
 
#sidebar_left li li a:hover {
 display:block;
 padding:3px 0px 3px 10px;
 color:#FFFFFF;
 font-weight:lighter;
 height:auto;
 width:237px;
 text-decoration:none;
 background:url(images/bg_rollout.jpg) repeat-y;
 }

#menu {
 width:237px;
}

/*************************************************************************************/