@charset "UTF-8";
/* NYC & Tri-State Area Clemson Club */
/* Seth Gee (sethgee@liquid6studios.com) */
/* Copyright NYC & Tri-State Area Clemson Club 2009 */
/* This CSS file may be used for sites that are created under the NYC & Tri-State Area Clemson Club umbrella */
/* All other uses must have written concent from the NYC & Tri-State Areaa Clemson Club Webmaster(s) */


body {background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:100; text-align:left; margin-top:50px; color:#333;}

/* Heaader */
#header {width:800px; height:290px; margin:auto;}
#headertop {width:800px; height:250px;}
#nyccc {width:200px; height:250px; float:left; background-image:url(../images/header_01.png)}
#login {width:600px; height:50px; float:right; color:#333;}
#picture {width:600px; height:200px; float:right; background-image:url(../images/header_02.png)}


/* Navigation */
#navi {width:800px; height:40px; margin:0px; padding:0px; float:left; background:#e7e8e9;}
#navi li {display:inline;}
a.navAbout, a.navAbout_a {float:left; width:121px; height:40px; background:url(../images/navi_02.png);}
a.navNews, a.navNews_a {float:left; width:146px; height:40px; background:url(../images/navi_03.png);}
a.navJoin, a.navJoin_a {float:left; width:103px; height:40px; background:url(../images/navi_04.png);}
a.navForum, a.navForum_a {float:left; width:107px; height:40px; background:url(../images/navi_05.png);}
a.navContact, a.navContact_a {float:left; width:130px; height:40px; background:url(../images/navi_06.png);}

/* Body */
#body {background-color:white; width:800px; height:100%; margin:auto;}
#bodyleft {background-image:url(../images/left_01.png); width:200px; height:400px; text-align:justify; float:left;}
#survery {text-align:center;}
#bodyright {background-color:white; width:600px; height:100%; float:right;}
#image {float:left; margin-right:8px; margin-left:8px; margin-bottom: 10px}

/* Footer */
#footer {width:800px; height:100px; margin:auto; margin-bottom:50px;}
#photo {width:200px; height:100px; float:left;}
#ship {width:200px; height:100px; float:left;}
#facebook {width:200px; height:100px; float:left;}
#tigers {width:200px; height:100px; float:right;}
#credits {width:800px; height:50px; padding-bottom:3px; float:left; background-color:#ff6300;}
#spacer {width:800px; height:50px; float:left;}

/* Forms */
.formfield {background-color:#FFF; border:1px solid #FF6300; margin-left:2px; vertical-align:middle; height:18px; font:Verdana, Geneva, sans-serif 10px;}
input.button {background-color:#E96B10; border:1px solid #E96B10; font-family:Verdana, Geneva, sans-serif; font-size:smaller; color:#FFF;}

/* Headlines */
h2 {font:Verdana, Geneva, sans-serif bold 12px #000; margin-left:5px;}

/* Lists */
#list li {margin-left:5px; list-style-type:circle;}

/* Links */
.footer {font:Verdana, Geneva, sans-serif; color:#FFF; font-size:9px; text-decoration:none;}
.footer a:hover {font:Verdana, Geneva, sans-serif; color:#FFF; font-size:9px; text-decoration:underline;}
.bodyright {font:Arial, Helvetica, sans-serif; color:#333; font-size:12px; font-weight:100; text-decoration: none;}
.bodyright a:hover {font:Arial, Helvetica, sans-serif; color:#333; font-size:12px; font-weight:100; text-decoration: underline;}

/* Classes */
.clear {clear:both;}
a.dlinks {font:Arial, Helvetica, sans-serif; color:#333; font-size:12px; font-weight:100; text-decoration: none;}
a.wlinks {font:Verdana, Geneva, sans-serif; color:#FFF; font-size:9px; text-decoration:none;}
p {margin:5px;}