/* CSS Document */
body{
background-color: #000000;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
margin:0px;
padding:0px;
font-size:100%;
text-align:center;
}

#wrapper{
background-color: #000000;
width:770px;
margin:20px auto 10px;
text-align:left;
border: 1px solid #6699CC;
}

#banner{
height:150px;
background-color:#6699CC;
border: #FF0000;
}

#nav{
background-color: #000000;
}

#nav ul{
padding:0px;
margin:0px;
background-color: #000000;
}

#nav ul li{
display:inline;
padding:0px;
margin:0;
}

#nav ul li a{
font-size:80%;
color:#ffffff;
background-color:#000000;
text-decoration:none;
text-align:left;
width:9em;
}

#nav ul li a:hover, #nav ul li a:focus{
background-color:#FFff99;
color:#330000;
}

#content {
margin-right:250px;
background-color:#000000;
padding:10px;

}

#content p{
font-size: 80%;
margin:10px;
padding:0px;
color:#ffffff;
}

#content h1{
font-size:20px;
color: #000000;
margin:10px 10px 15px 10px;
background-color:#6699CC;
background-image:   url(images_grinch/h2bg.gif);
background-repeat:no-repeat;
background-position:right;
padding:2px 0px 2px 8px;
}

#content h2{
font-size:105%;
color:#ffffff;
padding:0;
margin:10px;
}

#content a{
color:#ffffff;
}

#contentx {
margin-right:250px;
background-color:#000000;
padding:10px;

}

#contentx p{
font-size: 80%;
margin:10px;
padding:0px;
color:#ffffff;
}

#contentx h1{
font-size:18px;
color: #000000;
margin:10px 10px 15px 10px;
background-color:#cc0033;
background-image:   url(images_grinch/h2bgred.gif);
background-repeat:no-repeat;
background-position:right;
padding:2px 0px 2px 8px;
}

#contentx h2{
font-size:15px;
color:#000000;
margin:10px 10px 15px 10px;
background-color:#66cc66;
background-image:   url(images_grinch/h2bggreen.gif);
background-repeat:no-repeat;
background-position:right;
padding:2px 0px 2px 8px;
}

.leftimage{
float:left;
margin-right:10px;
border: 1px solid #ffffff;
}

.rightimage{
float:right;
margin-left: 15px;
border:1px solid #ffffff;
width:150px;
}

#footer{
clear:both;
border:#FF0000;
background-color:#6699CC;
color:#000000;
}

#footer p{
font-size:70%;
margin:0;
padding: 5px 10px 5px 10px ;
}

#leftcol{
float:left;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
padding:10px;
width:170px;
background-color:#cccccc;
}

#rightcol{
border: 1px solid #6699CC;
width:230px;
padding:10px;
background-color:#000000;
float:right;
margin-top:10px;
margin-right:5px;
}

#rightcol p{
font-size: 80%;
color:#ffffff;
margin:0px;
padding-left:5px;
}

#rightcol h2{
background-color:#6699CC;
font-size:15px;
color:#000000;
padding:2px 0px 2px 8px;
}

#rightcol a{
color:#FFffff;
}

.container {
width:550px;
background-color:#ffffff;
color:#000;
width: 99%;
float:rights;

}


.roundcont {
width: 500px;
background-color:#000000;
color: #ffffff;
}

.roundcont p {
margin: 0 10px;
font:Arial, Helvetica, sans-serif;
}

.roundtop { 
background-image:url(Untitled-1.jpg);
background-position:right;
background-repeat:no-repeat;
}

.roundbottom {
background: url(br.gif) no-repeat top right; 
}

img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}

label,input {
display: block;
width: 210px;
float: left;
margin-bottom: 10px;
}

label {
text-align: right;
width: 75px;
padding-right: 20px;
}

br {
clear: left;
}

.input-box{
font:Arial, Helvetica, sans-serif;
color: #666666;
background:#6699CC;
border: #FF99000 solid 1px;
}

.submit-button{
color: #000;
background: #6699CC;
border: 1px #336600 outset;
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

.reset-button{
color: #000;
background-color:#6699CC;
border: 1px #FF6600 outset;
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

.file{
font:Arial, Helvetica, sans-serif;
color: #666666;
background: #FF9900;
border: #FF99000 solid 1px;
}


fieldset{
border:#6699CC solid 1px;
width:23em;
margin:0px 10px 2px 40px;
}

#rightcol fieldset{
background-color:#666666;
border:#6699CC solid 1px;
width:13em;
margin:1px 1px 1px 1px;
}

legend{
font-size:16px;
background: #6699CC;
border: #6699CC; solid 1px;
padding: 2px 10px;
}