@charset "utf-8";

body 
{
  background:#101010 url(/media/images/design/body_background.png) repeat-x scroll center top;  

  font-family: Verdana,arial,sans-serif;
  font-size: 12px;
  
  margin: 0px;
  padding: 0px;
}

img
{ 
  border: 0px;
 }

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

a:hover
{ 
  color: #720000;
  text-decoration: underline;
  }

tr
{ 
  vertical-align: top;
  }


/* CONTAINER ******************************************************************/

#container
{
  width: 950px;
  
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;

  background-color: #eee;

  border: 1px solid #000;
  padding: 10px;

  line-height: 1.5em;
  }


/* HEADER *********************************************************************/

#header
{ 
  height: 100px;

  background: #111 url(/media/images/headers/morso_2.jpg) no-repeat scroll right top;
  }

#header img
{ 
  z-index: 1;
  margin: 10px 0px 0px 10px;
  }


/* FOOTER *********************************************************************/

#footer
{  
  font-family: helvetica,sans-serif;
  letter-spacing: 1px;
  text-align: center;
  color: #555;

  margin-top: 10px;
}


/* TOP MENU *******************************************************************/

#topmenu
{  
  margin-top: 10px;
  height: 25px;

  background: #ddd;
  border: 1px solid #ccc;  
  
  }

#topmenu a
{ 
  background: #ddd url(/media/images/design/topmenu_bg.png) repeat-x scroll center top;
  display: block;
  height: 23px;
  float: left;

  font-family: helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;

  text-decoration: none;
  letter-spacing: 1px;

  color: #444;
  padding: 2px 20px 0px 20px;

  border-right: 1px solid #999;
  }

#topmenu a:hover
{ 
  color: #000;
  background: #ddd;
  text-decoration: none;
  }

#topmenu .active
{ 
  color: #000;
  }

#topmenu img
{ 
  float: right;
  margin-right: 20px;
  }

#topmenu input
{ 
  float: right;
  margin: 3px 10px 0px 0px;
  color: #333;
  }


/* CONTENT ********************************************************************/

#content
{  
  min-height: 900px;

  margin-top: 10px;
  padding: 10px;

  background-color: #ddd;
  border: 1px solid #ccc;  
  }

#content img
{ 
  margin: 3px 5px 3px 5px;
  }

#content h1
{ 
  font-family: helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #333;

  margin: 8px 0px 10px 0px;

  border-bottom: 2px solid #f7ac7b;
  }


.column
{ 
  margin-bottom: 10px;
  }


.item
{ 
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #bbb;  
  }

.item img
{ 
  margin: 0px 10px 3px 0px;
  border: 1px solid #ccc;
  }

.thumb
{ 
  float: left;
  }

.item h2
{ 
  font-family: helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;

  margin: 0px 0px 10px 0px;
  }

.item h3
{ 
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #444;

  margin: 0px 0px 5px 0px;
  }

.item-navig
{ 
  font-size: 11px;
  letter-spacing: 1px;
  float: right;
  margin: -10px 10px 0px 0px;
}

.item-separator 
{
  border-bottom: 1px dashed #AAAAAA;
  margin: 10px 0;
}

/* PROGRAM / MULTIMEDIA *******************************************************/

.left-program
{ 
  width: 500px;
  }

.center-program
{ 
  min-height: 200px;
  
  float: right;
  width: 255px;
  margin-right: 10px;
  }

.right-program
{ 
  float: right;
  width: 150px;
  }


/* SOCIAL */

#social img
{ 
  margin: 3px;
  }


/* ANNOUNCE */

#announce a
{  
  display: block;
  min-height: 65px;

  padding: 2px;
  margin-top: 5px;

  border-bottom: 1px dotted #bbb;
  }

#announce a:hover
{ 
  background-color: #e9e9e9;
  text-decoration: none;
  }

#announce a img
{ 
  border: 1px solid #ccc;
  float: left;
  margin: 0px 5px 3px 0px;
  }

#announce h2
{ 
  font-family: helvetica,sans-serif;
  font-size: 15px;
  color: #111;

  margin: 0px;
  }

#announce h3
{ 
  font-family: helvetica,sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  color: #444;

  margin: 0px;
  }

#announce img
{ 
  opacity:0.9;
  filter:alpha(opacity=90);
  }

/* CALENDAR */

.calendar
{
  height: 120px;

  text-align: center;
  }

.calendar span
{ 
  float: left;
  display: block;
  width: 19px;

  font-size: 12px;
  font-weight: bold;
  color: #444;

  background-color: #ccc;
  border: 1px solid #ccc;
  border-bottom: 1px solid #f7ac7b;
  
  margin-bottom: 2px;
  }

.calendar a
{ 
  float: left;

  display: block;
  width: 19px;
  height: 16px;

  font-size: 11px;
  color: #000;

  border: 1px solid #ddd;
  }

.calendar a:hover
{ 
  font-weight: bold;
  }

.calendar .reserved
{ 
  font-weight: bold;
  }

.calendar .out-month
{ 
  color: #666;
  }

.calendar .today
{ 
  border: 1px solid #999;
  }

.calendar .month
{ 
  width: 102px;
  font-weight: bold;
  }

/* NEWSLETTER */

.newsletter
{ 
  font-size: 11px;
  color: #333;

  margin-top: 10px;
  }

.newsletter input
{ 
  width: 150px;
  margin-bottom: 5px;
  }

/* LINKS */

#links
{ 
  text-align: center;
  }

#logo-rotator
{ 
  height: 70px;
  }

#logo-rotator a
{ 
  width: 150px;
  text-align: center;
}



/* CLUB ***********************************************************************/

.left-club
{ 
  width: 500px;
  }

.center-club
{ 
  float: right;
  width: 250px;
  margin-right: 10px;
  line-height: 18px;
  }

.right-club
{ 
  float: right;
  width: 150px;
  }

/* DIVISIONS ******************************************************************/

#divisions-menu
{ 
  height: 150px;
  }

#divisions-menu img
{ 
  margin: 0px;
  }

#divisions-menu a
{ 
  float: left;
  width: 105px;

  padding: 0px 2px 5px 3px;
  margin-right: 5px;
  border-bottom: 1px dotted #bbb;
 }

#divisions-menu a:hover
{ 
  background-color: #e9e9e9;
  text-decoration: none;
  }

#divisions-menu a img
{ 
  border: 1px solid #ccc;
  }

.left-divisions
{ 
  width: 570px;
  }

.right-divisions
{ 
  float: right;
  width: 345px;
 }

.right-divisions h2
{
  font-size: 14px;
  }


/* PROJECTS *******************************************************************/

#projects-menu
{ 
  float: right;
  width: 350px;
  }

#projects-menu img
{ 
  margin: 0px;
  }

#projects-menu a
{ 
  float: left;
  width: 105px;

  padding: 0px 3px 5px 3px;
  margin-right: 5px;
  border-bottom: 1px dotted #bbb;

  text-align: center;
 }

#projects-menu a:hover
{ 
  background-color: #e9e9e9;
  text-decoration: none;
  }

#projects-menu a img
{ 
  border: 1px solid #ccc;
  }

.projects-left
{ 
  width: 560px;
  }