/*global rules*/

body {margin:0px 0px 0px 0px; color: #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #006;}

h1 {font-family:serif; background-color: #006; color: #fff; border:3px solid #006; border-bottom:3px solid #009;text-align:center; padding-top:20px; height:170px; background-attachment:scroll;  margin-bottom:0; background-image:url(../images/newyear.gif); background-repeat:no-repeat; background-position:15px 0; }

h2, h3{color: #ddd;}

p {text-indent:2em;}

img{border:1px solid #00c; margin:0;}

hr{height:3px; background-color:#ddd;  color:#ddd;}


/*links*/

a{color: #00f; border-top:1px solid #999;border-bottom:1px solid #999; text-decoration: none;}

a:hover{color: #fff; text-decoration: none; border-top:1px solid #00f;border-bottom:1px solid #00f}



/*positioning*/

#content{width:60%; margin:5px 5px 5px 30px; float:left; background-color: #006;}



#footer{font-size:.8em; clear:both; margin-top:10px; border-top:3px solid #009; background-color:#006;}

#footer p{margin:5px; text-align:right;}




/*Navigation bar*/

#nav{margin:0px 10px 0 0; float:right; border:3px solid #006; width:28%; background-color: #006;}

#nav a {background-color: #006; color: #fff; border-top:1px solid #006; border-bottom:1px solid #006; border-left:1px dashed #00f; text-decoration:none;}
#nav a{display:block; padding-bottom:10px; padding-left:5px;}
#nav a:hover, #nav ul li.on a{background-color:#ccc; color:#00f; text-decoration: none; border-top:1px solid #006;border-bottom:1px solid #006; border-left:1px solid #fff}

#nav ul{list-style:none; margin-left:0; padding-left:0; margin-bottom:0;}



/*images*/

#graphic{text-align:center; margin-top:5px;}

#graphic img{border:3px solid #009; margin:0 auto; padding:0;}





/*mail form*/

form table, form td{border:none;}

input, textarea, select{background-color:#eee;border:2px solid #999; color:#00f}

.trans{ border:none; color:#000; background-color:transparent;}

.form{color: #fff;}



/*rules for the index page*/

.in{position: absolute; top:700px;left:0px; width:100%;}

#index{background-image:url(../images/index.gif); background-color:#fff; background-repeat:no-repeat; background-attachment:fixed; background-position:0 0;}

#index #content{position:absolute; top:0px; left:370px;}

.hand{position: absolute; top:370px;left:370px;}

.hand a{display:block; padding-bottom:10px; padding-left:5px;}





/*validation images*/

.valid img{display:block; }

.valid{float:right;}