/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
html,body{margin:0;padding:0;}
body {   font: 87.5% arial,sans-serif;
         margin:20px 0;
         color:#666;
         text-align:center;
         background:url('images/body_bg3.jpg') #CCC; 
         background-repeat:repeat-x;}     

p {      margin:0 .5em .8em;
         padding:0;
         line-height:1.5em;}
a{display:inline; padding:0 .15em;}
a:link, a:active, a:visited { color: #1144BB; text-decoration:none; font-weight:normal;}
a:hover {color: #5588EE; text-decoration:underline;}

img {margin:.2em .5em;border:1px solid #ccc;}
table{cellspacing:0; cellpadding:0;}
td{ color:#666; font: 82% arial,sans-serif;line-height:1.5em;}
ul {  list-style-type: none;
      padding: .4em 0px;
      margin: 0px;}
li{   padding-bottom: .4em;padding-top:.1em;
      padding-left: 16px;
      background-image: url(images/li_bullett.gif);
      background-repeat: no-repeat;
      background-position: 0px 5px;
      line-height:1.5em;
} 

.color1 {border-bottom-color:#D47B22;}
.color2 {border-bottom-color:#F00;}
.color3 {border-color:#71780f;}
.underline {border-bottom:2px solid #c71d28;}
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}

h1{   font-size:1.3em; font-family:Georgia,Serif;
      color:#c71d28;margin-top:0;}
h2{   font-size:1.2em; font-family:Georgia,Serif;
      color:#c71d28; }


/* -------------------------------------------*/
/* ---------->>> PAGE STRUCTURE <<<-----------*/
/* -------------------------------------------*/

#container{ width:775px;
            margin:0 auto;
            text-align:left;
            background:#FFF;
            border:1px solid #ccc;}

#header {   position:relative; margin:0;
            height:150px;
            
            background: #FFF; 
            background-image:url('images/header_2.jpg'); 
            background-repeat:none;
            background-position:top left;
            padding:0 30px;}
   /*#header p{padding:0; margin:0;}
   #header div {  position:absolute; top: 30px; left:10px;
                  width:400px; height:110px;
                  padding:10px;}*/
   

#content{   float:left;
            width:500px; 
            color: #5A6571; 
            padding:10px; 
            background:#FFF;
            border-right: 1px solid #CCC;}

            
  
#extra{  background:#FFF;
         float:right;
         clear:right;
         width:250px;
         padding:8px 0 0;}
   #extra h2 { font-size: 125%; color:#333399;}
   #extra h2.color1 {border-color:#D47B22;}
   #extra h2.color2 {border-color:#71780f;}

#footer{ clear:both;
         background: #333;
         color: #FFF;
         width:100%;
         text-align:center; 
         padding:0px;
         margin:0;}
   #footer p{margin:0;padding:5px;}
   #footer div{padding:3px 0;}
   #footer a:hover { color:#CCC;}
   #footer a{color:#ABBECC; padding: 2px 6px;}
            
            
#content{}
   #content p{}



/* ----------------------------------*/
/* ---------->>> Forms <<<-----------*/
/* ----------------------------------*/

form { margin:.8em;padding:.4em;}
form label {font-weight:bold; display:block; text-align:right;}
form fieldset{color:#666;border:2px solid #999; font-weight:bold;}
form td{padding:.4em 0;}


/* -----------------------------------*/
/* ---------->>> Extras <<<-----------*/
/* -----------------------------------*/

/* Content Boxes */
div.box{ width: 220px;margin:10px 12px;
            border: 1px solid #BBB;}
   div.box h2 { line-height:30px; font-size: 1.1em;
               border-bottom:2px solid;
               background: #DDD; color: #333399;
               padding: 0 5px; margin:0 0 3px 0;}
   div.box p {padding:2px 14px;}
   div.box li{}

/* Leader display */
#content div.leader{ width:47%; 
                     float:left;
                     border:1px solid #aaa;
                     text-align:center;
                     margin:0px 5px 10px;
                     height:250px;}
   #content div.leader p{padding:0 10px; margin:4px;}
   #content div.leader h2{ border-bottom:2px solid #d47b22;
                           background: #DDD; color: #666666;
                           padding: 2px 5px; margin:0 0 3px 0;}

/*Event Display */
.td-label { text-align:right; vertical-align:top; padding:2px 4px; font-weight:bold; font-style:italic;}
table.event {margin:2px 10px 20px; border:1px solid #ccc;}


tr.tr-first td{ font-size: 1em; color:#333399; background:#ddd; padding:3px 5px; }  
table.data-simple td, table.data-simple tr {border:1px solid gray;font-size:5px; height:25px; overflow:hidden;
}

.emphasis {font-style:italic; font-weight:bold; color:#444;}