html
  {
      height: 100%;
 }
 
 h1
 {
   margin-top:0px;
 }
body
{
   background-color:#f4f4f4;
   font-size:13px;
   font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
   line-height:170%;
  
 } 


 td {
   font-size:13px;
   font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
   line-height:170%;
}

a
{
   text-decoration:none;
   color:#000000;
}

a:hover
{
   text-decoration:underline;
} 

h1
{
  margin-bottom:20px;
}

h2
{
  font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
  font-weight: bold; 
  font-size:16px;  
  margin-bottom:10px;
}

h2.steps
{
  font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
  font-weight: bold; 
  font-size:20px;  
  margin-top:0px;
}

h3
{
  font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
  font-weight: bold;
  font-size:13px;  
  margin-bottom:10px;
}

.appPanel h3
{
  font-size:17px;
  color:#000000;
}

.appPanel h3 a
{
  color:#000000;
  text-decoration:none;
}

.appPanel h3 a:hover
{
  color:#000000;
  text-decoration:underline;
}

.appPanel
{
  color:#191d29;
}

a.twitter
{
  font-size:21px;
  color:#454545;
   text-decoration:none;

}

a.twitter:hover
{
  text-decoration:underline;
}



#logo
{
   border:none;
   float:left;
}

/*************************/
div#top
{
width:980px;
height:22px;
background-image:URL(/images/top.gif);
}

div#bottom
{
width:980px;
height:22px;
background-position:bottom;
background-image:URL(/images/bot.gif);
}

div#content
{
   background-image:URL(/images/bg.gif);
   padding:0px 20px 20px 20px;
}

p.subTitle
{
   color:#999999;
   margin:0px;
   
}

ul{
    margin: 0 auto;
    padding: 0;
}

ul#menu{
	display:block;
	height:100px;
}

ul#menu li
{
    text-align: left;
    float: left;
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width:110px;
   height:100px;
   background-position:bottom;
   background-repeat:no-repeat;
   cursor:pointer;
   text-indent:-3000px;

}

ul#menu li#logo { 
   width:500px;/* 415px; */
   height:96px;
   background-image:URL( /images/logo.gif );
   background-repeat:no-repeat;
 }

li#logo h1
{
   position:relative;
   left:-3000px;
}

ul#menu li#menu_21 { background-image:URL( /images/menu_21.gif ); }
ul#menu li#menu_21_selected { background-image:URL( /images/menu_21_selected.gif ); }

ul#menu li#menu_22 { background-image:URL( /images/menu_22.gif ); }
ul#menu li#menu_22_selected { background-image:URL( /images/menu_22_selected.gif ); }

ul#menu li#menu_23 { background-image:URL( /images/menu_23.gif ); }
ul#menu li#menu_23_selected { background-image:URL( /images/menu_23_selected.gif ); }

ul#menu li#menu_25 { background-image:URL( /images/menu_25.gif ); }
ul#menu li#menu_25_selected { background-image:URL( /images/menu_25_selected.gif ); }

ul#menu li#menu_28 { background-image:URL( /images/menu_28.gif ); }
ul#menu li#menu_28_selected { background-image:URL( /images/menu_28_selected.gif ); }

#content-wrapper
{
  width:980px;
  margin-left:  auto ;
  margin-right: auto ;

}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


/***************/
#footer-wrapper
{
   background-image:URL(/images/shadow_1.gif);
   background-repeat:repeat-x;
   background-color:#dcdcdc;
}

#footer
{
   width:980px;
   color:#3d3d3d;
   margin-left:auto;
   margin-right:auto;

}

#footer ul
{
   display:block;
}


#footer div h2
{
    background-image:URL(/images/dotted_footer.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
	margin:0px; 
	color:#3d3d3d;
  
}

#footer div h2 img
{
  position:relative;
  top:10px;
}



#footer h3 a
{
  color:#3d3d3d;
  margin-bottom:5px;
  text-decoration:none;
}

#footer h3 a:hover
{
  color:#3d3d3d;
  margin-bottom:5px;
   text-decoration:underline;
}


#footer a
{
  color:#3d3d3d;
  text-decoration:none;
}

#footer a:hover
{
  color:#3d3d3d;
  text-decoration:underline;
}

div#site_directory{
     text-align: left;
     float: left;
    
     width: 480px;
	 margin-right:10px;
}

div#site_directory ul li {
     text-align: left;
     float: left;
     list-style:none;
     width: 200px;
}

div#site_directory ul li h3 {
     margin-top:10px;
}

div#blog_activity{
     text-align: left;
     float: left;
     
     width: 240px;
	 margin-right:10px;
}


div#blog_activity ul li
{
   background:URL( /images/blog.gif ) 0px 5px no-repeat;
   padding:0px 0px 0px 26px;
   list-style: none;
   text-align: left;
    float: left;
}

div#get_in_touch{
     text-align: left;
     float: left;

     width: 240px;
	
}
 


#twitterStatus
{
  background:URL( /images/twitter_feed.gif ) no-repeat;
  padding:0px 0px 0px 200px;
  height:60px;
}

ul#other-news 
{
  background-image:URL( /images/other-news.gif );
  background-position:top;
  background-repeat:no-repeat;
  padding-top:26px;

}



ul#useful-links
{
  background-image:URL( /images/useful_links.gif );
  background-position:top;
  background-repeat:no-repeat;
  padding-top:26px;

}

ul#useful-links li.first, ul#other-news li.first
{
  background-image:URL( /images/useful_links_bg_first.gif );
  background-position:top;
  background-repeat:no-repeat;

  list-style:none;
  padding-left:15px;
  padding-right:30px;
    padding-top:3px;
  padding-bottom:3px;
}

ul#useful-links li, ul#other-news li
{
  background-image:URL( /images/useful_links_bg.gif );
  background-position:top;
  background-repeat:no-repeat;

  list-style:none;
  padding-left:15px;
  padding-right:30px;
  padding-top:3px;
  padding-bottom:3px;
  line-height:normal;
}


td#column1
{  
  padding-right:20px;
}


td#column2
{  
  padding-left:20px;
  padding-right:20px;
}


td#column3
{  
  padding-left:20px;
}