/*
Theme Name: MSA 2009 with Fading Header
Theme URI: http://hesh.am
Description: Wordpress theme for Environics
Version: 1.0
Author: Samar Sabie
Tags: two/three columns
This theme was based on MSA Ramadan Theme.
*/

@import url("reset.css");
@import url("fonts.css");

.clearfloat {
  clear: both;
  font-size:0;
  height:0; }

a {
  color: #94b3cc;
  text-decoration: none;
}  

body {
    background: #adcce5 url(images/bg.jpg) fixed repeat-x bottom left;
    color: #333;
}

  #wrapper {
    margin: auto;
    width: 920px; }
    #header {
      height: 150px;
      background: url(images/header.jpg) }
      #logo {
        background: url(images/logo.png) no-repeat;
        height: 120px;
        width: 248px;
        margin-bottom: 2px; }
        #logo a {
          display: block;
          width: 248px;
          height: 120px; }

    #menu {
      background: url(images/menu_bg.jpg) repeat-x;
      padding-left: 10px; }
      
      #nav a {
      	display: block;
      	color: #fff; 
      	font-weight: bold; }

      #nav li {
      	float: left;
      	border-right: 1px solid #004b66; 
      	text-align: center; }
      
      #nav li a {
        width: 100px; 
        padding: 4px 0 4px 0; }
    
      #nav li ul {
      	position: absolute;
      	left: -999em; 
      	_padding-top: 2px;}
      	
      #nav li ul li { 
        clear: both;
        background: #94b3cc; 
        border-bottom: 1px solid #fff; 
        padding-left: 5px; 
        text-align: left; 
        border-right: 0px; }
      
      #nav li ul li a {
        width: 150px; }
      
      #nav li:hover ul {
      	left: auto; }
      
      #nav li:hover ul, #nav li.sfhover ul {
      	left: auto; }
      	
      #nav a:hover, #nav a.sfhover {
        color: #94b3cc; }
      #nav li ul li a:hover, #nav li ul li a.sfhover {
        color: #003143; }
      
            
      a.news_feed {
        float: right; 
        margin: 5px 5px 0 0; }
    
    #content { 
      padding: 10px;
      background: #fff url(images/pgb2a.jpg) scroll no-repeat top left; }
    
    #top_row, #bottom_row { margin-bottom: 10px;}
    
    .content_box {
      float: left; 
      margin: 0 10px 0 0;}
      .content_box_title {
        color: #003143;
        border-bottom: 1px solid #eaeaea;
        height: 25px; }
      .content_box_title h2 {
        float: left; 
        padding-left: 10px; }
      .content_box_title .right_text {
        float: right;
        width: 100px;
        height: 10px; }
      .content_box_content {
        padding: 10px; }
        
    #homepage_news {
      width: 700px; 
      margin-right: 0px; }
      #homepage_news .content_box_content {
        height: 157px; }
      #homepage_news .featured_news {
        width: 350px;
        text-align: justify;
        float: left;
        margin-right: 20px; }
        .featured_news h2 { font-size: 150%;}
      #homepage_news .more_news {
        width: 300px;
        float: left; }
      .more_news ul li {
        margin-bottom: 2px;
        background: #d6e7ed;
        height: 50px; }
        .more_news ul li p {
          color: #666; }
        .more_news .arrow {
          float: left;
          height: 25px;
          padding: 15px 5px 10px 5px;
          background: #9bbcc8; 
          margin-right: 10px;
          color: #fff; }
        .more_news .news_item_summary {
          padding-top: 5px; 
          float: left; }
        
          
    #homepage_links {
      width: 190px; }
      #homepage_links .content_box_content {
        height: 177px; 
        padding: 0; }
      #homepage_links li {
        list-style: none; }
      #homepage_links a { width: 180px; display: block; padding: 2px 5px 1px 10px; }
        
    #calendar {
      width: 340px;
      _width: 348px;
      margin-right: 0px; }
      #calendar .content_box_content {
        height: 200px; }
        #wp-calendar {
          border-spacing: 2px; }
          #wp-calendar td {
            border: 1px solid #dadada; 
            padding: 2px; 
            text-align: center; }
          #wp-calendar th {
            padding: 0;
            text-align: center; }
          #wp-calendar td, th {
            width: 40px; }
          
            
    #did_you_know {
      width: 190px; }
      #did_you_know .content_box_content {
        height: 200px; }
        
    #gmap {
      width: 350px; }
      #gmap .content_box_content {
        height: 200px; }
        
    #footer {
      padding: 5px;
      background: #fff;
      border-top: 1px solid #bababa;
      margin-bottom: 10px; }
      
    #page { width: 100%; }
      #page .content_box_title { 
        height: 35px; }
      #page .content_box_title h1 {
        float: left; 
        padding-left: 10px; 
        font-size: 24px; }
      #page .content_box_content p { margin-bottom: 10px; }
      #page .content_box_content h2, #page .content_box_content h6, #page .content_box_content h4 { margin-bottom: 10px; }
      #page .content_box_content ul, #page .content_box_content ol { padding-left: 20px; margin-bottom: 10px; }
      #page .content_box_content ul li { list-style: disc;}
      #page .content_box_content ol li { list-style: decimal;}
      
/* Events ------------------------------------------- */
.events_list {
  float: left;
  width: 400px; }
  
.events_list h4 {
  color: #003143; }