/* CSS Document for USA Captial Quiz */

BODY {
	color: #604830;
	font-family: Arial, Helvetica, sans-serif;
    background: #f9dd95;
	background-image: url(images/map.gif);
}

A:link      	{color: #604830; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold;}
			  
A:visited    	{color: #604830; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold;}

A:hover     	{color: #105802; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold;}

A:active    	{color: #604830; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold;}
 

input			{font-weight: bold;} 

h3 				{color: #003300; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

hr 				{color: #604830;}


select.stateTableCapitalMixSel	{color: #604830; background-color: #cccc99; font: normal 80% Arial,sans-serif;}
	
option.opCss {color: #000000; background-color: #f9dd95; font-weight: bold;}




/*  All Contents */
#pageOffset {
	width: 780px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #604830;
	background-color: #f9dd95;
	background-image: url(images/background.gif);
}


/* Border divs */
#mastheader {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #f7ac0c;
	background-image: url(images/background.gif);
}


.sideBottomBorders {
	background-color: #f7ac0c; 
	background-image: url(images/background.gif);
}


/* Footer */
#footerId {
	padding: 5px 0px 5px 0px; 
	margin: 0px 0px 0px 0px;
	background-color: #f7ac0c; 
	background-image: url(images/background.gif);
}

#content {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #604830; 
	border-bottom: 1px solid #604830;
	border-left: 1px solid #604830;
	border-right: 1px solid #604830;
	background-color: #f9dd95;
}


#pgNameCSS {color: #604830; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 70%; padding: 0px 5px 0px 0px;  margin: 0px 0px 0px 0px;}

/* State Table Headers */
#tableCenterHeaders	{background: #ffff99; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; padding: 8px 8px 8px 8px;
				margin: 0px 0px 0px 0px; text-align:center; 
				border-top: 1px solid #604830;  border-bottom: 1px solid #604830; border-left: 1px solid #604830; border-right: 1px solid #604830;}


#tableCenterStateHeaders	{background: #ffff99; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; padding: 8px 8px 8px 8px;
				margin: 0px 0px 0px 0px; text-align:center; 
				border-top: 1px solid #604830; border-bottom: 1px solid #604830; border-right: 1px solid #604830;}


#tableNoHeaders	{background: #ffff99; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; padding: 8px 8px 8px 8px;
				margin: 0px 0px 0px 0px; text-align:center;
				border-top: 1px solid #604830; border-bottom: 1px solid #604830; border-right: 1px solid #604830;}


#tableCenterRightWrongHeader {background: #ffff99; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; padding: 8px 8px 8px 8px;
				margin: 0px 0px 0px 0px; text-align:center; 
				border-top: 1px solid #604830; border-bottom: 1px solid #604830; border-right: 1px solid #604830;}


#tableCenterDisplayHeader {background: #ffff99; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; padding: 8px 8px 8px 8px;
				margin: 0px 0px 0px 0px; text-align:center; 
				border-top: 1px solid #604830; border-bottom: 1px solid #604830; border-right: 1px solid #604830;}
				




/* State Table TDs  */
.stateTableCenterAbbrevTD	{color: #000000; font: normal 80% Arial,sans-serif; text-align:center;  padding: 8px 8px 8px 8px; 
							border-bottom: 1px solid #604830; border-left: 1px solid #604830; border-right: 1px solid #604830;}
							

.stateTableTD				{color: #000000; font: normal 80% Arial,sans-serif;  padding: 8px 8px 8px 8px; 
							border-bottom: 1px solid #604830; border-right: 1px solid #604830;}


.stateTableCapitalMixTD		{padding: 8px 8px 8px 8px; border-bottom: 1px solid #604830; border-right: 1px solid #604830;}



.rightWrongTableTD			{color: #003300; font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; text-align:center; padding: 8px 8px 8px 8px;
					 		border-bottom: 1px solid #604830; border-right: 1px solid #604830;}
					 

.displayAnswerTableTD 		{color: #003300; font: normal 80% Arial,sans-serif;  padding: 8px 8px 8px 8px;  
							border-bottom: 1px solid #604830; border-right: 1px solid #604830;}







#errMessageCSS	{color: #003300; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; text-align:center;}




/* Classes *******************************************************************************************/
.errMessageHeaderCSS	{color: #003300; font-family: Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: bold; text-align:center;}

.errMessageLargeCSS		{color: #003300; font-family: Arial, Helvetica, sans-serif; font-size: 90%;  font-weight: normal; text-align:center;}

.changeHeaderCss		{color: #003300; font-family: Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: normal;}




.directionLink			{color: #105802; font-family: Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: bold;}

.directions				{color: #003300; font-family: Arial, Helvetica, sans-serif; font-size: 95%;  font-weight: bold;}

.directionsTableTD 		{color: #003300; font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal;}

.directionsPadding 		{padding: 0px 5px 0px 5px; margin: 0px 0px 0px 0px;}

.hintHeader				{color: #604830; font-family: Arial, Helvetica, sans-serif; font-size: 80%;  font-weight: bold;}

.hintCSS				{color: #604830; font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold;}


.header  		{font-family: Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bold; color: #333333; padding: 0px 0px 0px 5px; margin:  0px 0px 0px 0px;}

.headerSm  		{font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #333333;  
					padding: 0px 0px 0px 0px; margin:  0px 0px 0px 0px; vertical-align: super;}


.bottomId		{color: #105802; font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold;}


#topId			{font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: normal; padding: 0px 5px 5px 5px; margin: 0px 0px 0px 0px;}

.footer   		{font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: normal; padding: 0px 5px 5px 5px; margin: 0px 0px 0px 0px;}