/* 				W3C_recommended_CSS.css
				Revised: 1.0 - 06/05/2006
				Author(s): Orville Andrews, Jon Mallette	*/


/* 				**********************************
				*** Default Style for Cambrian ***
				**********************************			*/

ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bold; text-align: center; font-size: 0.9em; }
CAPTION         { text-align: center }
BODY            { margin-top: 0px; margin-left: 0px; padding-top: 0px; padding-left: 0px; line-height: 1.33; font-family:Arial, Helvetica, sans-serif; }
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.3em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }
BR				{ clear:left; }
HTML, BODY, 
P, A, LI, TD 	{ font-size: 13px; }	/* 	em, ex, px are relative, 
											DO NOT USE pt, in, cm, mm, pc */
H4 				{ font-size: 1em; margin: 1em 0 }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline; color:#6e2639; }
:focus          { outline: thin dotted invert }

/* This describes all the links not specfied by a class */





/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
COL, COLGROUP, TD, TH, CAPTION 
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media aural {
  H1, H2, H3,
  H4, H5, H6 	{ voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}


/*			**********************************
			*** Custom Styles for Cambrian ***
			**********************************			*/			


/* Hide Class */
.screen 		{ display: none; }

/* New Window Image Style */
a img.imgNewWindow { border: 0px none; vertical-align: middle; margin-left: 0.3em; }

/* Font Weight Styles */
.bold 			{ font-weight: bold; }
.italic 		{ font-style: italic; }
.underline 		{ text-decoration: underline; }
.boldital 		{ font-style: italic; font-weight: bold; }
.boldund 		{ font-weight: bold; text-decoration: underline; }
.italund 		{ font-style: italic; text-decoration: underline; }
.bolditalund 	{ font-style: italic; font-weight: bold; text-decoration: underline; }

/* Individual one pixel border for cells */
td.tablebrdr 	{ border: 1px solid #999999; }

/* Small Style for Subtext fonts */
.subText 		{ font-size: x-small; }
.captionText 	{ font-size: xx-small; }

/* Table Background Color Styles */
.greybg 		{ background: #efefef; } /* Grey */
.orbg 			{ background: #FFCC99; } /* Orange */
.olivebg 		{ background: #CCCC99; } /* Dark Yellow / Olive */
.bluebg 		{ background: #5eb1dd; } /* Light Blue */

/* Table Header Row Style */
.blwhiterow 	{ background: #000000; color: #ffffff; }

/* Hides Empty Cells - 	do not use 	<td>&nbsp;</td>
						use 		<td class="emCell"></td> */
.emCell 		{ empty-cells: show; }

/* Check.gif Images for List */
.checkList 		{ list-style-image: url("http://www.cambriancollege.ca/images/check.gif") }



.topnav {
	text-align: right;
	position: absolute;
	height: 20px;
	width: 738px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #000000;
	color: #FFFFFF;
	vertical-align: 50%;
	top: 72px;
}

.topnav a {
	color:#FFFFFF;
	text-decoration: none;
	font-size: .9em;
}
topnav a:visited, .topnav a:hover, .topnav a:active, .topnav a:focus 
{
	color:#CCCCCC;
	text-decoration: none;
	font-size: .9em;
}

.topnav a:hover, .topnav a:active, .topnav a:focus 
{
	text-decoration: none;
	color: #E7E7CE;
	font-size: .9em;
}

#nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
	background-color: #E7E7CE;
	text-align: center;
	color: #000000;
	top: 110px;
	height: 100%;
} 
#nav-menu li
{
	float: BOTTOM;
	margin-top: 0.15em;
	margin-bottom: 0.15em;
	padding-bottom: 1em;
	background-color: #E7E7CE;
	font-size: 11px;
} 


#nav-menu li a
{
	background: #E7E7CE;
	height: 1.5em;
	line-height: normal;
	width: 150px;
	border: thin none #dcdce9;
	color: #000000;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;

} 
#nav-menu li a:visited, .nav-menu li a:hover, .nav-menu li a:active, .nav-menu li a:focus {
	color:#000000;
	background-color: #E7E7CE;
}


#nav-menu li a:hover, .nav-menu li a:active, .nav-menu li a:focus 
{
	text-decoration: none;
	color: #8a704c;
	background: #E7E7CE;
}
.nav-menu {
	top: 115px;
	width: 150px;
	text-align: left;
	background-color: #E7E7CE;
	height: 100%;
	z-index:101;
}

.bottom_banner {
	position: relative;
	top: auto;
	right: auto;
}


.content {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFFFFF;
	width: 575px;
	position: absolute;
	left: 14em;
	top: 300px;
	z-index: 3;
	height: auto;


	}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: none;
	text-align: center;
	width: 150px;
}
.mast {
	position: absolute;
	height: 199px;
	width: 585px;
	top: 95px;
	left: 180px;
}
.mainMast {
	position: absolute;
	height: 197px;
	width: 738px;
	top: 95px;
	text-align: right;
}

.left_margin {
	background-color: #CCCCCC;
	background-repeat: repeat-y;
	height: 600px;
	width: 150px;
	position: absolute;
	left: 10px;
	top: 75px;
}
.News {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(Choice1/images/body_bar.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #FFFFFF;
	width: 584px;
	position: absolute;
	top: 310px;
	z-index: 2;
	height: 751px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.News Heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.News h1 {
	background-image: url(Images/news_banner.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0 30px 0 10px;
	white-space: nowrap;
	overflow: hidden;
	width: 544px;
}

.Events {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	width: 152px;
	position: absolute;
	top: 312px;
	left: 606px;
}
.Front_nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #CCCCCC;
	width: 150px;
	position: relative;
	left: 11px;
	top: auto;
	padding-left: 10px;
}

#Front_nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 11em;
	background-color: #CCCCCC;
	position: absolute;
	left: 10px;
	top: 310px;
} 
#Front_nav li
{
	float: BOTTOM;
	margin-top: 0.15em;
	margin-bottom: 0.15em;
	background-color: #CCCCCC;
	display: block;
} 


#Front_nav li a
{
	background: #CCCCCC;
	height: 1.5em;
	line-height: 1em;
	width: 11em;
	display: block;
	border: thin none #dcdce9;
	color: #000066;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
} 
#Front_nav li a:visited, .nav-menu li a:hover, .nav-menu li a:active, .nav-menu li a:focus {
	color:#0d2474;
	background-color: #CCCCCC;
}


#Front_nav li a:hover, .nav-menu li a:active, .nav-menu li a:focus 
{
	text-decoration: none;
	color: #333333;
	background: #CCCCCC;
	font-weight: bolder;
}
.banner {

	text-align: right;
	position: absolute;
	width: 738px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	left: 11px;
	text-decoration: none;
	background-color: #000000;
	color: #FFFFFF;
	vertical-align: 50%;
	top: 0px;
}
.awards_body {
	width: 700px;
}
.formError {
	font-size:1.5em;
	color:#BB0000;
}
.printShow {
	display:none;
}