/************************************************************
 * The CONTRA Project -- CSS stylesheet
 *
 * Created by Chuong Do
 ************************************************************/

/* Main part of the webpage */

body {
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000000;
	
	width: 800px;
	margin: auto;
	padding: 0px;
	background: #ffffff;
}

a {
	color: #0000ff; 
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dotted #0000ff;
}

#content {
	width: 100%;
}

#content .textbox h3 {
	color: #005555;
	font-weight: bold;
	font-size: 150%;
	margin: 0px;
	padding: 3px 15px;
	height: 26px;
}

#content .textbox .body {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	padding: 1px 15px;
}

/* The banner at the top of the screen */

#banner {
	font-family: Georgia, Garamond, "Times New Roman", serif; 
	height: 150px;
	width: 100%;
	margin: 10px;
}

#banner span#contra_logo {
	float: left;
	width: 150px;
	height: 150px;
	margin-right: 20px;
	background: url(../images/contra.png) no-repeat top left;
}

#banner span#contralign_logo {
	float: left;
	width: 200px;
	height: 150px;
	margin-right: 20px;
	background: url(../images/contralign.png) no-repeat top left;
}

#banner span#contrafold_logo {
	float: left;
	width: 200px;
	height: 150px;
	margin-right: 20px;
	background: url(../images/contrafold.png) no-repeat top left;
}

#banner span#contrast_logo {
	float: left;
	width: 200px;
	height: 150px;
	margin-right: 20px;
	background: url(../images/contrast.png) no-repeat top left;
}

#banner a { 
	text-decoration: none; 
	color: #000000; 
}

#banner h1 { 
	font-size: 42px; 
	margin: 0px; 
	padding: 20px 0px 0px 0px; 
}

#banner h2 { 
	font-size: 20px; 
	margin: 0px; 
	padding: 0px; 
}

#banner span.highlight { 
	color: #880000; 
}

/* Toolbar showing the different programs */

#toolbar {
	margin-bottom: 20px;
}

#toolbar a {
	background: #668866;
	border: 3px outset #000000;
	padding-left: 20px;
	padding-right: 20px;
	color: #ffffff;
}

#toolbar a:hover {
	color: #000000;
}

#toolbar a:active {
	border: 3px inset #000000;
}

#toolbar a.selected {
	font-weight: bold;
}

/* Menu bar showing the options for a particular program */

#menu a.selected {
	font-weight: bold;
}

/* Page footer */

#footer {
	text-align: center;
}

/* List of programs on the main CONTRA page */

table#program_list {
	margin: auto;
}

table#program_list td.icon {
	padding: 0px 10px;
	text-align: right;
}

table#program_list td.description {
	padding: 0px 10px;
	text-align: left;
}

/* FAQ */

.qa {
	margin: 10px;
	padding: 0px;
	border-style: solid;
	border-width: 1px;
}


.qa .question {
	margin: 0px;
	padding: 3px 10px 3px 10px;
	background: #880000;
	color: #ffffff;
	font-weight: bold;
}

.qa .question a {
	color: #ffffff;
}

.qa .answer {
	margin: 0px;
	padding: 3px 10px 3px 10px;
}

.qa .return {
	.text-align: center;
}