/*********************GENERAL BODY***************************/
html,body
  {
    margin:0;
    padding:0
  }

body
  {
    font: 85%/1.3 "Trebuchet MS", Verdana,Arial,sans-serif;
    text-align: center;
    background: #f1efe2;
    padding-bottom:20px
  }

p
  {
    margin-top:0
  }
   
h1,h2,h3
  {
    font: normal normal 200% "Trebuchet MS",Arial,sans-serif;
  }

h2
  {
    font-size:160%
  }

h3
  {
    font-size:120%
  }

/*********************HEADER DIV***************************/
div#header
  {
    width:100%;
    overflow:hidden;
    background: #030303;
  }

div#header h1,div#menu
  {
    width:770px;
    margin:0 auto;
    text-align:left;
  }

div#header h1
  {
    padding: 30px 0 10px;
    color: #A3A3A3;
    font-size:220%;
  }
  
div.right
  {
   /* margin-left: auto;*/
    margin-right: 0; 
  }
  
div.left
  {
    /*margin-left: auto;*/
    margin-right: 0;
  }

/**************************NAVIGATION UL***************************************/
ul#nav,ul#nav li
  {
    list-style-type:none;
    margin:0;
    padding:0
  }

ul#nav
  {
    float:right;
    font-type: "Trebuchet MS", Verdana,Arial,sans-serif;
    font-size: 100%
  }
ul#nav li
  {
    float:left;
    margin-left: 3px;
    text-align: center;
  }

ul#nav a
  {
    float:left;
    width: 95px;
    padding: 5px 0;
    background: #006FD6;
    text-decoration:none;
    color: #FFFFFF;
  }

ul#nav a:hover
  {
    background: #5C5C5C;
    color: #FFFFFF;
  }

ul#nav li.activelink a,ul#nav li.activelink a:hover
  {
    background: #FFFFFF;
    color: #1A00FF;
  }

/*****************************CONTAINER DIV***********************************/
div#container
  {
    width:770px;
    margin:0 auto 10px;
    padding:20px 0 10px;
    text-align:left;
    background:#FFF
  }


/*****************************CONTENT DIV***********************************/
div.content
  {
    float:left;
    display:inline;
    width:545px;
    margin:0 0 10px 10px
  }

div.content h2
  {
    margin: 10px 0;
    color: #007BC4;
    text-transform: uppercase;
  }
  
  div.content h3
  {
    margin: 10px 0;
    color: #007BC4;
  }

div.content a
  {
    text-decoration:none;
    border-bottom: none;
    color: #1A00FF;
  }

div.content a:hover
  {
    color: #000000;
    border-bottom: 1px dotted #B88A00;
  }
  
div.centre
{
text-align:center;
}
/*****************************IMAGES***********************************/
img
  {
    border:5;
    color:#FFFFFF;
  }

/*****************************DATE DIV***********************************/
div.date
  {
    float:left;
    width: 4em;padding: 5px 0;
    background: #f1efe2;
    color:#000000;
    text-align:center;
    margin: 0 4px 4px 0;
    font-size: 80%;
    line-height:0.9;
  }

div.date span
  {
    display:block;
    font-size: 150%;
    font-weight:bold;
  }


/*****************************COMMENTS DIV***********************************/
div.comments div
  {
    background: #B4E6FF;
    margin-bottom:10px;
  }
 
div.comments p
  {
    padding: 10px;
    margin:0;
  }

div.comments div.odd
  {
    background:#f1efe2;
    padding: 10px;
    text-align:justify;
  }

div.comments div.pictures
  {
    background:#CCE6FF;
    text-align:justify;
    padding: 10px;
    a:link: #000000;
  }
  
div.comments div.white
  {
    background:#FFFFFF;
    text-align:justify;
    padding: 10px;
    a:link: #000000;
  }
div.comments h4
  {
    margin: 10px 0;
    color: #0066FF;
    text-transform: uppercase;
    font-size:140%;
    text-align: center; 

  }
  div.comments h5
  {
    margin: 10px 0;
    color: #0066FF;
    text-transform: uppercase;
    font-size:120%;
    text-align: center; 

  }

div.comments div.pictures a
  {
    text-decoration:none;
    border-bottom: none;
    color: #666666;
  }

div.comments div.pictures a:hover
  {
    color: #000000;
    border-bottom: 1px dotted #B88A00;
  }
  
  div.comments div.pictures img
  {
    padding: 8px;
  }
  
div#flashcontent{
		width: 480px;
		height: 680px;
	}

/*****************************FOOTER***********************************/
div#footer
  {
    clear:both;
    width:750px;
    margin:0 10px 0;
    padding: 10px 0;
    background: #3D8BFF;
    color: #FFF;
    text-align:center;
  }

div#footer p
  {
    margin:0;
  }

/*****************************Side Bar***********************************/

ul#side,ul#side li
  {
    margin:0;
    padding:0;
    list-style:none;
  }

ul#side li
  {
    float:right;
    width:200px;
    margin:0 10px 10px 0;
  }

ul#side h3
  {
    font: bold 15px "Trebuchet MS",Verdana,sans-serif;
    text-transform:uppercase;
    margin:0px;
    padding: 5px 0 3px;
    text-align:center;
    color: #FFFFFF;
  }

ul#side p 
  {    
    margin:0;
    padding:5px 8px 15px;
  }

ul#side div
  {
    background:#E0E0E0;
  }

li#address h3,li#events h3,li#other h3, li#board h3, li#join h3
  {
    background: #52ABFF;
  }

li#address a,li#events a,li#other a, li#join a
  {
    color: #000000;
    font-weight:bold;
    text-decoration:none;
  }

li#address a:hover,li#events a:hover,li#other a:hover, lli#join a:hover
  {
    color: #000000;
    font-weight:bold;
    border-bottom: 1px dotted #3D8BFF;
  }
 
 li#board a
 {
    color: #000000;
    text-decoration:none;
 }
 
 li#board a:hover
 {
     color: #000000;
    border-bottom: 1px dotted #3D8BFF;
 }