/*

CSS Document basic 


*/

/* @import "reset.css";  */

*, html { padding:0; margin:0; }

body {text-align:left; font-family:Arial,Verdana, Helvetica,  sans-serif; font-size:12px; color:#C2C3B3; background:#000; }

p {margin:0em 0 1em 0; }

strong {font-weight:bold;}
em {font-weight:normal; font-style:italic; }

iframe { border:none;}
form {}

.hidden {display:none;}

h2 {font-size:20px; margin-bottom:10px;}
h3 {font-size:12px; margin-bottom:3px;}
h4 {font-size:11px; margin-bottom:2px;}


/* default link actions (for black backgrounds) */
a {text-decoration:none; cursor:pointer;}
a:link {color:#fff;}
a:visited {color:#8FAAB8;}
a:hover {color:#1ABAB5;}
a:active {color:#1ABAB5;}
a.highlight {color:#FF9900;}
a.highlight span {color:#fff; background:#1ABAB5;}

a img {border:none;}
img {vertical-align:text-bottom;}

ol li {list-style:inside; list-style-type:decimal;}
#middle ul li {list-style:inside;}


#container {margin:0;  width:1000px; padding-top:110px;}
#wrap { text-align:left; width:690px; float:right;}

#top { text-align:left; width:305px; float:left; padding:0 0 0 0px;}
/* TEMP - need to put in better image replacement technique here */
#top h1 {display:none;}
#top h2 {position:absolute; display:block; color:#fff; left:600px; top:116px; font-size:17px; width:150px; }

#top h2 span {background:#000; line-height:18px;}

#logo {padding:0 0 0 20px;}

#menu {padding:10px 0 0 0}
#menu ul li {list-style:none; margin:0 0 3px 0;}
#menu ul li a {color:#999999;}
#menu ul li a:hover {color:#669900;}
#menu .about, #menu ul li:last-child a {font-weight:bold; color:#007A93;}
#menu ul li.highlight a, #menu ul li:last-child.highlight a {color:#669900;}
#menu .login {font-size:9px; color:#666666;}
#skillset {padding:10px 0 0 0;}

#reorder ul li {list-style:none; margin:0 0 3px 0;}

#menu ul {float:left; width:150px; padding:0 10px 0 0;}
#menu_1 {padding:0 0 0 20px;}
#menu_2, #menu_3 {list-style:outside;}
#menu_2 a:link, #menu_2 a:visited {color:#CCC;}
#menu_3 a:link, #menu_3 a:visited  {color:#DDD;}

#flash {width: 300px; bottom:0;}

#middle {float:left; width:390px; padding:8px 10px 5px 10px;}
#middle h2 {font-size:16px; color:#FFFFFF; text-transform:uppercase;}
#middle h3 {font-size:14px; color:#FFFFFF; text-transform:uppercase;}

#middle a:link {color:#1ABAB5;}
#middle a:visited {color:#007A93;}
#middle a:hover{color:#52AF6E;}
#middle a:active {color:#52AF6E;}

#middle span.page_nav {float:right; display:block; margin-left:60px;}
#middle fieldset.email {text-align:right; width:300px;}
#middle input.text {border:1px solid #666; width:230px;}
#middle textarea.text {border:1px solid #666; width:360px; height:400px;}
#middle textarea.text_small {border:1px solid #666; width:360px; height:150px;}
#middle select {border:1px solid #666; width:300px;}

#bottom {float:right; width:250px; padding:8px 0 0 10px; color:#CBC4A6;}

#side_panel h2 {font-size:16px; color:#FFFFFF; text-transform:uppercase;}
#side_panel h3 {font-size:12px; color:#FFFFFF; font-weight:normal;}
#side_panel h4 {font-size:12px; color:#ccc; font-weight:normal;}

#side_panel ul {list-style:none; padding-left:10px;}

#side_panel {margin-left:10px; width:210px;}
#side_panel div {margin-left:10px;}
#side_panel div.highlight h4 {color:#669900;}
#side_panel h2 img {margin-bottom:4px;}

#login {margin:0 auto; text-align:left; width:300px; border:1px solid #999; padding:10px; background:#ddd; margin-top:100px; color:#000000;}
#login a {color:#666666;}
#login fieldset {border:none; margin-bottom:5px;}
#login fieldset label {float:left; padding-top:3px;}
#login fieldset input {float:right; width:200px; color:#666666; border:1px solid #666;}
#login input.submit {border:1px solid #333; background-color:#006699; color:#FFFFFF; margin-top:5px;}


#footer {background:#000; font-size:9px; text-align:right; clear:both;}

.wrap {}
.left {float:left;}
.right {float:right;}
.hide {display:none;}
.clear {clear:both;}
.alert {background-color:#660000;}
.grey {color:#999;}

.side1 {position:absolute; left:-1000;}
.side2 {position:relative; left:0;}

/* form style */

.signup_left {width:400px;}
fieldset.signup_left {border:none;}
fieldset.signup_left label {color:#007A93; color:#C2C3B3; float:left; width:90px;}
fieldset.signup_left input {float:right; width:250px; border:1px solid #999;}
fieldset.signup_left textarea {float:right; width:250px; border:1px solid #999;}
fieldset.signup_left p {clear:both; padding-bottom:10px;}

.signup_right {width:400px;}
fieldset.signup_right legend {color:#C2C3B3; font-weight:bold; padding:0.4em 0 0.4em 0;}
fieldset.signup_right {border:none; padding-bottom:10px;}
fieldset.signup_right label {color:#007A93; color:#C2C3B3; width:100px; margin:0;}
fieldset.signup_right input { margin:0.4em 0.4em 0 0; padding:0; float:left;}
fieldset.signup_right textarea {width:250px; border:1px solid #999; float:right;}
fieldset.signup_right p {padding:0 0 0 10px;}
#middle fieldset.signup_right ul li {  list-style:none; line-height:1.8em; height:1.8em; }

fieldset.signup_check {border:none; padding-bottom:10px;}

p.submitp input {float:right;}

textarea.small {height:1.2em;}
fieldset.signup_right textarea.big {height:10em; width:100%; float:right;}


.error {background-color:#CCFF66;}

.submit {border:1px solid #999; background-color:#006699; color:#FFFFFF;}

#statcounter {display:none; visibility:hidden;}