/********************************************
*											*
*	CSS STYLESHEET							*
*											*
*	This document defines the styles 		*
*	applied to each html element for the	*
*	website. It is divided into three		*
*	sections:								*
*		-Main page layout					*
*		-Content layout						*
*		-Font modification					*
*	For more information read:				*
*			DR4907-0708GT-151-001			*
*											*
*********************************************/
/********************************************
*											*
*	MAIN PAGE LAYOUT SECTION				*
*											*
*	This section defines the overall layout	*
*	and	properties of the website			*
*											*
*********************************************/

/*Please notice that the current properties are being used:
			=>Red=#BB2222
			=>Grey=#444444
*/

/*Overall section, define defaults here*/
body {
	background-color: #FFFFFF;
	margin: 1 1 1 1;
}

/*This applies to everything but the footer*/
#main {
	border-style: none;
	border-width: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}

/*This applies to the titlebar at the top of the website*/
#head table {
	width: 780px;
	height: 112px;
	border-style: none;
}

/*This applies to the left and right sides of the title bar*/
#head td {
	width: 389px;
	height: 110px;
	border-top-style: solid;
	border-top-width: 1px; 
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #444444;
}

/*This applies to the left of the title bar*/
#head td.left {
	border-left-style: solid;
	border-left-width: 1px;
}

/*This applies to the right of the title bar*/
#head td.right {
	border-right-style: solid;
	border-right-width: 1px;
}

/*This applies to the banner which displays the title of a given page*/
#banner {
	width: 780px;
	height: 36px;
	background-color: #444444;
	border-style: none;
}

/*This applies to the cell within the above banner*/
#banner td {
	width:780px;
	border-style: solid;
	border-width: 1px;
}

/*This defines the properties of the table containint the main content*/
table.content {
	width: 780px;
	background-color: #FFFFFF;
	background-image: url(./bglogo.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 1px;
	padding: 0 8px 0 8px;
}

/*This defines the properties of the navigation bar which lists all the main sections*/
table.navigation {
	width: 780px;
	border-style: solid;
	border-width: 1px;
}

/*This defines the properties of the navigation bar row dedicated to non-protected content*/
tr.public {
	background-color: #FFFFFF;
}

/*This defines the properties of the navigation bar row dedicated to protected content*/
tr.protected {
	background-color: #BB2222;
}

/********************************************
*											*
*	CONTENT LAYOUT SECTION					*
*											*
*	This section defines the layout and		*
*	properties of the content section of	*
*	the website								*
*											*
*********************************************/

/*This defines the properties of a cell which spans the full width of the content page*/
td.fullwidth {
	width: 100%;
	text-align: justify;
	height: 32px;
}

/*This defines the properties of a cell on the left half of the content page*/
td.leftcontent {
	width: 55%;
}

/*This defines the properties of a cell on the left half of the content page which needs to be taller than usual*/
td.leftcontenttall {
	width: 55%;
	height: 48px;
}

/*This defines the properties of a cell on the left half of the content page which needs to be a specified height*/
td.leftcontentmed {
	width: 55%;
	height: 32px;
}

/*This defines the properties of a cell on the left half of the content page which needs to be shorter than usual*/
td.leftcontentshort {
	width: 55%;
	height: 24px;
}

/*This defines the properties of a cell on the right half of the content page*/
td.rightcontent {
	width: 45%;
}

/*This defines the properties of a cell on the right half of the content page which needs to be taller than usual*/
td.alignrightcontenttall {
	width: 45%;
	text-align: right;
	height: 48px;
}

/*This defines the properties of a cell on the left half of the content page which needs to be a specified height*/
td.alignrightcontentmed {
	width: 45%;
	text-align: right;
	height: 32px;
}

/*This defines the properties of a cell on the left half of the content page which needs to be shorter than usual*/
td.alignrightcontentshort {
	width: 45%;
	text-align: right;
	height: 24px;
}

/*This defines the properties of the cells in the navigation bar*/
/*This may not be in the most appropriate location*/
td.navigation {
	width: 20%;
	vertical-align: top;
	text-align: center;
	height: 36px;
}

/*This defines the properties of the cell containing the number of a DR*/
td.formFieldsName {
	padding: 8px 0 8px 0;
	width: 20%;
}

/*This defines the properties of the cell containing the title of a DR*/
td.formFieldsTitle {
	padding: 8px 0 8px 0;
	width: 53%;
}

/*This defines the properties of the cell containing the author of a DR*/
td.formFieldsAuthor {
	text-align: center;
	padding: 8px 0 8px 0;
	width: 17%;
}

/*This defines the properties of the cell containing any comments regarding a DR*/
td.formFieldsComments {
	text-align: right;
	padding: 8px 0 8px 0;
	width: 10%;
}

/********************************************
*											*
*	FONT MODIFICATION SECTION				*
*											*
*	This section defines font properties	*
*											*
*********************************************/

/*This font is typically used for the banner*/
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 0;
	margin: 0 0 0 0;
	color: #FFFFFF;
}

/*This font is used for the title of the website*/
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FFFFFF;
	text-align: left;
	padding:  0 0 0 0;
	margin: 12px 0 12px 8px;
}

/*This font is used for paragraph text in the main website*/
p.default {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-indent: 28px;
}

/*I honestly don't remember where this is used...*/
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	text-decoration: underline;
}

/*This is the default font being used*/
h5.default {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*This is used for subtitles within the main body of the website*/
h5.section {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*This is used for bold inactive "links" or to apply a strikethrough*/
h5.inactive {
	font-weight: bold;
	text-decoration: line-through;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*This is used for non-bold inactive "links" or to apply a strikethrough*/
h5.thininactive {
	text-decoration: line-through;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
}

/*This is used where font size needs to be reduced*/
h5.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*This font is used for labels under (or over) pictures*/
h5.labelpic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

/*This is the default font used for links*/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

/*This is used for links that need to be smaller*/
a.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/*I honestly don't remember where I used this...*/
a.group {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

/*This is used for the links in the navigation bar*/
a.navbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

/*This is used to keep images within the cell width
... Doesn't work well for IE*/
img.modified {
/*	width: 100%;	*/
	width: 760px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

img.modified2 {
/*	width: 100%;	*/
	text-align: center;
	width: 335px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/*This is used to indicate protected links with red*/
a.PROTECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #BB2222;
}

/*This is used to indicate protected links where the font size needs to be reduced*/
a.PROTECTsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BB2222;
}

/*This is used to highlight text by changing the colour to red*/
span.notice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #BB2222;
}