/* campamentowindsports.com main css file. authored by coby heise of creation by design */

/* png fix for main logo and language flags */
 #logo, #translate img { behavior:url(iepngfix.htc) }
/* Alternately, specify that this will apply to all tags: * { behavior: url(iepngfix.htc) } */

/* default controls for site-wide appearance */
html, body { margin:0;padding:0 }

body {
	margin:0;
	padding:0;
	background:url(images/bg.png) repeat top left;
	font:76%/140% Verdana, Arial, Helvetica, sans-serif;
	line-height:130%;
	color:#c1e6e6;
	text-align:left;
}

p { margin:5px 30px 15px 35px; }
.main { text-decoration:none; }
hr { width:672px; color:#ccc; background:#3e4f4f; margin:30px 30px 0 30px; text-align:center; }

a { color:#fff; text-decoration:underline; }
a:hover { color:#b1e00a; text-decoration:none; }
a:visited { color:#ccc; }

/* styles for page layout containers */
div#top { margin:0 auto; width:761px; padding-bottom:5px; margin-bottom:2px; height:43px; }
div#translate { float:left; width:761px; text-align:center; height:25px; clear:both; }
div#translate div { margin:0 auto; width:210px; padding:0; height:25px; vertical-align:middle; background-color:#9d9d9d; border:#94b3c5 2px solid; }
div#translate img { padding-right:1px; }
div#skip a { float:left; text-align:left; text-decoration:none; padding-top:10px; line-height:10px; font-size:11px; }
div#skip a:hover, div#email a:hover { color:#b1e00a; border-bottom:1px #b1e00a dotted; }
div#email a { float:right; text-align:right; text-decoration:none; padding-top:10px; line-height:10px; font-size:11px; }
div#up a { float:left; text-align:left; margin:0; padding:0; font-size:10px; color:#b1e00a; text-decoration:none; margin:5px 0 0 50px; }
div#up a:hover { color:#fff; text-decoration:none; }
div#header { height:10px; background:#b1e00a; width:761px; margin:0 auto; }
div#container { text-align:left; padding:5px 10px 5px 10px; width:761px; margin:0 auto; }
div#imgholder { text-align:center; margin:0 auto; width:741px; height:508px; border-left:solid 10px #b1e00a; border-right:solid 10px #b1e00a; }
div#content { background:#3e4f4f; clear:both; text-align:left; padding:15px; }
div#footer { background:#3e4f4f; color:#fff; font-size:11px; color:#ccc; clear:both; width:100%; }
div#footer p { margin:0 40px 15px 35px; padding:5px 10px; text-align:right; }
div#footer p a:hover { border-bottom:1px #b1e00a dotted; }
div#content a.body { text-decoration:none; color:#b1e00a; }
div#content a.body:hover { color:#fff; border-bottom:1px #fff dotted; }
div#content a img { border:solid 2px #94b3c5; margin-right:3px; padding:2px; }
div#content a img:hover { border:solid 2px #f5fafc; }
div#content a img.text { border:solid 2px #94b3c5; margin-right:7px; padding:2px; }
div#content a img.text:hover { border:solid 2px #f5fafc; }
div#logo {
	background:url(images/logo.png) no-repeat;
	margin:0 auto;
	text-align:center;
	position:absolute;
	z-index:99;
	width: 291px;
	height: 157px;
	margin:15px 0 0 225px;
}

/* styles for main nav tabs  */
	#tabs {
      padding:0;
	  margin:0 auto;
      width:741px;
	  height:25px;
      background:#b1e00a;
      border-left:solid 10px #b1e00a; 
	  border-right:solid 10px #b1e00a;
      }
    #tabs ul {
	  margin:0;
	  padding:0 10px 0 40px;
	  list-style:none;
	  background:#b1e00a;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
	  background:#b1e00a;
      }
    #tabs a {
	  font-family:"Century Gothic", Trebuchet MS, Arial, Helvetica, sans-serif;
	  font-size:13px;
	  font-variant:small-caps;
	  font-weight:bold;
	  letter-spacing:0.005em;
	  color:#3e4f4f;
	  float:left;
      background:url("images/tab-left1.gif") no-repeat left top #b1e00a;
      margin:0 auto;
      padding:2px 6px 4px 30px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
	  height:14px;
      background:#b1e00a;
      padding-top:5px;
	  margin:0;
      color:#666;
	  width:78px;
	  cursor:pointer;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#000;
	  cursor:pointer;
      }
    /*#tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }*/

/* header styles */
h1 { 
	font:150%/250% "Century Gothic", Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height:150%;
	color:#a7ddf7;
	margin:0 0 15px 35px;
	text-transform:uppercase;
}

/* alignment styles */
.leftalign { float:left; margin:5px 10px 0 0; }
.rightalign { float:right; margin:5px 0 0 10px; }

/* special classes */
.big { font:70px Georgia, "Times New Roman", Times, serif; margin:0 3px 0 5px; }

/* fucking bloated, stupid form presentation CSS... oh well */
form#one { background:#222d2d; width:625px; padding:15px; border:1px solid #c1e6e6; margin:0 30px 15px 35px; }
form#one fieldset { width:290px; height:100%; display:block; border:1px solid #b1e00a; padding:5px; font:12px Verdana, Arial, Helvetica, sans-serif; margin-bottom:0.5em; line-height:1.5em; }
* html form#one fieldset#contact, * html form#one fieldset#locale { background-position:325px 20px; }
* html form#one fieldset#travel { background-position:390px 20px; }
form#one fieldset#opt { background:#222d2d; }
form#one legend { font-family:"Century Gothic", Trebuchet MS, Arial, sans-serif; font-size:1.0em; text-transform:uppercase; color:#b1e00a; border:none; margin-bottom:5px; padding:3px; }
form#one label { clear:left; display:block; float:left; width:110px; text-align:right; padding-right:10px; color:#c1e6e6; padding-top:5px; }
form#one input { border:2px solid #c1e6e6; background:#fff url(images/form.gif) repeat-x top left; padding-left:0.5em; margin-bottom:0.6em; }
form#one input.medium { width:110px; padding-top:5px; }
form#one input.smaller { width:85px; padding-top:5px; }
form#one input.medium-error { width:110px; padding-top:5px; border:solid 1px #cc0000; } 
form#one select { margin-left:0.5em; }
form#one textarea.normal { width:250px; height:17em; border:2px solid #c1e6e6; padding:0.5em; overflow:auto; background:#fff url(images/form.gif) repeat-x bottom left; margin-left:10px; margin-bottom:8px; }
fonm#one textarea.skill { width:200px; height:5em; border:2px solid #c1e6e6; padding:0.5em; overflow:auto; background:#fff url(images/form.gif) repeat-x bottom left; margin-left:10px; }
form#one option { background:#fff; color:#333; }
form#one #button1, form#one #button2 { font-family:"Century Gothic", Trebuchet MS, Arial, sans-serif; font-size:1.6em; font-weight:bold; color:#000066; text-transform:uppercase; text-decoration:none; padding-right:0.5em; cursor:pointer; width:105px; margin:10px 0 0 8px; }
form#one #button1:hover, form#one #button2:hover { background-position:center left; color:#cc0000; text-decoration:none; }

/* ajax validation; styles for the error div that holds all form entry mistakes */
#log_res {
	height:auto;
	padding:3px;
	margin:5px;
	width:300px;
		}
#log_res p {
	margin:0;
	padding:2px 0 2px 0;
		}
#log_res.ajax-loading {
	background: url(js/ajaxvalidate/js/spinner.gif) no-repeat center;
		}
.error {
	font-size:12px;
	color:#cc0000;
	margin:0;
	padding:0;
		}