/* CSS Document */

* {
	margin:0;
	padding:0;
} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
	background-image: url(../images_raw/BG_Wrapper.png);
	background-repeat: repeat-x;
	background-color: #0E2547;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

/*TEXT ATTRIBUTES*/
p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #0099FF;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #0099FF;
}
a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover, a:active {
	color: #0099FF;
	text-decoration: underline;
}

input {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10pt;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #666666;
	color: #333333;
	padding: 2px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10pt;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #666666;
	color: #333333;
	padding: 2px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

#main {
	padding-bottom: 150px;
}  /* must be same height as the footer */
#menuDiv {
	width: 200px;
	height: 181px;
	float: left;
	clear: none;
}
#javaDiv {
	float: right;
	height: 180px;
	width: 760px;
}
#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	background-image: url(../images_raw/BG_Footer.png);
	background-repeat: repeat-x;
} 


/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
} /* Hides from IE-mac*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* End hide from IE-mac */
#headCentre {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	height: 181px;
}
#contentArea {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.textBlue {
	color: #0099FF;
}

/* COLUMN DIVS */
#colLeft {
	width: 700px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	float: left;
	margin-top: 26px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#colRight {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 230px;
	padding: 0px;
	float: right;
}


/*NAVIGATION TAB CSS*/
#navcontainer {
	margin: 0px;
	padding: 0px;
	float: left;
}
#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navcontainer li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
	float: left;
}

#navcontainer a
{
	text-decoration: none;
	background-image: url(../images_final/Navigation/navTab.png);
	background-position: 0px 35px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	height: 26px;
	background-repeat: repeat-y;
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 12px;
	display: block;
	width: 190px;
	margin: 0px;
}
#navcontainer a:hover
{
	background-image: url(../images_final/Navigation/navTab.png);
	background-position: 0px -35px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: normal;
	display: block;
}
#active a
{
	display: block;
	width: 190px;
	text-decoration: none;
	background-image: url(../images_final/Navigation/navTab.png);
	background-position: 0px 0px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	height: 26px;
	background-repeat: repeat-y;
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 12px;
	margin: 0px;
}
.photoBorderLeft {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	border: 6px solid #FFFFFF;
}
.photoBorderRight {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	border: 6px solid #FFFFFF;
}
.photoBorderCentre {
	margin: 0px;
	border: 6px solid #FFFFFF;
}
li {
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 13px;
}
.projectsDiv {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.textWhite {
	color: #FFFFFF;
}
.textOrange {
	color: #FFCC00;
}
.submitButton {
	width: 120px;/* Width of button image */
	height: 25px;/* Height of button image */
	color: #FFFFFF;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background-color: transparent;
	background-image: url(../images_final/Misc/subButton.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 3;
	padding-left: 0;
	}