/***************************************************************************************/
/* General items */

/* 5-pixel margin around the page */
html
{
	margin: 5px 5px 5px 5px;
}

/* Default font */
body 
{
	font-size: 8pt; text-transform: none; color: black; font-style: normal; font-family: arial; font-variant: normal
}

/* Reduce size of headings */
h1
{
	font-size: 8pt;
}

/* Remove gaps around tables */
table {
	border-collapse: collapse; padding: 0px;
}

/* Remove default gaps around images */
img
{
	border-collapse:collapse;
	border: none 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* Fonts to be defined */
td
{
	border-collapse:collapse;
	border: none 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: text-top;
	font-size: 8pt; text-transform: none; color: black; font-style: normal; font-family: arial; font-variant: normal;
}

/* List items */
ul
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

li
{
padding-left: 10px;
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

/* Remove padding around forms */
form
{
	display: inline;
}

/* Text boxes have no border around them */
.inputbox
{
	border: solid 1x black;
	font-size: 8pt;
	padding-top: 1px;
	margin: 0px 1px 1px 1px;
}

/* Flat style buttons */
.button
{
	border: solid 1px Black;
	background-color: White;
	color: Black;
	font-size: 8pt;
}

hr
{
	border-style: solid;
}

/***************************************************************************************/
/* Main window */

/* Text in searchbar to be lowercase */
#searchbar
{
	text-transform:lowercase;
	font-size: 8pt;
	color:White;
	clear:right;
	padding-top:2px;
	margin-right:2px;
}

/* The search input box has a small font to fit inside the frame*/
#search input
{
	font-size:7pt;
	border-style: none;
}

/* Main Menu */
#topbar
{
	background-image:url(main_menu.jpg);
	background-repeat:no-repeat;
	width:400px;
	height: 22px;
	padding:2px 2px 2px 2px;
	text-align:justify;
	text-justify:inter-word;
}

/* Fonts for the Main Menu */
a.mainlevel, a.mainlevelnormal
{
	font-weight:bold;
	color:Black;
	text-decoration: none;
	text-transform:lowercase;
}

.mainlevelnormal a, li
{
	text-transform:none;
	font-weight:normal;

	list-style-type:disc;
	list-style-position:inside;
}

/* Nothing needed to be done to the content on the left-hand
   side of the main page */
#mainleftcontent
{
	width: 600px;
	float: right;
}

/* News content on the right-hand side of the main page */
#mainrightcontent
{
	border-left-color:Black;
	border-left-width:2px;
	border-left-style:solid;
	padding-left:6px;
	width: 180px;
	text-justify:inter-word;
	text-align:justify;
	height:400px;
}

/* News content on the right-hand side of the main page */
#mainrightcontent p {
	font-size:8pt;
	margin-left:0px;
}

/* The enter link */
.mainenter
{
	
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

/* Separator for news items */
.newsdiv
{
	height:8pt; /* hack to force news to be separated on IE and Mozilla */
}


/* The style for boxes in the main department */
.maindepartmentbox
{
	border-width: 5px;
	border-style:solid;	
	padding:4px 4px 4px 4px;
	text-justify:newspaper;
	text-align:justify;
	background-repeat:no-repeat;
	border-color:#F0EDC6;
	background-color:#F0EDC6;
}

.maindepartmentboxtext
{
	margin-top:70px;
	margin-left: -4px;
}

.maindepartmentboxheading
{
	padding-top:10px;
	font-size:8pt;
	text-transform:uppercase;
}

/***************************************************************************************/
/* Level 2 Windows */

#l2leftcontent
{
	border-color:#9DD2E5;
	background-color:#9DD2E5;
}

#l2leftcontent, #l2rightcontent, #l2leftimagecontent
{
	padding: 0px 0px 0px 0px;
	border: none 0px;
	vertical-align: top;
}

#l2leftcontent
{
	height: 300px;
}

#l2leftcontent input
{
	font-weight:normal;
	font-size: 8pt;
}

/* To allow text to be correctly padded */
#l2leftcontent td
{
	padding-left: 5px;
}

/* Make input boxes smaller on the lhs since the space is small */
input, select
{
	margin: 1px 1px 1px 1px;
}

#l2rightinset
{
	
}

/* Heading for the right-hand side content (main content). May not be used.
*/
#l2rightcontentheader
{
	font-weight:bold;
}

/* Right-hand side content (Main content) */
#l2rightcontent
{
	vertical-align: top;
	background-color:#F0EDC6;
	padding: 8px 8px 8px 8px;
}

/* Extra space given below input boxes on email form for nicer layout*/
#emailForm .inputbox
{
	margin-top: 2pt;
	margin-bottom: 5pt;
}

/* Headings for content small in bold uppercase */
td.contentheading, .componentheading,
td.contentheadingblog, .componentheadingblog
{
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom: 10px;
	font-size: 8pt;
}

/* Content text is, in general justified */
.contentpaneopen td
{
	text-justify:distribute;
	text-align:justify;
}

/* Headings in content are exception to above rule */
.contentpaneopen h1, .contentpaneopen h2, .contentpaneopen h3
{
	text-align:left;
}

/* space out items in the blog evenly */
.blog table
{
	margin: 0pt 0pt 8pt 0pt;
}

td.contentheadingblog, .componentheadingblog
{
	/* both needed to remove extraneous spaces */
	margin: 0pt 0pt 0pt 0pt;
	padding: 0pt 0pt 0pt 0pt;
}

A {color: #696969; text-decoration: none ;}
A:hover { color: #696969; text-decoration: underline }

.readon
{
}

HR
{
	height: 1px;
	background-color: rgb(192,192,192);
	color: rgb(192,192,192);
}