/* common.css */

body
{
	margin: 0px;
	padding: 0px;
}

/* To harmonise the look of the site */
* {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* For all images */
img 
{
	border-style: none;
}

.overall
{
	text-align: center;
}

a:link {color:#0000FF;}      /* unvisited link */
a:visited {color:#00FF00;}   /* visited link */
a:hover {color:#FF0000;}     /* mouse over link */
a:active {color:#FF00FF;}    /* selected link */ 
 	
.topTable
{
	min-width: 767px;
/*	max-width: 917px; */
	margin-left: auto;
	margin-right: auto;	
}

.sideBar
{
	width: 27%;
	min-width: 210px;
	padding:13px 0px 0px 0px;
	text-align: center;
	vertical-align: top;
}

.container
{
	width: 486px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-right: 66px;
	z-index: -1;
}

#footers
{
	width: 100%;
	text-align: center;
}

.toTheTop
{
/* Make it stay regardless of scrolling */
	position: fixed;
/* Position it bottom right of screen */
	right: 0px;
	bottom: 0px;
/* Keep it in view */	
	z-index: 1;
}

/* To align paragraphs */
.header 
{
	text-align: center;
}

.narrative 
{	
	text-align: justify;
}

.lAlign
{	
	text-align: left;
}

.rAlign
{	
	text-align: right;
}

/* Place elements at the top ... */
.vTop
{
	vertical-align: top;
}

/* in the middle ... */
.vMiddle
{
	vertical-align: middle;
}

/* & at the bottom */
.vBottom 
{	
	vertical-align: bottom;
}

/* The next three replace <strong> and <font color = ... > */
.emphasis
{
	font-weight: bold;
}

.emphasisRed
{
	font-weight: bold;
	color: red;
}

.emphasisBlue
{
	font-weight: bold;
	color: blue;
}

/* To change the cursor to a pointer - to give the user
   a visual clue that they can click the element */
.moPointer
{
	cursor: pointer;
}

.colouredCell
{
	background-color: #EAEAEA;
}

.tabLike
{
	border-style: solid;
	border-width: 1px;
	border-color: #A9A9A9;
	border-radius: 5px;
	-moz-border-radius: 5px;  /* Firefox 3.6 and earlier */
	margin: 5px;
	background: #EAEAEA url("../jQuery/images/ui-bg_highlight-soft_100_cccccc_1x100.png") 50% 50% repeat-x;
}

.date
{
	border-style: solid;
	border-width: 1px;
	border-color: #AAAAAA;
	border-radius: 5px;
	-moz-border-radius: 5px;  /* Firefox 3.6 and earlier */
	margin: 5px;
	width: 89px;
	background: #EAEAEA url("../jQuery/images/ui-bg_highlight-soft_100_cccccc_1x100.png") 50% 50% repeat-x;
}

.title
{
	border-style: solid;
	border-width: 1px;
	border-color: #AAAAAA;
	border-radius: 5px;
	-moz-border-radius: 5px;  /* Firefox 3.6 and earlier */
	margin: 5px;
	min-height: 25px;
	width: 282px;
	background: #EAEAEA url("../jQuery/images/ui-bg_highlight-soft_100_cccccc_1x100.png") 50% 50% repeat-x;
}

.icon
{
	border-style: solid;
	border-width: 1px;
	border-color: #AAAAAA;
	border-radius: 5px;
	-moz-border-radius: 5px;  /* Firefox 3.6 and earlier */
	margin: 5px;
	width: 89px;
	background: #EAEAEA url("../jQuery/images/ui-bg_highlight-soft_100_cccccc_1x100.png") 50% 50% repeat-x;
}

/* To position images */
.setRight
{
	float: right;
	margin-left: 10px;
}

.setLeft
{
	float: left;
	margin-right: 10px;
}

#blurb
{
	visibility: hidden;
	color: #FAFAFA;
}

#blurbRed
{
	visibility: hidden;
	color: #FAFAFA;
}

.carousel
{
	border-style: solid;
	border-width: 1px;
	border-color: black;
	border-radius: 15px;
	-moz-border-radius: 15px;  /* Firefox 3.6 and earlier */
}

.menu02Border
{
	border-style: solid;
	border-width: 3px;
	border-color: red;
	border-radius: 10px;
	-moz-border-radius: 10px;  /* Firefox 3.6 and earlier */
	padding: 5px;
}

.announcementBorder
{
	border-style: solid;
	border-width: 2px;
	border-color: #AAAAAA;
	border-radius: 10px;
	-moz-border-radius: 10px;  /* Firefox 3.6 and earlier */
}

.hintsBorder
{
	border-style: solid;
	border-width: 3px;
	border-color: red;
}

.threeQuarterBorder
{
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #A9A9A9;
}

.maskingDiv
{
	position: absolute;
	top: 50px;
	right: 0px;
	width: 100px;
	height: 600px;
	background-color: white;
	z-index: 10;
}