/* ----- SECTT style sheet by Xentica (2007) -----*/

/* ------ MEDIA TAG ----- */
/* this tag determines if the style sheet if for screen or for print*/

@media print {

/* ********************************************************************* */

/* ----- HTML TAGS ----- */
/* these styles are for default html properties */

body {
	background-color: #ffffff;
	margin: 10px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	/* the following style adds a scrollbar to firefox when too short to scroll normally, which keeps the page width consistant */
	overflow: -moz-scrollbars-vertical;
	color: #1f4a67;
}

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

h1 {
	font-size: 170%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #1f4a67;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

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

h2 {
	font-size: 110%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #1f4a67;
}

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

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

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

p {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

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

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


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

input {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 100%;
}

select {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 100%;
}

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

/* ********************************************************************* */

/* ----- CONTAINTERS ----- */
/* these styles are for containers and layout */

.siteContainer{
}


.headerContainer{
}

.headerLeft {
    display: none;
}

.headerLeft a {
    display: none;
}

.headerLeft a:hover {
    display: none;
}

.headerRight {
	padding: 10px 10px 5px 25px;
}

.contentContainer {

}

.contentTopContainer {
    display: none;
}

.breadcrumbContainer {
    display: none;
}

.breadcrumbContainer a {
    display: none;
}

.breadcrumbContainer a:hover {
    display: none;
}
.searchContainer {
    display: none;
}

.searchBox {
    display: none;
}

.searchButton {
    display: none;
}

.searchButton:hover{
    display: none;
}

.contentMainContainer {

}

/* 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 .contentMainContainer {

}

.menuContainer {
    display: none;
}

.menuTop {
    display: none;
}

.menuMiddle {
    display: none;
}

.menuContent {
    display: none;
}

/* ----- MENU STYLES ----- */

.menuContent ul {
    display: none;
	}

.menuContent li {
    display: none;
	}

.menuContent li ul {
    display: none;
	}

.menuContent ul li ul li ul {
    display: none;
	}

/* Holly Hack. IE6 Requirement \*/
* html .menuContent ul li { display: none; }
* html .menuContent ul li a {display: none; }
/* End */

/* Styles for Menu Items */
.menuContent ul li a {
    display: none;
	}

.menuContent ul li a:hover {
    display: none;
	}

/* Styles for second Menu Items */

.menuContent ul li ul{
    display: none;
}

.menuContent ul li ul li a {
    display: none;
	}

.menuContent ul li ul li a:hover {
    display: none;
	}

/* Styles for third Menu Items */
.menuContent ul li ul li ul li a {
    display: none;
	}

.menuContent ul li ul li ul li a:hover {
    display: none;
	}

/* :hover for Firefox, xhover code using javascript for IE */

/* hide deeper ul lists when first li is hovered over */
.menuContent li:hover ul ul, .menuContent li:hover ul ul ul {
    display: none;
    }

.menuContent li.xhover ul ul, .menuContent li.xhover ul ul ul {
    display: none;
    }

/* show deeper ul lists when each level of li is hovered over */
.menuContent li:hover ul, .menuContent li li:hover ul, .menuContent li li li:hover ul {
    display: none;
    }

.menuContent li.xhover ul, .menuContent li li.xhover ul, .menuContent li li li.xhover ul {
    display: none;
    }
    
/* ----- END MENU STYLES ----- */ 

.menuBottom {
    display: none;
}

.watermarkSpacer {
    display: none;
}

.textContainer {
	margin: 10px 0px 10px 10px;
	padding: 0px 14px 0px 10px;
	width: 100%
}

.textContainerTop {

}

.textContainerMiddle {

}

.textContainerMiddleLeft {
    width: 576px;
    padding: 20px 10px 10px 0px;
    font-size: 110%;
    line-height: 130%;
}

.textContainerMiddleLeft p {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.textContainerMiddleLeft ul {
	padding: 5px 15px 5px 25px;
	margin: 0px 0px 0px 0px;
}

.textContainerMiddleLeft li {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

.textContainerMiddleRight {
    display: none;
}

.textContainerBottom {

}

.footerContainer{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}

.footerLeft {
	float: left;
	text-align: left;
	padding: 35px 5px 5px 20px;
	color: #ffffff;
	font-size: 11px;
}

.footerLeft a {
	color: #ffffff;
	text-decoration: none;
}

.footerLeft a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.footerRight {
	float: right;
	text-align: right;
	padding: 35px 20px 5px 5px;
	color: #ffffff;
	font-size: 11px;
}

.footerRight a {
	color: #ffffff;
	text-decoration: none;
}

.footerRight a:hover {
	color: #ffffff;
	text-decoration: underline;
}


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

/* ********************************************************************* */

/* ----- CONTENT -----*/
/* these styles are for certain content and pages */


.infoBox {
    font-size: 90%;
    padding: 0px 5px 25px 5px;
}

.infoBox a {
    color: #da4e17;
    text-decoration: none;
}

.infoBox a:hover {
    color: #da4e17;
    text-decoration: underline;
}

.infoBoxLink {
    text-align: right;
    padding: 0px 5px 0px 0px;
}

.homepageLogoContainer {
    text-align: center;
}

.homepageLogos {
    padding: 0px 15px 0px 15px;
}

.searchResultsTableTop {
	width: 397px;
	height: 11px;
	background-image: url(../../images/template/bg-table-top.gif);
	background-repeat: no-repeat;
}

.searchResultsTableMiddle {
	width: 397px;
	background-image: url(../../images/template/bg-table-middle.gif);
	background-repeat; repeat-y;
}

.searchResultsTableBottom {
	width: 397px;
	height: 11px;
	background-image: url(../../images/template/bg-table-bottom.gif);
	background-repeat: no-repeat;
}

.searchResultsTable {
    padding: 0px 10px 0px 10px;
}

.searchResultsTable th {
    text-style: bold;
    vertical-align: top;
    background-color: #eff5f6;
}

.searchResultsTable td {
    text-align: left;
    vertical-align: top;
    background-color: #eff5f6;
}

.searchResultsTableBorderBottom {
    border-bottom: solid 1px #ffffff;
}

.searchResultsTableBorderRight {
    border-right: solid 1px #ffffff;
}

/* ----- END CONTENT -----*/

/* ********************************************************************* */

/* ----- FORMATTING -----*/
/* these styles are general formatting */

.clear {
	clear: both;
}

.text {
	font-weight: normal;
}

.textB {
	font-weight: bold;
}

.textI{
	font-style: italic;
}

.textU {
	text-decoration: underline;
}

.textSmaller {
	font-size: 90%;
}

.textSmaller2 {
	font-size: 85%;
}

.textLarger {
	font-size: 120%;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.imageFloatRight {
	float: right;
	padding: 0px 0px 10px 10px;
}

.imageFloatLeft {
	float: left;
	padding: 0px 10px 10px 0px;	
}

.imageFloatRight2 {
	float: right;
	padding: 10px 0px 20px 10px;
}

.imageFloatLeft2 {
	float: left;
	padding: 10px 10px 20px 0px;	
}

.noBullet {
	list-style-type: none;
}

.verticalAlign {
    vertical-align: middle;   
}

.verticalAlignTop {
    vertical-align: top;   
}

.verticalAlignBottom {
    vertical-align: bottom;   
}

.centreAlign {
	text-align: center;
}

.assessmentTableDiv {
       
}

.assessmentTableDiv th {
       
}

.assessmentTableDiv td {

}

.assessmentTableDivSpacerTd {
    Padding: 15px 0px 0px 0px;
}

.incorrectAnswer {
	color: #C80D14;
}

.correctAnswer {
	color: #0f8622;
}

.red {
	color: #C80D14;
}

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

/* ********************************************************************* */

/* this closes the media tag */

}

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