/* ----- LSCWY Style Sheet by Xentica (2006) -----*/

/* ------ MEDIA TAG ----- */

@media print {

/* ----- HTML TAGS ----- */

body {
	background-color: #eeeeee;
	background-image: url(../../images/bg_stripes.gif);
	margin: 5px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:70%;
	overflow: -moz-scrollbars-vertical;  /*add scrollbar to mozilla when to short to scroll normally*/
}

img {
	border:none;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 135%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 50px 10px 0px;
	color: #292E53;
}

h2 {
	font-size: 120%;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	color: #FF7D3D;
}

a {
	color: #FF8137;
	text-decoration: underline;
}

a:hover {
	color: #FF8137;
	text-decoration: underline;
}

hr {
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 3px 0px;
	border: none;
	height: 1px;
	border-top: 1px solid #E9EFF5;
}

textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
}

ul {
    margin: 5px 10px 15px 55px;
    padding: 0px 0px 0px 0px;    
}

ol {
    margin: 5px 10px 15px 55px;
    padding: 0px 0px 0px 0px;    
}

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

/* ----- END HTML TAGS ----- */

/* ----- CONTAINTERS ----- */
	
	
.container {
	background-color: #ffffff;
}

.header {
	background-color: #ffffff;
	/*border-bottom: 1px solid #FF8137;*/
	background-image: url(../../images/bg-header.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.logoContainer {

}

.logoLeft {
	/*float: left;*/
	padding: 15px 10px 10px 30px;
	font-size: 150%;
	font-weight: bold;
	line-height: 150%;
}

.logoRight {
	/*float: right;*/
	/*padding: 15px 20px 10px 10px;*/
}

.body {
	background-color: #ffffff;
	clear: both;
}

/*Using a background graphic to allow the colour to repeat vertically*/
.contentContainer {

}

/* This makes IE take note of the height, as it ignores min-height in the css above. Firefox uses the min height, but not this*/
*html .contentContainer {
	height: 350px;
}

.contentContainerLeft {
	display: none
}

.contentLeft {

}

.contentLeft ul {

}

.contentLeft li {

}

.contentLeft li a {

}

.contentLeft li a:hover {

}

.contentLeft p {

}

.contentContainerCentre {
	line-height: 140%;
}

.contentCentre {
	padding: 10px 10px 10px 10px;
}

.contentCentre li {
	padding: 5px 0px 5px 0px;
}

.contentContainerRight {
	/*float: left;*/
	/*width: 170px;*/
	/*background-color: #F4F4F4;*/
}

.contentRight {
	/*padding: 0px 10px 10px 10px;*/
	/*background-color:green;*/
}

/* this clear is added to allow the content divs to fit properly inside the content container */
.clear {
	clear: both;
	display: block;
	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.footer {
	display: none
}

.footer a {

}

.footer a:hover {

}

.footerContainer {

}

.footerLeft {


}

.footerRight {

}

.surveyTable {
	background-color: #CFDAE5;
	background-image: url(../../images/bg_triangle.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 3px 5px 3px;
}

.surveyTable table {
}

.surveyTable th {
	text-align: left;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #E9EFF5;
}

.surveyTable td {
	text-align: left;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #E9EFF5;
}

.surveyTable td a {
	text-align: left;
	padding: 5px 5px 5px 5px;
	color: #2B3050;
	text-decoration: underline;
}

.surveyTable td a:hover {
	text-align: left;
	padding: 5px 5px 5px 5px;
	color: #2B3050;
	text-decoration: underline;
}

.surveyTable p {
	margin: 0px 0px 0px 0px;
	padding: 7px 7px 7px 30px;
}


.keyTable {
	background-color: #CFDAE5;
	padding: 3px 3px 5px 3px;
	margin-top: 10px;
	font-size: 80%;
}

.keyTable table {
}

.keyTable th {
	text-align: left;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #E9EFF5;
}

.keyTable td {
	text-align: left;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #E9EFF5;
}

.keyTable td a {
	text-align: left;
	padding: 5px 5px 5px 5px;
	color: #2B3050;
	text-decoration: none;
}

.keyTable td a:hover {
	text-align: left;
	padding: 5px 5px 5px 5px;
	color: #2B3050;
	text-decoration: underline;
}

.introBoxOut {
	margin: 10px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	border: 1px solid #FF7D3D;
}

.introBoxIn {
	padding: 10px 10px 10px 10px;
	border: 2px solid #FF7D3D;
	font-weight: bold;
	color: #DA5B17;
	background-image: url(../../images/bg_stars.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.introBoxIn a {
	color: #DA5B17;
	text-decoration: none;
}

.introBoxIn a:hover {
	color: #DA5B17;
	text-decoration: underline;
}

.divBox {
	background-color: #DCE5EE;
    border: 1px solid #E9EFF5;
    padding: 10px;
    margin: 15px;
}

/* ----- END CONTAINTERS ----- */


/* ----- FORMATTING -----*/

.text {
	font-weight: normal;
}

.textB {
	font-weight: bold;
}

.textI{
	font-style: italic;
}

.textU {
	text-decoration: underline;
}

.textSmaller {
	font-size: 90%;
}

.textSmaller2 {
	font-size: 80%;
}

.spacer01 {
	width: 100%;
	height: 3px;
	padding: 0px 0px 2px 0px;
}

.imageAlign {
	vertical-align: middle;
}

/* ----- END FORMATTING -----*/

}

/* ------ END MEDIA TAG ----- */