/* Main */
*        {margin:0px;padding:0px; 
         }
BODY     {
	 font: 12px Verdana, Arial, Helvetica, sans-serif;
         background: #FFF url(/media/site/bg.gif) left top repeat-x;
         }

table         {border:0px; border-collapse:collapse; width: 100%;}

table td      {padding:0px;} 

P,DIV,TD   {font: 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom:	16px;}




h2            {color:#C36D00; font: bold 16px Verdana, Arial, Helvetica, sans-serif;padding-bottom:14px;}
h3            {color:#000; font: bold 16px Verdana, Arial, Helvetica, sans-serif;padding-bottom:14px;}
h4            {color:#C36D00; font: bold 14px Verdana, Arial, Helvetica, sans-serif;padding-bottom:14px;}
h5            {color:#000; font: bold 14px Verdana, Arial, Helvetica, sans-serif;padding-bottom:14px;}
h6            {color:#000; font: bold 12px Verdana, Arial, Helvetica, sans-serif;padding-bottom:14px;}
#left UL{PADDING-LEFT: 20px;padding-bottom:10px;}

#left p{padding-bottom:8px;}


a             {font: 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;}
             
/* PAGE */

#page{width:960px; margin:0 auto;}

#top{height:154px;}

#menu1{position:absolute; top:20px; padding-left:210px; z-index: 1000;}
#menu2{position:absolute; top:82px; padding-left:660px;}
/*
#logo{position:absolute; top:40px; padding-left:10px;}
*/
#logo{position:absolute; top:16px; padding-left:10px;}


#menu1 a             {font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#menu1 a:link        {color: #FFF; text-decoration: none;} 
#menu1 a:visited     {color: #FFF; text-decoration: none;} 
#menu1 a:active      {color: #FFF; text-decoration: none;} 
#menu1 a:hover       {color: #FEAD01; text-decoration: none;}

#menu1 i        {color: #FFF; font: 10px Verdana, Arial, Helvetica, sans-serif; padding:0 2px 0 8px;}





#menu2 a             {font: 11px Verdana, Arial, Helvetica, sans-serif;}
#menu2 a:link        {color: #FFF; text-decoration: underline;} 
#menu2 a:visited     {color: #FFF; text-decoration: underline;} 
#menu2 a:active      {color: #FFF; text-decoration: underline;} 
#menu2 a:hover       {color: #FEAD01; text-decoration: underline;}

#menu2 i        {color: #FFF; font: 10px Verdana, Arial, Helvetica, sans-serif; padding:0 2px 0 8px;}


#main{ background: #FFF url(/media/site/bg_main.gif) left top no-repeat;
overflow:hidden;
}


#main .content{padding:10px 20px 10px 20px;}

#left{float:left; width:628px; margin-right:10px;}
#right{float:left; width:280px; }

#right h1{color:#023E7F; background: url(/media/site/title.gif) left top no-repeat;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
height:24px; 
          line-height:24px;
padding-left:20px;
}

#right h1 b{color:#C36D00;}

.box{background:#F6F6F6; margin-top:4px; padding:10px;
color:#333333; 
}

.box .boxinside table{width:260px;}
.box p{padding-bottom:8px;}

a.more{font: bold 11px Verdana, Arial, Helvetica, sans-serif; background: url(/media/site/more.gif) right top no-repeat;
text-align:right;display:block;
}
a.more:link        {color: #DD820E; text-decoration: underline;} 
a.more:visited     {color: #DD820E; text-decoration: underline;} 
a.more:active      {color: #DD820E; text-decoration: underline;} 
a.more:hover       {color: #ff0000; text-decoration: underline;} 

#box_title{
 background: #43729A url(/media/site/bg_title.gif) left top no-repeat;
height:166px;
margin-bottom:5px;
}
#box_title .content{ padding: 10px 10px 10px 240px;}

#box_title  .content h1{background:none; font: bold 18px Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding: 0 0 10px 0;}
#box_title  .content p{font: 11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; }

#box_title  .content h1 b{color:#C36D00;}

#bottom{border:1px #DCDCDC solid; 
background:#F0F0F0;
margin:10px 20px 10px 20px;
}

#bottom .content{padding:8px;}


#left h1{color:#023E7F; background: url(/media/site/title2.gif) left top no-repeat;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
height:24px; 
          line-height:24px;
padding-left:20px;
margin-bottom:16px;
}

#left h1 b{color:#C36D00;}


#bottom .content p{color:#747474;padding-top:8px;}
#bottom .content i{color:#CCC;padding:0 2px 0 2px;}

#bottom .content a             {font: 11px Verdana, Arial, Helvetica, sans-serif;}
#bottom .content a:link        {color: #737373; text-decoration: underline;} 
#bottom .content a:visited     {color: #737373; text-decoration: underline;} 
#bottom .content a:active      {color: #737373; text-decoration: underline;} 
#bottom .content a:hover       {color: #FEAD01; text-decoration: underline;}





table.timeline {

border-collapse:separate; }


table.timeline td{padding:20px; }

table.timeline table td{
padding:5px 10px; 
border-top:2px solid #E8E8E8; 
border-left:1px solid #E9E9E9; 
border-right:1px solid #E9E9E9; 
border-bottom:5px solid #FFF; 

vertical-align:top;
width:100%;
}

table.timeline table td.year {
width:1%;  background:#FCFCFC;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}



table.president {

border-collapse:separate; 


}


table.president td{padding:5px; }

table.president td{padding:5px; }

table.president  td{
border-top:2px solid #E8E8E8; 
border-left:1px solid #E9E9E9; 
border-right:1px solid #E9E9E9; 
border-bottom:8px solid #FFF; 
background:#FFF;
vertical-align:top;
}


table.president td.year {
background:#F4F3F3;

border-left:0px solid #E9E9E9; 
border-right:0px solid #E9E9E9; 
border-bottom:2px solid #E8E8E8; 
border-top:4px solid #636363;

font: bold 14px Verdana, Arial, Helvetica, sans-serif;
height:20px;
}


