* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url(../images/bg1.jpg) repeat-x #F4FAFC;
 margin: 50px 0px 0px 0px
}

ul {
 margin: 0px 10px 0px 30px
}

#wrapper { 
 margin: 0 auto;
 width: 900px;
 background:#FFFFFF;
 padding: 10px;

 box-shadow: 10px 10px 5px #888;

}

#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px;
 height: 500px;
 margin: 0px 0px 0px 0px;
 background:url(../images/temp-banner.gif) no-repeat;
 background-position:bottom;
}

#header-left {
 width: 250px;
 float: left;
 padding: 0px 5px 0px 0px;
 height: 395px;
 background: #FFF;
}

#header-right {
 float: right;
 width: 640px;
 height: 446px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: #333;
}

#logo {
 width: 255px;
 float: left;
 padding: 0px 0px 0px 0px;
 height: 191px;
 background: #FFF;
}

#nav {
 float: left;
 padding: 0px 0px 0px 0px;
 width: 255px;
 height: 293px;
 background:#FFF;
}
#nav a{
 padding: 0px 0px 0px 0px;
}

#banner {
 width: 900px;
 padding: 0px;
 float: left;
 height: 26px;
 margin: 5px 0px 0px 0px;
 background:#FFCC00;
}




#leftcolumn { 
 color: #333;
 background:url(images/subheader-primary.gif) no-repeat;
 margin: 0px 0px 0px 0px;
 height: 100%;
 width: 240px;
 float: left;
 padding: 10px 0px 0px 0px;
}

#rightcolumn { 
 float: left;
 color: #333;
 background:url(images/subheader-content.gif) no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
 height: 100%;
 width: 300px;
}

#rightcolumn-text { 
 float: left;
 color: #333;
 padding: 10px 10px 10px 10px;
 margin: 0px 0px 0px 5px;
 height: 100%;
 width: 640px;
 display: inline;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:1.10em;
 line-height: 1.4em;
}

#rightcolumn-text a { 
 text-decoration:none;
 color:#006699;
}

#rightcolumn-text a:hover{ 
 color: #333;

}

#body-border { 
 border-bottom: 1px dashed #999;
 color: #333;
 width: 100%;

}
#page-heading { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 color: #006699;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:1.22em;
}



#rightcolumn-title { 
 float: left;
 color: #333;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 14px;
 height: 100%;
 width: 640px;
 display: inline;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:1.40em;
}

#left-wifi { 
 float: left;
 color: #333;
 background:url(../images/icon_wifi.jpg) no-repeat;
 margin: 0px 0px 0px 0px;
 width: 240px;
 height: 35px;
 padding: 5px 0px 0px 0px;
}

#left-photos { 
 float: left;
 color: #333;
 background:url(../images/icon_camera.jpg) no-repeat;
 margin: 0px 0px 0px 0px;
 width: 240px;
 height: 35px;
 padding: 5px 0px 0px 0px;
}

#left-email { 
 float: left;
 color: #333;
 background:url(../images/icon_envelope.jpg) no-repeat;
 margin: 0px 0px 0px 0px;
 width: 240px;
 height: 35px;
 padding: 5px 0px 0px 0px;
}

#left-tell { 
 float: left;
 color: #333;
 background:url(../images/icon_tell.gif) no-repeat;
 margin: 0px 0px 0px 0px;
 width: 240px;
 height: 35px;
 padding: 5px 0px 0px 0px;
}

#left-francais { 
 float: left;
 color: #333;
 background:url(../images/icon_francais.jpg) no-repeat;
 margin: 0px 0px 0px 0px;
 width: 240px;
 height: 35px;
 padding: 5px 0px 0px 0px;
}

#left-text-map { 
 float: left;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:1.05em;
 color:#333;
 padding: 10px 0px 0px 5px;
 line-height: 1.4em;
}

#left-text-map a{ 
 text-decoration:none;
 color:#006699;
}

#left-text-map a:hover {
 color:#333;
}

#left-flash { 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 35px 5px;
}

#left-trip { 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 5px 0px 0px 0px;
}

#left-border { 
 border-bottom: 1px dashed #999;
 float: left;
 color: #333;
 margin: 10px 0px 10px 0px;
 width: 80%;
 padding: 0px 0px 0px 20px;
}

#left-text { 
 float: left;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:1.10em;
 color:#000000;
 padding: 3px 0px 0px 40px;
}

#left-text a{ 
 text-decoration:none;
 color:#006699;
}

#left-text a:hover {
 color:#333;
}

#footer { 
 width: 880px;
 height: 300px;
 clear: both;
 color: #333;
 border-top: 1px dashed #999;
 margin: 0px 0px 10px 5px;
 padding: 10px;
 color:#000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: .96em;
}

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

#footer a:hover {
 color:#333;
}

#footer-logo{ 
 float: left;
 height: 200px;
 width:  110px;
 padding: 50px 0px 0px 0px;
 background:url(../images/logo-surfbird.gif) no-repeat;
}

#footer-contact{ 
 width:  250px;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:1.0em;
 color:#333;
 margin: 10px 0px 0px 120px;
 line-height: 18px;
 }

#footer-contact a {
 text-decoration:none;
 color:#006699;
}

#footer-contact a:hover {
 color:#333;
}


#footer-links{ 
 color:#333;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 margin: -162px 0px 0px 385px;
 line-height: 18px;
}

#footer-links a {
 text-decoration:none;
 color:#006699;
}

#footer-links a:hover {
 color:#333;
}

#footer-affiliations{ 
 color:#333;
 margin: -232px 0px 0px 585px;
}