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

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

@media screen {

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

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

body {
	background-color: #05355d;
	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{
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	background-color: #ffffff;
}


.headerContainer{
	width: 760px;
	height: 77px;
	background-image: url(../../images/template/bg-header.gif);	
	background-repeat: no-repeat;
	background-color: #05355d;
	padding: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}

.headerLeft {
	float: left;
	text-align: left;
	padding: 5px 5px 5px 33px;
	color: #ffffff;
	font-size: 11px;
}

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

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

.headerRight {
	float: right;
	text-align: right;
	padding: 10px 10px 5px 5px;
}

.contentContainer {
	padding: 0px 0px 0px 0px;
	background-image: url(../../images/template/bg-content.gif);
}

.contentTopContainer {
	background-color: #eff5f6;
	color: #1f4a67;
	border-top: 1px solid #6e8ea4;
	border-bottom: 1px solid #6e8ea4;
	margin: 0px 10px 0px 10px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
}

.breadcrumbContainer {
	float: left;
	text-align: left;
	padding: 5px 5px 5px 10px;
}

.breadcrumbContainer a {
	color: #1f4a67;
	text-decoration: none;
}

.breadcrumbContainer a:hover {
	color: #1f4a67;
	text-decoration: underline;
}
.searchContainer {
	float: right;
	text-align: right;
	padding: 5px 10px 5px 5px;
}

.searchBox {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width: 120px;
	font-size: 90%;
	border-top: 1px solid #6e8ea4;
	border-right: 1px solid #6e8ea4;
	border-bottom: 1px solid #6e8ea4;
	border-left: 1px solid #6e8ea4;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #1f4a67;
}

.searchButton {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
	border: none;
	color: #1f4a67;
	background-color: #eff5f6;
	vertical-align: middle;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}

.searchButton:hover{
	text-decoration: underline;
}

.contentMainContainer {
	margin: 0px 10px 0px 10px;
	background-color: #ffffff;
	min-height: 300px;
	background-image: url(../../images/template/bg-watermark.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

/* 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 {
	height: 300px;
}

.menuContainer {
	float: left;
	width: 140px;
	margin: 22px 0px 10px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #1f4a67;
}

.menuTop {
	width: 140px;
	height: 11px;
	background-image: url(../../images/template/bg-menu-top.gif);
	background-repeat: no-repeat;
}

.menuMiddle {
	width: 140px;
	background-image: url(../../images/template/bg-menu-middle.gif);
	background-repeat: repeat-y;
}

.menuContent {
	padding: 0px 5px 0px 5px;
}

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

.menuContent ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 130px;
	}

.menuContent li {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.menuContent li ul {
	position: absolute;
	left: 110px;
	top: 0px;
	display: none;
	width: 130px;
	}

.menuContent ul li ul li ul {
	position: absolute;
	left: 110px;
	top: 0px;
	display: none;
	width: 130px;
	}

/* Holly Hack. IE6 Requirement \*/
* html .menuContent ul li { float: left; height: 1%; }
* html .menuContent ul li a { height: 1%; }
/* End */

/* Styles for Menu Items */
.menuContent ul li a {
	color: #1f4a67;
	display: block;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	width: 120px;
	}

.menuContent ul li a:hover {
	background-color: #e2ebed;
	}

/* Styles for second Menu Items */

.menuContent ul li ul{
	background-color: #eff5f6;
	border: 1px solid #6e8ea4;
	padding: 5px 5px 5px 5px;
}

.menuContent ul li ul li a {
	background-color: #eff5f6;
	color: #1f4a67;
	display: block;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	width: 120px;
	}

.menuContent ul li ul li a:hover {
	background-color: #e2ebed;
	}

/* Styles for third Menu Items */
.menuContent ul li ul li ul li a {
	background-color: #eff5f6;
	color: #1f4a67;
	display: block;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	width: 120px;
	}

.menuContent ul li ul li ul li a:hover {
	background-color: #e2ebed;
	}

/* :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: block;
    }

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

.menuBottom {
	width: 140px;
	height: 11px;
	background-image: url(../../images/template/bg-menu-bottom.gif);
	background-repeat: no-repeat;
}

.watermarkSpacer {
	height: 151px;
}

.textContainer {
	float: right;
	margin: 10px 0px 10px 0px;
	width: 576px;
	padding: 0px 14px 0px 10px;
}

.textContainerTop {

}

.textContainerMiddle {

}

.textContainerMiddleLeft {
    float: left;
    width: 400px;
    padding: 0px 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 {
    float: right;
    width: 162px;
    padding: 10px 0px 10px 0px
}

.textContainerBottom {

}

.footerContainer{
	width: 760px;
	height: 52px;
	background-image: url(../../images/template/bg-footer.gif);
	background-repeat: no-repeat;
	background-color: #05355d;
	padding: 0px 0px 0px 0px;
	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: left;
    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;
}

.borderBlue {
    border: 1px solid #1f4a67;
}

.table {
	background: #05355D;
}

.table th {
	background: #6E8EA4;
	color: #FFF;
	text-align: left;
}

.table td {
	background: #EFF5F6;
}

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

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

/* this closes the media tag */

}

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