body
{
	padding : 0px;
	margin : 0px;
	background-color : white;
	
	background-image : url(../img/site/bg7.png);
	xbackground-repeat : repeat-y;
	xbackground-position : 0px 200px;
}

#header a:hover 
{
	border : none;
}

#header
{
	border-bottom : 1px solid black;
	margin : 0px;
	padding : 5px;
	padding-left : 15px;
	background-color : black;
}

#header h1
{
	margin : 0px;
	color : white;
}

#mainLogoImage
{
	margin-right : 20px;
}

#container
{
	padding : 0px;
	margin : 0px;
	text-align : left;
	background-image : url(../img/site/bg1.png);
	background-repeat: repeat-x;
}


#adDiv
{
	clear:both;
	float:left; 
	margin-left : 5px;
	margin-right : 10px;
	padding : 3px;
}

/*
	//////////////////////////
	/// NEW! Div /////////////
	//////////////////////////
*/

#newSpan
{
border : 2px solid #D4330E;
background-color : #F4EFA4;
margin-bottom : 0px;
width :50%;
padding : 4px 10px;
margin-top : 0px;
font-family : Arial, Georgia, Verdana, sans-serif;
font-size : small;

}

#newSpan a
{
	font-weight : bold;
	text-decoration : underline;
	padding-left : 5px;
	padding-right : 5px;
}

#newSpan strong
{
color : black;
}


/* ///////////////////////////////////
	///////// Logo Table /////////////
	//////////////////////////////////

*/
#logoTable 
{

	background-image : url(../img/gui/navbar/linkbg.png);
	background-repeat : repeat-x;
	background-position : top;
	margin:0 !important; 
	padding: 0 !important; 
	background-repeat : repeat-x; 
	xborder : 1px solid red;
}

#linkCell
{

	text-align : right;
	xvertical-align : bottom;
	
}

#linkCell a
{
	margin-bottom : 10px !important;
	font-family : arial, verdana;
	font-size : smaller;
	padding-right : 10px;
	color : #3C3C3C;
	font-weight : bold;
}

#linkCell a:hover
{
	color : #0066CC;
}


/*
//////////////////////
/// Chessup GUI
//////////////////////
*/

.darkSquare, .lightSquare  {color : red; width:34px; height:34px; position : absolute;}
.lightSquare {background-color : #FFCE9E; }
.darkSquare  {background-color : #D18B47; }

.colorImage
{
	border : 1px solid black;
}



/* 
/////////////////////////////
///// Front Page Splash /////
/////////////////////////////
*/
#frontPageSplashDiv
{
	text-align : left;
	background-image : url(../img/site/tiltedboard2.png);
	background-repeat : no-repeat;
	background-position : 20px 50px;
}


#frontPageSplashDiv h1
{
	border-bottom : 4px solid #432FDF;
	font-size : 2em !important;
	font-family : arial;
	width : 50% !important;
	margin-bottom : 10px !important;
	
}

#frontPageSplashDiv h2
{
	border-bottom : 4px solid #CA2B9B;
	font-size : 1.5em !important;
	font-family : arial;
	width : 50%;
	margin-bottom : 10px;
}

.mainBullets, .subBullets
{
	list-style-type: none;
    padding: 0 50px 0 0;
    margin: 0;
}

.mainBullets li
{
	font-family : arial;
	font-size : 1.2em;
	font-weight : bold;
	margin-bottom : 12px;
	color : #5E5E5E;
}

.subBullets li
{
	font-family : arial;
	font-size : 0.9em;
	font-weight : bold;
	margin-bottom : 6px;
	color : #727272;
}

/* 
//////////////////////////////////
///////// TOP MENU ///////////////
//////////////////////////////////
*/
#navcontainer
{
	margin: 0px 0 0 0px;
	padding: 0;
	height: 20px;
	text-align : right;
}

#navcontainer ul
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navcontainer ul li
{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#navcontainer ul li a
{
	background: #C3C3C3;
	background-image : url(../img/site/bg4.png);
	background-repeat : repeat-x;
	width: 115px;
	height: 19px;
	border-left: 1px solid #0D1F8D;
	border-bottom: 1px solid #0D1F8D;
	border-right: none;
	padding: 0;
	margin: 0 0 10px 0;
	color: #0D1F8D;
	text-decoration: none;
	display: block;
	text-align: center;
	
	font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
	color: white;
	background: #071493;
	
}

#navcontainer a:active
{
	background: #c60;
	color: #fff;
}

#navcontainer li#active a
{
	background: #c60;
	border: 1px solid #c60;
	color: #fff;
}

#rightmostEntry
{
	border-right: 1px solid #0D1F8D !important;
}



/*
////////////////////////////
///// Main Content /////////
////////////////////////////
*/


#mainContent
{
	text-align : justify;
	padding-left : 5px;
	padding-top : 20px;
	padding-bottom : 10px;
	/*background-color : none;*/
	margin-left : 130px;

	
}

#mainContent h1
{
	margin : 0px;
	font-family : arial;
	/*border-bottom : 2px solid #432EDF;*/
	font-size : large;
	width : 75%;
	padding : 0px 2px 2px 2px;
	 
}

#helperText
{
	
	font-family : Arial, sans-serif;
	width : 400px;
	font-size : smaller;
	margin-bottom : 20px;
}

#tryitLink, #createImageLink
{
	text-decoration : none;
	border : 1px solid black;
	padding : 4px;

	background-color : #EBFCE7;
	background-image : url(../img/site/bg2.png) !important;
	background-repeat: repeat-x;
	color : #1F1844;
	font: bold 16px arial, "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;

}

#tryitLink:hover
{
	background-color : #FFFFD9 !important;
	text-decoration : underline;
}

 #createImageLink:hover
{
	background-color : #FFFFD9 !important;
	background-image : none !important;

}

#bottomMenu
{

}

/*
//////////////////////////////
//// Chess Rules /////////////
//////////////////////////////
*/


#chessRulesDiv a
{
	font-family : arial;
	color : #0066CC;
	font-weight : bold;
}

#chessRulesDiv
{
	width : 75%;
	font-family : sans-serif;
}

#chessRulesDiv h2
{
	border-top : 4px solid black;
	padding-top : 10px;
	width: 100%;
}

#chessRulesDiv h3
{
	border-top : 2px solid black;
	padding-top : 10px;
	width: 100%;
}

#chessRulesDiv h3 img, #chessRulesDiv h2 img
{
	border : 1px solid black;
}

.note
{

	background-image : url(../img/howtoplay/note.png);
	background-repeat : no-repeat;
	border : 2px solid #9E944E;

	margin-top : 10px;
	padding : 10px 5px 5px 35px;
}

.quote
{
	background-image : url(../img/howtoplay/quotes.png);
	background-repeat : no-repeat;
	border : 2px solid #537493;

	margin-top : 10px;
	padding : 10px 5px 5px 35px;
}