@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
}
#Wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#Wrapper #mainbody {
	width: 900px;
	background-color: #555;
	height: auto;
}
#Wrapper #mainbody #maintype {
	width: 570px;
	background-color: #666;
	font-family: Arial, Helvetica, sans-serif;
	color: #EEE;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	margin: 20px;
	height: auto;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border: thin solid #AAA;
}
#Wrapper #mainbody #mainimage {
	height: auto;
	width: 650px;
	background-color: #FFF;
	border: 1px none #AAA;
}
#Wrapper #mainbody #projects {
	height: auto;
	width: 145px;
	float: right;
	clear: right;
	border: thin solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#Wrapper #mainbody #news {
	float: right;
	width: 210px;
	clear: right;
	height: auto;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#Wrapper #mainbody #Nav2 {
	height: auto;
	width: 210px;
	float: right;
	clear: right;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#Wrapper #mainbody #Inductiontype {
	height: auto;
	width: auto;
	margin: 20px;
	padding: 15px;
	background-color: #2a2f33;
}
#Wrapper #header {
	height: 95px;
	width: 210px;
	background-image: none;
}
#Wrapper #Nav1 {
	height: 15px;
	width: 670px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #FFF;
	text-decoration: none;
	background-repeat: repeat-x;
}
#Wrapper #footer {
	height: 65px;
	width: 880px;
	text-align: center;
	color: #FFF;
	padding: 10px;
	margin: 0px;
	clear: both;
	float: none;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 40px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #BBB;
	line-height: 18px;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #BBB;
	line-height: 18px;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #DDD;
	text-decoration: none;
	line-height: 28px;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #DDD;
	text-decoration: none;
	line-height: 28px;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #DDD;
	text-decoration: none;
	line-height: 28px;
}h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	color: #FFF;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
}
#Wrapper #mainbody #map {
	clear: right;
	float: right;
	height: 210px;
	width: 210px;
	padding: 0px;
	margin: 20px;
}
#Wrapper #mainbody #noticeboard {
	padding: 0px;
	height: auto;
	width: 210px;
	clear: right;
	float: right;
	margin: 20px;
}
#Wrapper #mainbody #associations {
	margin: 20px;
	width: 580px;
	height: 100px;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#Wrapper #mainbody #induction {
	height: auto;
	width: 820px;
	margin: 20px;
	padding: 20px;
}
#inductionread {
	padding: 20px;
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* MACWELD INDUCTION CSS */
/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* Accordion container */

.Accordion {
	overflow: hidden;
}

/* The selector accordion panel */
.Panel {
	margin: 0px;
	padding: 0px;
}

/* The style for Title tab, currently set to a yellow font with a blue background */

.TitlePanel {
	background-color:#003a63;
	font-weight:bold;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	height:30px;
	padding: 2px 2px 2px 10px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* The content area containing the actual questionaires */

.Content {
	overflow: auto;
	margin: 0px;
	height:610px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}


/* The class "AccordionPanelTabHover" is programatically added and removed from panel tab containers as the mouse enters and exits the tab container. */

.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

.radioRequiredMsg, .radioInvalidMsg{
	display: none;
}

.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
	display: inline;
	color: #CC3333;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
}



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a white background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #FFFFFF;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}
@charset "UTF-8";

/* The style for Title tab, currently set to a white font with a dark grey background */

.TitlePanel {
	background-color:#003f5e;
	color:#FFF;
	font-weight:bold;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px 2px 2px 10px;
}

.TitlePanel a {
	color:#FFF;
	font-style:underline;
	font-weight:normal;
}

/* The content area containing the actual questionaires */

.Content {
	overflow: auto;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	height: auto;
}

.radioRequiredMsg, .radioInvalidMsg{
	display: none;
}

.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
	display: inline;
	color: #CC3333;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
}



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #6C9;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}