/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */

.searchfield {
	font-size: 69%;
	color: #000000;
	float: left;
	background-color: #FFFFFF;
	width: 85px;
}
.formLabelBoldCustom {
	font-size: 88%;
	font-weight: bold;
}
.formLabelCustom {
	font-size: 88%;
}
.customBodyText{
	font-size: 69%;
	color: #000000;
}
.customBodyTextBold{
	font-size: 69%;
	color: #000000;
	font-weight: bold;
}
.portalDate{
	color: #000000;
}
.portalTopic {
	color: #000000;
	font-weight: bold;
}
a.portalTopic:hover {
	color: #000000;
}
.messageText {
	color: #000000;
}
.portalWindow {
    color: #000000;
    padding: 10px;
    margin: 10px;
}
.teacherLabel {
	font-weight: bold;
	font-size: 82%;
}
.teacherHeading {font-size: 22px;}
.teacherAbout {font-size: 13px}
.teacherDescription {font-size: 12px}

#list{
	/*border: 3px solid #FF0000;*/
}
#list tr {
	height: 20px;
}
#list td, list.td{
	border: 2px solid #EEE;
	padding: 2px;
}
#list td.listHeader, .listHeader{
	background-color: #CC0000;
	font-weight: bold;
	color: #FFFFFF;
}
#list td.listLight{
}
#list td.listDark{
	background-color: #EEE;
}
#list tr.listDark{
	background-color: #EEE;
}
#list td.footer{
	background-color: #FFF;
	padding: 0px;
}
#customForm input, #customForm submit, #customForm select, .customButton, #customForm textarea{
	font-size:11px
}
#customForm td{
	padding: 2px;
}
.list tr{
	height: 20px;
}
.list td{
	border: 2px solid #eee;
	padding: 2px;
}
.list td.listHeader, tr.listHeader{
	background-color: #CC0000;
	font-weight: bold;
}
.list td.listSubHeader{
	font-weight: bold;
}
.list tr.listDark{
	background-color: #EEE;
}
.list td.footer{
	background-color: #FF0000;
	padding: 0px;
}
#fileRetrievalInProgressMessage {
	padding-left: 15px;
	color: #000000;
}
.productLink {
	font-size: 100%;
	color: #000000;
}
a.productLink:hover {
	font-size: 100%;
	color: #97142f;
}
.internalLink1 {
	color: #000000;
}
a.internalLink1:hover {
	color: #000000;
}
.internalLink1Bold {
	color: #000000;
	font-weight: bold;
}
a.internalLink1Bold:hover {
	color: #000000;
	font-weight: bold;
}
.kSiteMapBulletedListContainer ul li {
	line-height: 40px;
}

/* ----- IDS ----- */

#defaultBackground { background: #CC0015 url(/images/backgrounds/generic_pattern.gif) repeat left top;}

/* leftPanel */
#topLeftPanel { background-color:#FFF; }
#leftShadow, #topLeftShadow { background:transparent url(/images/backgrounds/test_LeftRepeat.gif) repeat-y top right; }

#quicklinks { 
	margin-top:94px; padding-bottom: 3px; 
	background:#CC0015 url(/images/backgrounds/quick_links_keyline.gif) no-repeat left bottom;
}


/* centralPanel */
#topCentralPanel { background-color:#FFF; padding: 0;}
#topNavSpace { 
	display:block;
	width: 572px; height:52px; /* THIS IS A BIT DODGY --- CHECK LATER --- */
	background:#FFF url(/images/dotted_line.gif) no-repeat right top;
}

#headerContainer { min-height:45px; padding: 35px 20px 0 41px;}
#mainHeading { display:block; float: left; width:392px;}
#quicktime { margin-left:392px;}



/* rightPanel */
#topRightPanel { background-color:#FFF; vertical-align:top;  }
#rightPanel { background-color:#FFF; height:520px; } /* flash container */

#rightShadow, #topRightShadow { background:transparent url(/images/backgrounds/test_RightRepeat.gif) repeat-y top left; }


/* footer */
#footer { display:block; margin:0 auto; background:transparent url(/images/backgrounds/background_bottomShadow.gif) no-repeat top center; }
#footerNavigation {  margin:0 auto; padding: 8px 0 0 25px; width:956px;}


/* ----- CLASSES ----- */

.mN_abou { margin-right: 4px;}
.mN_less { margin-right: 4px;}
.mN_teac { margin-right: 4px;}
.mN_cont {}

/* ----- HEADINGS ----- */

#mainHeading {
	color:#CC0015;
	font-weight:normal;
}
#quicklinks h3 {
	display:block;
	padding: 13px 0 10px 13px; margin:0;
	text-transform:uppercase;
	color: #FFF; font-size:65%;
	background:#CC0015 url(/images/backgrounds/quick_links_header.gif) no-repeat top left;
	font-weight: bold;
}

#quicktime h5 {
	display:block;
	padding:8px 0 0 0; margin:0;
	height:30px;
	font-weight:normal;
	font-size:65%;
}
#quicktime h5 a { 
	/* TO DO add padding and image */
	padding:5px 0 5px 25px;
	color: #000; 
	background:transparent url(/images/qtLogo.gif) no-repeat center left;
}

#quicktime h5 a:hover { color: #CC0015; }

/* ----- PARAGRAPHS ----- */

#primaryContent p{
}
#footerNavigation p { 
	display:block;
	margin:0 0 0 815px; 
	padding:0; 
	width:115px;
}


/* ----- LISTS ----- */

#quicklinks ul {
	margin:0; padding:0;
	list-style-type:none;
}

#quicklinks li {
	margin:0;
	padding: 6px 0 7px 13px;
	background: #CC0015 url(/images/backgrounds/quick_links.gif) no-repeat top left;
	font-size:65%;
}

#quicklinks li.last { padding-bottom: 10px; }

#footerNavigation ul { margin:0; padding:0; list-style-type:none; display:block; float:left; width:764px; line-height:1em; }
#footerNavigation li { margin:0; padding:0; display:inline; font-size: 65%; color:#FFF;}

/* ----- LINKS ----- 

a{ color:#CC0015; }
a:visited{ color:#333;}
a:hover{ color:#CC0015; }
*/
#quicklinks li a  { color: #FFF; text-decoration:none;}

#footerNavigation li a {
	margin:0 0 0 5px;
	padding:0 0 0 7px;
	border-color:#FFF;
	border-style:solid;
	border-width:0 0 0 1px;
	color: #FFF;
	text-decoration: none;
}
.poweredby {
	padding-top:4px;
}


/* ----- IMG ----- */
.IMGfloatLeft { float:left; padding: 0 15px 10px 0; }

/* ----- FORM ----- */
form.contact td input { 
	border-top:1px solid #838383;
	border-left:1px solid #838383;
	border-bottom:1px solid #C3C3C3;
	border-right:1px solid #C3C3C3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	padding:1px 0 1px 2px; margin-bottom:10px;
}

label.formLabelCustom { display:block; font-size:65%; margin-bottom:1px;}
label em { color: #CC0015;}

/* Teachers */
#leftPanel_T { background:#17184B url(/images/pictures/T_left.jpg) no-repeat left top; }

#quicklinks_T { 
	margin-top:94px; padding-bottom: 3px; 
	background:#122266 url(/images/backgrounds/quick_links_keyline.gif) no-repeat left bottom;
}


/* centralPanel */
#topNavSpace_T { 
	display:block;
	width: 572px; height:52px;
	background:#FFF url(/images/dotted_line_T.gif) no-repeat right top;
}
#centralPanel_T { background:#FFF url(/images/pictures/T_central.jpg) no-repeat left bottom; } 

/* rightPanel */
#flashPanel_T {
	display:block;
	width:192px; height:520px;	
	background:#17184B url(/images/pictures/T_right.jpg) no-repeat left top;
}

/* ----- HEADINGS ----- */

#mainHeading_T {
	color:#122266;
	font-weight:normal;
	font-size:150%;
	margin:0 0 1em 0;
}
#quicklinks_T h3 {
	display:block;
	padding: 13px 0 10px 13px; margin:0;
	text-transform:uppercase;
	color: #FFF; font-size:65%;
	background:#122266 url(/images/backgrounds/quick_links_header_T.gif) no-repeat top left;
	font-weight: bold;
}


/* ----- LISTS ----- */

#quicklinks_T ul {
	margin:0; padding:0;
	list-style-type:none;
}

#quicklinks_T li {
	margin:0;
	padding: 6px 0 7px 13px;
	background: #122266 url(/images/backgrounds/quick_links_T.gif) no-repeat top left;
	font-size:65%;
}

#quicklinks_T li.last { padding-bottom: 10px; }

/* ----- LINKS ----- */
#quicklinks_T li a  { color: #FFF; text-decoration:none;}

/*Scrolling */
#mainContent, td.mainContent{  display: block; padding: 0px 20px 0 41px; line-height: 1.2em; }
#mainContent_T{  display: block; padding: 35px 20px 0 41px; line-height: 1.2em; }
#scrollContent, #scrollContent_T{ display: block; padding: 35px 0; }
#mainContentVideo{  display: block; margin:0; padding: 35px 0; background: #A1CEE5; height: 400px;}

/* for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{ 
	position:relative; overflow:hidden;
	width:490px; height:360px; 
  	z-index:100; 
}
div#hold_T	{ 
	position:relative; overflow:hidden;
	width:490px; height:400px; 
  	z-index:100; 
}
div#holdEdit	{ 
	position:relative; overflow:hidden;
	width:490px; height:360px; 
  	z-index:10; 
}
div#hold_TEdit	{ 
	position:relative; overflow:hidden;
	width:490px; height:400px; 
  	z-index:10; 
}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:486px;
	height:330px;
	clip:rect(0px, 486px, 330px, 0px); 
	overflow:hidden;	
	z-index:1; 
}
div#wn_T	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:486px;
	height:390px;
	clip:rect(0px, 486px, 390px, 0px); 
	overflow:hidden;	
	z-index:1; 
}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollContainer { 
  height: 368px; width:20px; 
  margin-left: 519px;
  padding-top: 0;
}
div#scrollContainer_T { 
  height: 418px; width:20px; 
  margin-left: 519px;
}
div#scrollbar { 
  position:relative; left:0; top:0;
  height: 348px; width:16px; 
  font-size:1px; z-index:1;
}
div#scrollbar_T { 
  position:relative; left:0; top:0;
  height: 418px; width:16px; 
  font-size:1px; z-index:1;
}
div#track { 
  position:absolute; left:0; top:12px;
  /*width:11px; height:136px;
  background: url("images/track.gif") #336 repeat;*/
  width:10px; height:320px;
  z-index:1;
  border:1px solid #838383;
}
div#track_T { 
  position:absolute; left:0; top:12px;
  /*width:11px; height:136px;
  background: url("images/track.gif") #336 repeat;*/
  width:10px; height:390px;
  z-index:1;
  border:1px solid #838383;
}

div#dragBar {
  position:absolute; left:1px; top:1px;
  width:8px; 
  height:34px;
  background-color:#d55258;
  z-index:1;
} 
div#dragBar_T {
  position:absolute; left:1px; top:1px;
  width:8px; 
  height:34px;
  background-color: #293875;
  z-index:1;
} 
div#up { display:block; width:12px; height: 14px; background:#FFF; position:absolute; left:0; top:0; z-index:2 }  
div#down { display:block; width:12px; height: 14px; background:#FFF; position:absolute; left:0; bottom:0; z-index:3 }  

p.defaultParagraph {
	margin:0 0 0.7em 0;
}
.teacherSubHeading {
	color: #003366;
	font-weight: bold;
}
.teacherLink {
	color: #cc0000;
	text-decoration: underline;
}
.teacherAbout {
	font-size:9px;
	line-height: 13px;
}
#leftPanelDefa { background:#22316A url(/images/pictures/default_left.jpg) no-repeat left top; }
#defaultContainer { display: block; width: 572px; background-color:#FFF; margin-bottom:50px; min-height:471px;}
#rightPanelDefa { background:#22316A url(/images/pictures/default_right.jpg) no-repeat left top; }