/* CSS Document */

/*=========================grapevine specific===========================*/

.grapevinetitle {
	TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
    FONT-SIZE: x-large;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-COLOR: #000000
    TEXT-ALIGN: center
}

#forumMain {
	border: 1px solid #000000;
	width: 100%;
	text-align: center;
	padding: 5px;	
}

#forumTable {
	border: 1px solid #000099;
	width: 90%;
	background-color: #FFFFFF;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;

}

#forumTable thead tr.forumRowOdd td {
	border: 1px solid #000099;
	background-color: #99FF66;
	text-align: left;
	font-weight:bold;
}
#forumTable thead tr.forumRowEven td {
	border: 1px solid #000099;
	background-color: #FFFFFF;
	text-align: left;
	font-weight:bold;
}

#forumTable tbody tr.forumRowOdd td {
	border: 1px solid #000000;
	background-color: #99CCFF;
	text-align: left;
}

#forumTable tbody tr.forumRowEven td {
	border: 1px solid #000099;
	background-color: #FFFFFF;
	text-align: left;
}

#forumTable tbody tr.forumRowSelected td {
	border: 1px solid #000000;
	background-color: #BECCFF;
}

#forumTable tbody tr.forumButtonsEven td {
	border: 1px solid #000099;
	background-color: #FFFFFF;
	text-align: right;
}

#forumTable tbody tr.forumButtonsOdd td {
	border: 1px solid #000099;
	background-color: #99CCFF;
	text-align: right;
}

.forumThreadDetail td {
	text-align: left;
	height: auto;
	width: auto;
	background-color: #99CCFF;
	border: 1px solid #000099;
	padding: 2px;
}

.forumThreadDetailPosted {
}

.threadBoxes {
	float: left;
	width: 100%;
}
.threadBoxes_padding {
	padding: 20px;
}

.threadBox {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	background-color: #FFFFFF;
}
.threadBox_padding {
	border: 1px solid #000099;
}

.threadBoxHeader {
	background-color: #99CCFF;
	border-bottom: 1px solid #000099;
}
.threadBoxHeader_padding {
	padding: 3px;
}

.threadBoxBody {
	
}
.threadBoxBody_padding {
	padding: 3px;
}

.threadBoxReply {
	text-align: right;
}

/*=========================generic===========================*/

BODY {
	FONT-SIZE: medium;
	MARGIN: 5px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffaa;
	background-image: none;
}

.formatbar {
	WIDTH: 100%;
	HEIGHT: 5px;
	TEXT-ALIGN: center;
	BACKGROUND-COLOR: #99ff66;
}

.crumbtrail {
	TEXT-ALIGN: center
}

.floatLeft {
	position: relative;
	float: left;
	height: auto;
}

.newLine {
	clear: all;
}

/*=========================accessibility options===========================*/

.accessKey {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.HideContent {
	DISPLAY: none
}

.textSize1 {
 	font-size:100%;
}

.textSize2 {
	font-size:120%;
}

.textSize3 {
	font-size:140%;
}

.textSize4 {
	font-size:160%;
}

.textSize5 {
	font-size:180%;
}

.AccessHeaderTable {
	BORDER-RIGHT: blue 3px outset;
	BORDER-TOP: blue 3px outset;
	BORDER-LEFT: blue 3px outset;
	BORDER-BOTTOM: blue 3px outset;
	WIDTH: 100%;
}

/*==========================text styles============================*/

.centreText {
	TEXT-ALIGN: center;
}

.textLinksPadding{
	padding-left:10px;
}

.textLinksPadding a{
	text-decoration:none;
}

.textSettingsPadding{
	padding-left:1px;
}

.textSettingsPadding a{
	text-decoration:none;
}

.textLeft{
	text-align:left;
}

.newsHeadline {
	FONT-SIZE: medium;
	TEXT-ALIGN: left;
	WIDTH: 90%;
	padding-top: 2px;
	FLOAT: LEFT
}

.newsHeaderLeft {
	font: Trebuchet MS, verdana, geneva, sans-serif;
	font-size: 14;
	color: black; 	
	FONT-WEIGHT: bolder;
	width: 100%;
	text-align: left;
}
.newsHeaderCentre {
	font: Trebuchet MS, verdana, geneva, sans-serif;
	font-size: 14;
	color: black; 	
	FONT-WEIGHT: bolder;
	width: 100%;
	text-align: center;
}

.pageHeaderCentre {
	WIDTH: 60%;
	TEXT-ALIGN: center
}

.pageHeaderLeft {
	WIDTH: 20%;
	TEXT-ALIGN: left
}

.title {
	FONT-WEIGHT: normal;
	FONT-SIZE: x-large;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center
}

.pageHeaderRight {
	WIDTH: 20%;
	TEXT-ALIGN: right
}

.pageSynopsis {
	FONT-WEIGHT: bolder;
	FONT-SIZE: larger;
	TEXT-ALIGN: center;
}


.homepageHeaderLink {
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	TEXT-ALIGN: center;
	Vertical-align: middle
}

/*==========================footer============================*/

.footer{
	BORDER-RIGHT: blue 1px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: blue 1px solid;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	BORDER-LEFT: blue 1px solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: blue 1px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 5%;
	BACKGROUND-COLOR: #CCFFFF
}
.footerInnerTable{
	BORDER-RIGHT: blue thin solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: blue thin solid;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	BORDER-LEFT: blue thin solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: blue thin solid;
	BACKGROUND-COLOR: #CCFFFF
}
.footerOuterTable{
	BORDER-RIGHT: blue thick solid;
	BORDER-TOP: blue thick solid;
	BORDER-LEFT: blue thick solid;
	BORDER-BOTTOM: blue thick solid
}

.footertext {
	FONT-WEIGHT: normal;
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FLOAT: left;
}
.footertext a {
	FONT-WEIGHT: normal;
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FLOAT: left;
}

/*==========================Page & layout tables============================*/

.PageHeaderMainTable {
	BORDER-RIGHT: #0000ff 4px solid;
	BORDER-TOP: #0000ff 4px solid;
	BORDER-LEFT: #0000ff 4px solid;
	BORDER-BOTTOM: #0000ff 4px solid;
	HEIGHT: 95%;
	BACKGROUND-COLOR: #CCFFFF
}

.HeaderTableMain{
	BORDER-RIGHT: blue 3px outset;
	BORDER-TOP: blue 3px outset;
	BORDER-LEFT: blue 3px outset;
	BORDER-BOTTOM: blue 3px outset;
	WIDTH: 100%;
	BACKGROUND-COLOR: #CCFFFF
}

.indexbox {
	BACKGROUND: white;
	BORDER-BOTTOM: solid thin #ccc;
	BORDER-LEFT: solid thin #ccc;
	BORDER-RIGHT: solid thin #ccc;
	BORDER-TOP: solid thin #ccc;
	display: table;
	HEIGHT: auto;
	width: 9em;
	clear:both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*==========================news============================*/

.newsThumbnail{
	float:left;
	width: 20%; 
	margin-right:2%;
}
.newsRow{
	width: 100%;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 2px;
}
.newsText {
	text-align: left;
}

/*==========================redundent?============================*/


.tabs
{
    BORDER-RIGHT: #ffffcc;
    BORDER-TOP: #ffffcc;
    FONT-SIZE: 18px;
    BORDER-LEFT: #ffffcc;
    COLOR: #000000;
    BORDER-BOTTOM: #ffffcc;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.toolbar
{
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffcc;
    TEXT-ALIGN: right
}
.toolbartext
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

/*==========================Styles for table definitions==========================*/

/* To style tables found in the 'Default Styles' style definition object. 

   These are the table styles that content authors can apply to their tables in the Text Wizard.  */



span.underline 		{ text-decoration: underline; }

table.tabledef 		{ border-spacing: 0; margin-bottom: 1.1em; }

table.tabledef td	{ vertical-align: top; }

table.tabledef th	{ font-size: 0.8em; background-color: #E8F2DB; }



table.paddingLarge td,table.paddingLarge th { padding: 0.5em; vertical-align: top}



table.paddingStandard td,table.paddingStandard th 	{ padding: 0.3em; }

table.paddingSmall td,table.paddingStandard th 		{ padding: 0.1em; }



th.leftHeader { text-align: left; } /* To align header cells to the left - can be used by other styles */





/* ***  Tables with borders ***  */

/* These styles can be combined with .tabledef (See above) or .dataTable (See main stylesheet) (or any other table)*/

table.border { border-top: 1px solid #8C8C8C; border-right: 1px solid #8C8C8C; }

table.border td,table.border th { border-bottom: 1px solid #8C8C8C; border-left: 1px solid #8C8C8C;  }



table.fullWidth { width: 100%; }

table.centerTable {margin-left:auto; margin-right:auto;}

div.centerTableWrapper { text-align: center; }

table.fixedWidth { width: 550px; }

td.fiftyPerc { width: 50%; }

th.fiftyPerc { width: 50%; }

td.third { width: 33%; }

th.third { width: 33%; }