/* Main */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td{ 
          margin: 0; padding: 0;
          border: 0; 
}

table{    border-collapse:collapse; border-spacing: 0;}

:focus{   outline: 0;}

body, a, p, div, td{
          font: normal 13px Verdana, Arial, Helvetica, sans-serif;
}

body{     background: #FFF;}

h1{       color:#001140; font: bold   22px Verdana, Arial, Helvetica, sans-serif;}
h2{       color:#255FA6; font: bolder 20px Verdana, Arial, Helvetica, sans-serif;}
h3{       color:#000; font: bold   18px Verdana, Arial, Helvetica, sans-serif;} 
h4{       color:#000; font: bold   16px Verdana, Arial, Helvetica, sans-serif;} 
h5{       color:#000; font: bold   14px Verdana, Arial, Helvetica, sans-serif;} 
h6{       color:#000; font: normal 12px Verdana, Arial, Helvetica, sans-serif;} 


a:link{   color:#14376F; text-decoration: underline;} 
a:visited{color:#14376F; text-decoration: underline;} 
a:active{ color:#14376F; text-decoration: underline;} 
a:hover{  color:#ff0000; text-decoration: underline;} 

.clear{   clear:both;  margin: 0; padding: 0;
          border: 0; }
.clear hr{       color: #195197; background-color: #195197; height: 1px; border:0px; margin: 0; padding: 0;}               




/* Page */

#page{
width:960px; margin: 0 auto;
position:relative;
}


#logo_bottom{width:307px; height:45px; position:absolute; top:87px; z-index:100;
background: url(/media/web/logo_bottom.jpg) top left no-repeat;
}

#header{
height:87px;
postion:relative;
background: url(/media/web/bg_header.gif) left top repeat-x;
}


#logo{
width:133px; height:87px; 
background: url(/media/web/logo.jpg) left top no-repeat;
position:absolute; left:80px;
}



#intro_center{float:left; width:410px; height:245px;
background: url(/media/web/lawyer.jpg) top left no-repeat;
margin: 3px 6px 0 0;
}

#intro_left{float:left; width:306px; margin:45px 7px 0 0;
background: #DCE3EC url(/media/web/bg_welcome.gif) bottom left no-repeat;
}

#intro_left .content{padding:12px;}

#intro_left h1{color:#FFAE00;font: bold   18px Verdana, Arial, Helvetica, sans-serif;}
#intro_left h2{color:#001748;font: bold   16px Verdana, Arial, Helvetica, sans-serif;padding: 0 0 10px 0;}
#intro_left p{color:#001748;font: bold   12px Verdana, Arial, Helvetica, sans-serif;}


#intro_right{float:left; width:223px; margin:3px 0 0 0;
background: url(/media/web/compass.gif) top left no-repeat;

}

#intro_right_compass{height:127px; width:223px; position:relative;}

#intro_right_compass p#s3{color:#97AEC5; font: bold   11px Verdana, Arial, Helvetica, sans-serif;
position:absolute; top:68px; left:38px;
 }

#s1{position:absolute; top:35px; left:35px;}
#s2{position:absolute; top:35px; left:145px;}

#s4{position:absolute; top:100px; left:45px;}
#s5{position:absolute; top:100px; left:145px;}


#intro_right_compass a#s1:link,
#intro_right_compass a#s2:link,
#intro_right_compass a#s4:link,
#intro_right_compass a#s5:link
{color:#023E7D; text-decoration: none; font: bold   14px Verdana, Arial, Helvetica, sans-serif;} 

#intro_right_compass a#s1:visited,
#intro_right_compass a#s2:visited,
#intro_right_compass a#s4:visited,
#intro_right_compass a#s5:visited
{color:#023E7D; text-decoration: none; font: bold   14px Verdana, Arial, Helvetica, sans-serif;} 

#intro_right_compass a#s1:active
#intro_right_compass a#s2:active
#intro_right_compass a#s4:active
#intro_right_compass a#s5:active
{ color:#023E7D; text-decoration: none; font: bold   14px Verdana, Arial, Helvetica, sans-serif;} 


#intro_right_compass a#s1:hover,
#intro_right_compass a#s2:hover,
#intro_right_compass a#s4:hover,
#intro_right_compass a#s5:hover
{  color:#023E7D; text-decoration: underline; font: bold   14px Verdana, Arial, Helvetica, sans-serif;} 


#intro_right_president{height:127px; width:223px;position:relative;
background: url(/media/web/president.jpg) top left no-repeat;
cursor:hand;
}

#intro_right_president p{position:absolute; top:60px; left: 50px; width:66px;
color:#FFF;font: bold   12px Verdana, Arial, Helvetica, sans-serif;
text-align:center;text-decoration: none;
}


#intro_right a:link, #intro_right a:visited, #intro_right a:active,
#intro_right a:hover{color:#FFF; text-decoration: none;} 





#main_center{float:left; width:410px; height:400px;
margin: 3px 6px 0 0;    position:relative; 
}



#main_center .content { 

   background:#FFF; 
   border:1px #001140 solid; 
   padding: 0 11px 0 11px; 
} 



 .ll,  .lr, .ul, .ur  { 
   height:11px; 
   position:relative; 
} 

 .ll { 
   width:11px; 
   float:left; 
   left:-12px; top:1px; 
   background:transparent url(/media/web/ll.gif) bottom left no-repeat; 
} 
 .lr { 
   left:12px; top:1px; 
   background:transparent url(/media/web/lr.gif) bottom right no-repeat;   
}


.ul { 
   width:11px; 
   float:left; 
   left:-12px; top:-1px; 
   background:transparent url(/media/web/ul.gif) top left no-repeat; 
} 

.ur { 
   left:12px; bottom:1px; 
   background:transparent url(/media/web/ur.gif) top right no-repeat; 
} 


#main_center .text_center{text-align:center;}


#main_center .text_center a:link{   color:#14376F; text-decoration: underline;font: 13px Verdana, Arial, Helvetica, sans-serif;} 
#main_center .text_center a:visited{color:#14376F; text-decoration: underline;font: 13px Verdana, Arial, Helvetica, sans-serif;} 
#main_center .text_center a:active{ color:#14376F; text-decoration: underline;font: 13px Verdana, Arial, Helvetica, sans-serif;} 
#main_center .text_center a:hover{  color:#ff0000; text-decoration: underline;font: 13px Verdana, Arial, Helvetica, sans-serif;} 

#main_center .text_center  h3{       color:#023672; font: bold 16px Verdana, Arial, Helvetica, sans-serif;padding: 10px 0 10px 0;} 


#main_left{float:left; width:306px; margin:3px 7px 0 0;
}

.event{padding: 0 0 3px 0;}
#main_left .content{padding: 5px;}
#main_left  h3{       color:#023672; font: bold 16px Verdana, Arial, Helvetica, sans-serif;padding: 0 0 10px 0;} 

#main_left  ul { list-style-type: none; padding: 0 0 0 6px;}
#main_left  li {  padding: 0 0 6px 0;}

#main_right{float:left; width:223px; margin:3px 0 0 0;
background: url(/media/compass.gif) top left no-repeat;

}
#main_right .content{padding:5px;}

#main_right  h3{       color:#023672; font: bold 16px Verdana, Arial, Helvetica, sans-serif;padding: 10px 0 10px 0;} 
#main_right  p{       color:#023672; font: 11px Verdana, Arial, Helvetica, sans-serif;padding: 0 0 10px 0;} 

#footer{position:relative;
background:#DAE2EB;margin:2px 0 0 0;
}
#footer .content{padding:10px;}

#footer .content p{font: 10px Verdana, Arial, Helvetica, sans-serif;padding: 8px 0 0 0;}


/* MENU
-----------------------------------------------------------------------------------------------*/

#menu{
          margin: 0; padding:0;                                            
	  height:36px; 
          position: absolute; z-index: 1000; text-align: left; left:245px;top:38px; 
          font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
}
#menu a{
          text-decoration: none;
}

#menu ul{
          margin: 0; padding:0;
          position: relative;
	  list-style-type: none;
}
#menu li{
          width: auto; 
          float: left; position: relative; text-align: center;
          background: url(/media/web/menu.gif) no-repeat left top; 
}


#menu a, #menu a:visited{
          padding:0 6px 0 10px;
          display: block;
          line-height:36px;
          color: #FFB200; 
}
html #menu a:hover{
          line-height:36px;
          color: #FFF;
          text-decoration: none;
          background-position: 0 -36px; 
}



/* INSIDE
-----------------------------------------------------------------------------------------------*/


#main_inside{margin:45px  0 0 0;}

#main_inside .content{padding:10px;}

#main_inside .content ul, #main_inside .content ol{padding: 10px  0 10px 40px;}

#main_inside .content p,
#main_inside .content h1,
#main_inside .content h2,
#main_inside .content h3,
#main_inside .content h4,
#main_inside .content h5,
#main_inside .content h6{padding: 0 0 8px 0;}

.coupon01 {
	width:451px;
	background-image:url(couponbg01.gif);
	}
	
.coupon02 {
	width:451px;
	padding-top:20px;
	padding-bottom:30px;
	background-image:url(couponbg02.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}

.coupon02 table td {
	font-weight:bold;

	}

#iconsbox {
float:right;
	width:145px;
	height:33px;
	text-align:center;
	margin-bottom:20px;}


