#nav {  position:absolute;  z-index:20; top:0; left:0; background-repeat:repeat-x; background-image:url('http://staging.christiansurfers.net/images/top.png'); display:block; height:53px; width:100%; }

body { behavior:url(/includes/csshover.htc); }
body, td {font-family:Arial; font-size:12px;} 

#buttons { text-align:center; left:0; }
#buttons img { border:0; z-index:100; }

#nav #logo { left:-400px; position:relative; background-image:url('http://staging.christiansurfers.net/images/logo.png'); background-repeat:no-repeat; z-index:21; display:block; width:140px; height:112px; }
#nav #logo h1 { display:none; }

#nav #menu { display:block; width:700px; text-align:right; left:140px; top:-102px; position:relative; z-index:21; font-size:12px; font-family:Courier New, Arial; color:#FFF; }
#nav #menu a {text-transform:uppercase; text-decoration:none; font-size:12px; font-family:Courier New, Arial; color:#FFF; display:block;  float:left; }
#nav #menu a:hover { text-decoration:underline;}

#nav #menu ul { margin:0; padding:0;  z-index:1000; }
#nav #menu ul li { list-style:none; float:left; }
#nav #menu ul li a { display:block; padding-bottom:5px; }

#nav ul li:hover ul      { display:block; }
#nav ul li ul            { list-style-type:none; z-index:2000; display:none; position:absolute; padding:0; margin:0; clear:both; top:20px; }
#nav ul li ul li         { float:none; border-top:none; width:280px; margin:0; text-align:left; background:#000; padding:5px; float:none; clear:both;  z-index:2500; }
#nav ul li ul li a       { color:#000; display:block; background-image:none; width:280px; font-weight:normal; text-decoration:none; font-size:12px; margin:0; padding:3px; font-family:Georgia; float:none; clear:both;  z-index:3000; }
#nav ul li ul li a:hover { text-decoration:none; color:#FFF; }
#nav ul li ul li:hover   { background:#333; }
#nav ul li ul li:hover a { text-decoration:none; color:#FFF; }
 
#banner { margin-top:33px; height:400px; width:980px; display:block; }

.divider { padding:11px 0 11px 0;}

.subLinks td { text-align:left; font-family:Arial; font-size:12px;  }

h4 { font-family:Arial; font-size:16px; display:inline;  }

h5 { font-family:Arial; font-size:14px; display:inline;  }

a { font-weight:bold; text-decoration:none; color:#000;}

.date {  font-weight:bold; color: #00ccff; display:block; padding-right:20px; float:left;}
.news { font-weight:normal; border-bottom:1px dotted #d2d2d2; padding-bottom:5px; margin-bottom:5px; display:block; clear:both;  }

input.text { border:1px solid #adadad;}

.footer {color:#b7b7b7; font-family:Arial; font-size:12px;}
.footer a { color:#b7b7b7; font-family:Arial; font-size:12px; font-weight:normal; }

#content { width:980px; display:block; text-align:left; padding-top:70px; }
#title { margin-left:230px; font-size:40px; font-family:Courier New; display:block;}

#main { margin-top:25px; }

.menu { border-right:1px dotted #000; padding-right:10px;}
.menu a { font-weight:bold; color:#959595; font-family:Arial; font-size:12px; }
.menu a:hover { text-decoration:underline;}

.menu .active { color:#000000;}

.blue { color:#00ccff; font-size:16px; display:inline;}

.form { width:100%; }
.form td { background-color:#EEE; padding:10px; }

textarea { font-family:Arial; font-size:13px; }