body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background-color: #FFFFFF;
	font-size: 12pt;
	width: 100%;
	padding: 0;
	margin: 0;
}
h1 {
	margin: 0 0 10px 0;
	padding: 0;
	padding-top: 2em;
	color: #6f276e;
}
h2 {
	margin: 0 0 8px 0;
	padding: 0;
	color: #6f276e;
}
h3 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #6f276e;
}
img {
	border: none;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
p {
}

#pickerp {
	color:#993399;
	
	
}
#logo {
	height: 140px;
	width: 100%;
	background: url("/testing/images/chalkboard.png") repeat-x;
	color: #FFFFFF;
	border-bottom: 1px solid #993399;
	position:relative; top:55px; left:0px;
	clear:left;
	margin-bottom:auto;		
}

.picture { 
position:relative;  
display: block;  
background-repeat:no-repeat;  
background-position:bottom; 


height:100%; background: url("images/cas_logo_w_chalk.png") no-repeat; }

#logo img {
}

#logo h1 {
	display: inline;
	font-size: 36pt;
}
#main {
	background-color: inherit;
	padding: 10px;
	/*margin-left: 230px;*/
}
.box {
	background-color:#FFFFFF;
	border: 1px solid #993399;
	padding: 5px;
	margin: 10px auto 0 auto;
	border-collapse: collapse;

	
}
.box th {
	background-color: #F9F4FA;
	color:#6F276E;
	border: 1px solid #993399;
	padding: 5px;
}
.box td {
	padding: 5px;
}
#footer {
	border-top: 1px solid #993399;
	border-bottom: 1px solid #993399;
	background-color: #F9F4FA;
	margin: 10px 10px 0 10px;
	padding: 0;	
	clear: left;
}
#footer p {
	margin: 0;
	padding: 8px 5px 5px 5px;
	text-align: right;
	font-size: 60%;
}
.imagelnk {
	border: none;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
#copyright {
	float: left;
}
#problem {
	float: left;
	clear: left;
}
#details {
	font-size: 80%;	
	padding: 5px;
	text-align: left;
}
#details form p label {
	padding-top: 4px;
	float: left;
	text-align: right;
	margin-right: 2px;
	display: block;
	width: 100px;
}
/* reCaptcha widget background color */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
	background-color:#F9F4FA !important;
}
/* reCaptcha widget border color */
#recaptcha_table {
	border-color: #993399 !important;
}
/* Text input field border color */
/* Text input field background color */
#recaptcha_response_field {
	border-color: #993399 !important;
	background-color:#FFFFFF  !important;
}
.error {
color: #FF0000;
font-weight: bold;
font-style: italic;
}
/* Button Stuff generic container (i.e. div) for floating buttons */
#uk_icon {
  display: block;
  width: 102px;
  height: 102px;
  background: url("/testing/images/emailUs.gif") no-repeat 0 0;
}
#uk_icon:hover{ 
background-position: 0 -103px;
}

#uk_icon span{ 
display: none;
}

#iconarea{
	background-color:#FFFFFF;
	position:relative;
	width: auto;
	height:300px;
	margin-left: auto; 	
	margin-right: auto; 	
	display: table;	
}
 li {float:left;
border: solid;
border-color:#FFFFFF;
border-width: 5px 5px 5px 5px;
list-style-type: none;
background-color:#FFFFFF;
}

ul {
	margin-left: auto; 
	margin-right: auto; 	
	display: table;
	
	background-color:#3F0;
	
	
}
/*To create a horizontal list and then clear any content below it*/
#afterlist { clear:left;}

/*A custom hr*/
#hr{ border-top: 1px solid #993399;}

/*CSS for any ICON images so we can make them background rollovers*/
.cssroll{  
position:relative;  
display: block;  
background-repeat:no-repeat;  
background-position:bottom; 
} 
.cssroll:hover{ 
background-position: top;
}
.cssroll span{ 
display: none;
}

A:link {text-decoration: none; color:#993399; font-weight: bold;}
A:visited {text-decoration: none; color:#993399; font-weight: bold;}
A:active {text-decoration: none; color:#993399; font-weight: bold;}
A:hover {text-decoration: underline; color: 993399; font-weight: bold;}

/*
#navigation {
	border-top: 1px solid #E37222;
	border-bottom: 1px solid #E37222;
	background-color: #FEDBBE;
	margin: 10px 10px 0 10px;
	padding: 0;
}
#navigation ul {
	list-style: none;
	width: auto;
	margin: 0 auto 0 auto;
	padding: 2px 10px 2px 10px;
}
#navigation ul li {
	display: inline;
	margin: 0 25px 0 25px;
	padding: 0;
}
#navigation ul li p {
	display: inline;
	margin: 0;
	padding: 0;
}
#navigation ul li p a {
	color: #E37222;
	text-decoration: none;	
	font-size: 110%;
	margin: 0;
	padding: 0;
}
#navigation ul li p a:hover {
	text-decoration: underline;
}
#subnav {
	background-color: #FEDBBE;
	float: left;
	clear: left;
	border: 1px solid #E37222;
	height: 100%;
	margin: 0;
	padding: 0;
}
#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#subnav ul li {
	margin: 5px;
	padding: 0;
}
#subnav ul li p {
	margin: 0;
	padding: 0;
}
#subnav ul li p a {
	color: #E37222;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
}
#subnav ul li p a:hover {
	text-decoration: underline;
}
#sidebar {
	background-color: #FFFFFF;
	float: left;
	border: 1px solid #E37222;
	width: 220px;
	margin: 10px;
	padding: 0;
}
#sidebar img {
	display: block;
	margin: 20px auto 20px auto;
}
#sidebar p {
	text-align: center;
}
.question {
	background-color: rgb(200,200,255);
	margin: 0 0 5px 0;
	padding: 0 0 0 0;	
}
.solution {
	background-color: rgb(200,255,200);
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}

.rcode {
	background-color: rgb(255,200,200);
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}
.pdf {
	list-style-image: url("/images/icons/pdf_icon.gif");
}
.pdf p {
	padding-left: 5px;
}
.jsmath {
	list-style-image: url("/images/icons/jsmath_icon.gif");
}
.jsmath p {
	padding-left: 5px;
}
.deadlink {
	text-decoration: line-through;
}
*/