/* CSS Document                                    */
/* Webiste    : S. Thomas' Prep OBU                */
/* Author     : Dileep N. Kariyawasam - 0777688132 */
/* Started    : 18 December 2007                   */
/* Last Edited: 14 January 2008                    */

/* font-style, font-weight, font-size, line-height, font-family */

/* --------- CONTENT --------- */

body {
	background: #666666;
}

table {
	 border-collapse: collapse;
	 background: #fff;
}

.sectiontitle {
	font-weight: bold;
	padding:0 0 5px 0;
	border-bottom:1px solid #CC0000; 
	font-size:120%; 
	color:#CC0000;
	letter-spacing: -0.02em;
}

.sectiontitle2 {
	font-weight: bold;
	padding:20px 0 0 0;
	font-size:110%; 
	color:#444444;
}

.content {	
	/* font: .7em/1.5em arial; */
	font: .75em/1.5em arial;
	text-align: left;
	padding: 1em 1em 1em 2.5em;
	width: 550px;	
	color: #333333;
}

#footer {
	background: #E4E4E4;
	font: .7em/2em arial;
	color: #666666;
}

/* --------- END CONTENT --------- */

/* --------- HORIZONTAL NAVIGATION BAR --------- */

#member {
	
	font: .7em/2em arial;
	background: #fff;
	color: #666666;
	border-bottom: 1px solid #ccc;
}

#navbar {
	/* font-style, font-weight, font-size, line-height, font-family */
	font: .7em/2em arial;
	background: #fff;
	color: #666666;
	border-bottom: 1px solid #ccc;
}

#navbar a {
	text-decoration: none;
	color: #003399;
}

#navbar a:hover{
	color: #CC0000;
}

/* --------- END - HORIZONTAL NAVIGATION BAR --------- */

/* --------- SIDEBAR --------- */
.sidebar {
	text-align: left;	
	border-right: 1px dotted #ccc;
	padding: .5em; 
	width: 20%;
}

/* ----------- side bar navigation --------------- */
ul#navigation
{
	font: .7em/2em arial;
	color: red;
    margin-left: 0;
	padding: 0em .2em 1em .2em;
	list-style-type: none;	
}

ul#navigation a
{
	font: arial;
    display: block;
	text-decoration: none;	
    width: 100%;
	border-bottom: 1px dotted #ccc;
	color: #003399;
}

ul#navigation a:hover
{
	color: #CC0000;
}

ul#navigation li
{
    display: inline;	
}

/* --------- END - SIDEBAR --------- */

/* --------- DATA TABLES --------- */

#datatable th{
	border: 1px solid #E8E8E8;
	background: #F0F0F0;
	vertical-align: top;		
}

#datatable td {
	border: 1px solid #E8E8E8;
	color: #333333;	
}

/* --------- END - DATA TABLE --------- */

/* --------- DATA TABLES --------- */

.results_table thead {
	border: 1px solid #E8E8E8;
}

.results_table tbody {
	border: 1px solid #E8E8E8;
}

.results_table th{
	border: 0px;
	background: #F0F0F0;
	vertical-align: top;		
}

.results_table  td {
	border-bottom: 1px solid #E8E8E8;
	color: #333333;	
}

/* --------- END - DATA TABLE --------- */

/* --------- HOME PAGE - NEWS AND EVENTS --------- */

.newsheading {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0 10px 0 5px;
	text-align: left;
}

.newsintro {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0 10px 10px 5px;
	color: #333333;
	text-align: left;
}

.newsintro a:hover {
	text-decoration: none;
}

.newsintro ol {
	margin: 5px 0 0 15px;
	padding: 0;
}

.newsintro ol li {
	margin: 10px 0;
	padding: 0;
}

.highlight {
	font-size: 12px;
	color: #000000;
}

/* --------- END - HOME PAGE - NEWS AND EVENTS --------- */

/* --------- PICTURE TABLE - HEAD MASTERS --------- */

#pictable td{
	border: 1px solid #E8E8E8;
	text-align: center; 
}

#pictable th{
	border: 1px solid #E8E8E8;	
	background: #F0F0F0;	
	vertical-align: top;
	text-align: center;
}

/* --------- END - PICTURE TABLE - HEADMASTERS --------- */

/* --------- MESSAGES --------- */

#formerror {
	background: #FFFFCC;
	border: 1px solid red;
	padding: 10px;
	color:black;
}

#formsuccess {
	background: #FFCC33;	
	padding: 10px;
	text-align: center;
	color:black;
	border: solid #FF9900;
}

/* --------- END MESSAGES --------- */

/* --------- FORM CONTROLS --------- */
input[type="text"] {
	font: 1em/1.5em arial;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
}

input[type="password"] {
	font: 1em/1.5em arial;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
}

textarea {
	font: 1em/1.5em arial;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
}

select {
	border: 1px solid #CCCCCC;
}

/* --------- END - FORM CONTROLS --------- */

#prompt {   /* user input areas */
	background: #C3D9FF;
	padding: 10px;
	text-align: center;
	color:black;
	border: solid #99CCFF;
}

.formtable th{
	text-align: right;
	padding-right: 5px;
	vertical-align: top;
}

.formtable em {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight: bold;
}

ul.signin {
	padding: 0 10px 0 20px;
}

.mylink {
	color:#666666;
}

.activities {
	width: 95%;	
}

.activitieslist {
	list-style: square;
}