/* ----- vocational languages resource bank style sheet by Xentica (2006) -----*/

/* ------ 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 tag */
body {
	margin: 5px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11pt;
}

/* image tag */
img {
	border:none;
	margin: 0px;
	padding: 0px;
}

/* h1 tag controls all main headers on the website */
h1 {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16;
	font-weight: normal;
	color: #ffffff;
	background-color: #CC2127;
	padding: 5px 5px 5px 5px;
	margin: 20px 0px 20px 0px;
}

/* h2 tag controls all main sub headers on the website */
h2 {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14;
	color: #000000;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 10px 0px;
}

/* h3 tag controls all main sub sub headers on the website */
h3 {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12;
	color: #000000;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 10px 0px;
	color: #CC2127;
}

/* a tag controls body content links */
a {
	color: #CC2127;
	text-decoration: underline;
}

/* a:hove tag controls the rollover of body content links */
a:hover {
	color: #CC2127;
	text-decoration: underline;
}

/* acronym tag controls any acronym tags */
acronym {
	text-decoration: none;
	border: none;
}

/* textarea tag to control all textareas */
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


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


/* ----- CONTAINTERS ----- */
/* these styles are for the structure of the website divisions */

/* contains the entire website */
.siteContainer {

}

/* contains the header */
.headerContainer {
	padding: 0px 0px 0px 0px;
}

/* contains the logo in the header */
.headerLeft {
	float:left;
	padding: 8px 10px 8px 10px;
}

/* contains the photos in the header */
.headerRight {
	float:right;
	padding: 8px 10px 8px 10px;
}

/* contains the divider graphic */
.dividerContainer {

}

/* class for divider image giving setting width and height */
.dividerImg {
	width: 760px;
	height: 4px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* contains the main site area */
.contentContainer {
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

/* contains the background img and floated left to fill as site expands */
.contentFloatContainer {

}

/* contains the main menu */
.menuContainer {
display: none;
}

/* main menu list styles */
.menuContainer ul {
display: none;
}

/* main menu list item styles */
.menuContainer li {
display: none;
}

/* main menu list item link styles */
.menuContainer li a {
display: none;
}

/* main menu list item link rollover styles */
.menuContainer li a:hover {
display: none;
}

/* contains the actual page content */
.pagesContainer {

}

/* contains the footer */
.footerContainer {
display: none;
}

/* contains the footer background colour and floated left to fill as site expands */
.footerMenuContainer {
display: none;
}

/* contains the footer menu */
.footerLeft {
display: none;
}

/* footer menu links */
.footerLeft a {
display: none;
}

/* footer menu links rollover */
.footerLeft a:hover {
display: none;
}

/* contains the footer last updated text */
.footerRight {
display: none;
}

/* footer last updated text links */
.footerRight a {
display: none;
}

/* footer last updated text links rollover */
.footerRight a:hover {
display: none;
}

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

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


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

/* home page image */
.homePageImage {
	text-align: center;
	padding: 5px 0px 0px 0px;
}

/* contains the pick a resource styles */
.pickResource {
	font-size: 115%;
}

/* pick a resource select box */
.pickResource select {
	/* border colour does not actually work on select boxes but has been left in for future possibilities */
	border: 1px solid #F6DDDB;
	width: 350px;
	font-size: 100%;
}

/* style for the go button */
.buttonGo {
	padding: 5px 0px 5px 0px;
}

/* contains the search results styles */
.searchResults {
	
}

/* style for no results returned in search */
.noResults {
	font-weight: bold;
	color: #CC2127;
}

/* contains the specific search results styles */
.searchResultResource {
	border: 1px solid #F6DDDB;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
}

/* style for the table */
.searchResultResource td {
	vertical-align: top;
}

/* style for results table */
.resultsTableCell01 {
	padding: 2px 2px 2px 5px;
	border-bottom: 1px solid #FCECEB;
}

/* style for results table */
.resultsTableCell02 {
	padding: 2px 2px 2px 5px;
}

/* contains the specific resource details styles */
.resourceDetails {
	border: 1px solid #F6DDDB;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
}

/* styles for td in resourceDetails div
.resourceDetails td {
	vertical-align: top;
}
*/

/* style for results table */
.detailsTableCell01 {
	padding: 2px 2px 2px 5px;
	border-bottom: 1px solid #FCECEB;
}

/* style for results table */
.resourceTableCell01 {
	border-bottom: 1px solid #FCECEB;
}

/* style for resource media icon */
.resourceIcon {
	margin: 2px 5px 5px 5px;
	float: right;
}

/* style for small resource media icon */
.resourceIconSmall {
	margin: 5px 10px 0px 0px;
}

/* style for approved table */
.approvedTable {
	border: 1px solid #F6DDDB;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
}

/* style for approved table cell */
.approvedTableCell01 {
	padding: 2px 2px 2px 5px;
	border-bottom: 1px solid #FCECEB;
}

/* style for edit rescource table */
.editResourceTable {
	border: 1px solid #F6DDDB;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
}

/* style for approved table cell */
.editResourceTableCell01 {
	padding: 2px 2px 2px 5px;
	border-bottom: 1px solid #FCECEB;
}

/* conatainer for lookup page */
.lookupContainer {
	background-color: #ffffff;
	margin: 0px auto;
	padding: 5px 5px 5px 5px;
}

/* style for images in lookupbox */
.lookupImage {
	vertical-align: middle;
}

/* style for lookup table th  */
.lookupContainer th {
	font-size: 80%;
	padding: 5px 5px 5px 5px;
	text-align: center;
	font-weight: normal;
}

/* style for lookup table td  */
.lookupContainer td {
	font-size: 80%;
	padding: 5px 5px 5px 5px;
	text-align: center;
	font-weight: normal;
}

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

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

/* normal font style */
.text {
	font-weight: normal;
}

/* bold font style */
.textB {
	font-weight: bold;
}

/* underlined font style */
.textU {
	text-decoration: underline;
}

/* italic font style */
.textI {
	font-style: italic;
}

/* style to float an image to the left */
.imgLeft {
	margin: 5px;
	float: left;
}

/* style to float an image to the right */
.imgRight {
	margin: 5px;
	float: right;
}

/* style for red */
.red {
	color: #CC2127;
}

/* style used on table in admin */
.paddingLeft80 {
	padding-left: 80px;
}

/* style used on table in admin */
.paddingRight40 {
	padding-right: 40px;
}

/* style for generic div around a table */
.divTable {
	border: 1px solid #F6DDDB;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
}

/* style for generic table cells in divTable */
.divTable td {
	padding: 2px 2px 2px 5px;
	border-bottom: 1px solid #FCECEB;
}

/* style for generic table cells */
.tableCell01 {
	padding: 2px 2px 2px 5px;
	border-bottom: 1px solid #FCECEB;
}

/* style for generic table bottom cells */
.tableCell02 {
	padding: 2px 2px 2px 5px;
}

/* style for text align center */
.alignCenter {
	text-align: center;
}

/* style for vertical align */
.valignMiddle {
	vertical-align: middle;
}

/* style for boxed area */
.divBox {
	border: 1px solid #F6DDDB;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
}

/* style for p tags in divBox */
.divBox p {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}

/* breaks long words to wrap */
.wordBreak {
	word-break: break-all;
	word-wrap: break-word;
}

/* box for errors in admin section */
.errorBox {
	background-color: #F6DDDB;
	border: 1px solid #CC2127;
	margin: 5px 0px 5px 0px;
	padding: 5px;
}

.reviewTab {
	border-top: solid 1px #F6DDDB;
	border-right: solid 1px #F6DDDB;
	border-left: solid 1px #F6DDDB;
	float:right; padding-top: 2px;
	padding-right: 4px; padding-left:
	4px; font-size: 80%;
	display: block;
	margin-left: 2px;
}

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


/* this closes the media tag */

}

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