/* CSS Document */

.judgesPhoto {
	margin-left: 12px;
	margin-bottom: 12px;
}

#popUp {
	position:absolute; 
	z-index:1; 
	background-color:#B0B58C; 
	width: 308px; 
	top:10px; 
	left:10px; 
	border:2px solid #DEE0D0; 
	padding:10px; 
	text-align:left; 
	color:#fff; 
	display:none
}

#popUp p a:link, #popUp p a:hover, #popUp p a:visited {
	color: #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold
}

#boxholder {
	width: 348px; 
	height: 295px; 
	border-right: 1px solid #999; 
	padding-top: 25px;
	float:left
}

#boxholder ul li {
	font-size: 1.2em;
	font-weight: bold
}

.mainCopy img {
	border: 1px solid #BDC1A1;
	float:right
}

#papertypesmid {
	float: left;
	width: 322px;
	height: 320px;
	text-align:left;
	overflow: auto;
	margin: 0;
	padding: 0;
}

.papertypesmidbg {
	background-image: url(../assets/bg_papertypes.gif);
}

.photo {
	text-align:right;
	border: 1px solid #BDC1A1;
	margin: 0 0 6px 6px;
}

#papertypesrightimage {
	float: right;
	width: 60px;
	height: 320px;
}

#papertypesrightpad {
	margin: 0px;
	padding: 20px
}

#papertypesrightpad p {
	margin-bottom:12px;
}

#boxholder ul {
	padding: 0;
	margin: 0
}

#boxholder li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display:inline
}

#boxholder a {
	color: #666;
	text-decoration:none;
}

.box1, .box2, .box3, .box4, .box5, .box6, .clearbox {
	float: left;
	width: 80px;
	height: 80px;
	margin: 2px;
	padding: 2px;
	text-decoration: none;
	color: #333;
	background: #DBDDCC;
	text-align: left;
	overflow:auto
}

.box1:hover {
	background: #CED1B9;
}
		
.box2 {
	background: #CACDB4;
	text-align: left;
}

.box2:hover {background: #BDC1A1;}
	
.box3 {
	background: #EBECE3;
	text-align: left;}

.box3:hover {background: #DEE0D0;}

.box4 {
	background: #E4DBD7;
	text-align: left;}

.box4:hover {background: #B6AFAC;}

.box5 {
	background: #CCD4D3;
	text-align: left;}

.box5:hover {background: #B9C4C2;}

.box6 {
	background: #DDE2E1;
	text-align: left;}

.box6:hover {background: #CAD2D1;}

.clearbox {	
	border: 1px solid white;
	background: white;
	color: white;}

.clearboth {clear: both;}

.boxleft { margin-left:0px }

.boxright { margin-right:0px }

.boxpad { padding: 2px; }
