/*This is pretty sloppy.  Correction, VERY sloppy  :] */

* {
	padding: 0px;
	margin: 0px;
}

html {
height: auto;
min-height: 100.1%;
}

body { 

	font-size: 12px;
	padding: 0px;
	margin: 0px;
	font-family: verdana,arial,helvetica,sans-serif;
	color: #000000;
	background: #999966; 
	text-align: center;

}

img#logo {
/*
border: 0;
position: relative;
*/
margin-top: 10px;
text-align: center;
border: 0;
}

div#menu {
background:   url(../images/menu.gif) center;
}

div#menu600 {
background:   url(../images/menu600.gif) center;
}

div#menu, div#menu600 {
height: 30px;
padding: 0;
width: 100%;


margin-top: 10px !important;
margin-top: 16px;

}

div#menu  p, div#menu600  p {
text-align: center;
position:relative;

padding-top: 6px;
}

div#container {
background:   url(../images/background.gif);
width: 400px;
}

div#container600 {
background:   url(../images/background600.gif);
width: 600px;
}

div#container, div#container600 {

margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-top: 0px;
text-align: center;
position: relative;



}

div#page {
text-align: center;
margin-top: 20px;
padding: 0 30px 0px 30px;
}

div.game {
text-align: left;
height: 100px;
}

div.game img.thumbnail{
float: left;
/*border: 4px solid #FFFFFF;*/
margin-right: 5px;
}




a img.icon{
border: 0;
position:relative;
top: 3px;
}

a img{
border: 4px solid #FFFFFF;
}
a:hover img{
border-color: #FFFFCC;
}
a:active img{
border-color: #666633;
}
a:visited img{
border-color:  #FFFFCC;
}




a {
font-size: 14px;
font-weight: bold;
text-decoration:none;
color: #FFFFFF;
}
a:hover {
border-width: 0;  /*IE hover*/
color: #FFFFCC;
}
a:active {
color: #666633;
}
a:visited {
color: #FFFFCC;
}




div.game p{
margin-bottom: 5px;
}

div#copyright {
	position: relative;
	bottom: 5px;
	margin-top: 40px;



}
div#copyright p{
margin: 0;
}
div#copyright p.host{
font-size: 10px;
}
div#copyright p.host a{
font-size: 10px;
}

div#bottom {
background:   url(../images/bottom.gif);
}

div#bottom600 {
background:   url(../images/bottom600.gif);
}

div#bottom, div#bottom {
text-align: center;
width: 400px;
height: 12px;


}


div#justify {
text-align: justify;

}

h6{
font-size: 12px;
font-variant: normal
}
h5{
font-size: 12px;
font-weight: bold;
}
h4{
margin-top: 10px;

font-size: 14px;
font-variant: normal
}
h3{
font-size: 16px;
font-variant: normal
}
h2{
font-size: 18px;
font-variant: normal
}

div.textblock{
margin-bottom: 12px;
}

div.list{

margin-left: 28% !important;
margin-left: 25%;

}

div.userlist{
text-align: left;
margin-left: 40% !important;
margin-left: 35%;
}
div.userlist img{
position: relative;
top: 4px;
}


ul.major{
text-align: left;
margin: auto;
}

ul.minor{
position: relative;
left: 10px;
}


.warning {
color: #993333;
}

.note {
font-size: smaller;
}




/********Forms********/
/*input {
margin-bottom: 6px;
}*/

textarea {
margin-bottom: 6px;
}

fieldset
{
border: 0px;
}

.button {
        background-color: #FFFFFF;
        color: #000000;
        font-size: 12px; 
        font-family: verdana,arial,helvetica,sans-serif;
        font-weight: bold;  
		padding: 2px;
}


/********scores*********/
div#position{
font-size: 14px;
margin: 0;
position: absolute;
left: 30px;
width: 40px;

text-align: right;
top: 135px !important;
top: 138px;

}

div#name{
overflow: hidden;
font-size: 14px;

text-align:left;
margin-left: 50px;
margin-right: 80px;
width:210px;
/*	width: 200px;*/
}

	
div#score{
text-align: left;

font-size: 14px;
position: absolute;
right: 30px;
width: 80px;
top: 135px !important;
top: 138px;

}

/********profile********/
/*Info*/
div#info{
margin-top: 10px;
height: 130px;


}
div#info .pic{
padding: 0;
margin: 0;


width:100px;
height:100px;


float: left;
}

div#info .personal{
text-align: left;


margin-left: 100px;
padding-left: 0px;
}
div#info .personaltype{
float:left;
text-align: right;

width: 60px;



}
div#info .personalinfo{
overflow: hidden;
padding-left: 10px;
}
div#info .personalinfo a{
font-weight: normal;
font-size: 12px;
}

div#about{
overflow: auto;
margin: 0px 30px 20px 30px;

/*text-align: left;*/
}

div#scores{
overflow: auto;
margin: 0px 20px 20px 20px;

/*text-align: left;*/
}

/*comment*/
div#comments{
margin-top: 10px;
width: 100%;
overflow: hidden;

}

div#comments .comment{
margin-bottom: 20px;
min-height: 100px;
/*background: #DDDDAA;*/
}

/*IE min-height*/
* html div#comments .comment{
height: 1px;
}

div#comments .pic{
float:left;
width: 100px;
/*margin-top: -100px;*/


}

div#comments .message{
text-align: left;
margin-left: 100px;
padding-left: 10px;
/*margin-top: -100px;*/

}