/* 
  -----------------------------------
Navbar Left - Project Seven Development/ Simon Fraser
  -----------------------------------
*/
body {

}
#logo   {
	margin: 0 auto;
	padding: 0px;
	height: 86px;
	width: 800px;
	top: 0;
	background-color:#FFF;
	
}


/***********MAIN WRAPPER start************/


#wrapper_2col { 
	margin: -60px auto;
	width: 796px;

	background-color: transparent;
}

#layoutcrown_2col {top: 0px;
	background-color: transparent;
	height: 16px;
	line-height: 0.0;
	font-size: 0;
	margin-bottom: -18px;
}

#leftcolumn {
	float: left;
	width: 193px;
	font-size: .75em;
	margin-top: 76px;
	background: #0080b3;
	height: 300px;

}
#midcolumn {
	float: left;
	width: 424px;
	margin: 0 12px;
	font-size: .9em;
	
}
#rightcolumn {
	float: left;
	width: 152px;
	margin-left: 1px;
	padding-left: 1px;
	font-size: .75em;
}
#midrightcolumn {
	float: left;
	width: 590px;
	margin-right: 1px;
	font-size: .9em;

}
#layoutbottom_2col {
	clear: both;
	
	height: 5px;
	line-height: 0.0;
	font-size: 0;
}

h1 {font: normal 1.7em Helvetica, Verdana, sans-serif;
	color: #1290c2;
	margin-top: 7px;
	
	letter-spacing: 0.1em; 
	text-align:center;}
h2 {font-size: 1.5em;}
h2.top {
	margin: 0;
	font-size: 1.2em;
	letter-spacing: .3em;
}
h3 {
	font-size: 1.2em;
	margin: 1.5em 0 0 0;
}
h6 {font: normal 1.75em Helvetica, Verdana, sans-serif;
	color: #6a776b;
	margin: 2px; 
	letter-spacing: 0.15em; 
	padding-left:20px;
}
/**********.content {
	background-image: url(img/p7ap_light_gray_bevel.png);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: -5px;
	margin-left: 2px;
	margin-right: 1px;
	padding: 5px;
	vertical-align: top;
}**
.content {
	background-image: url(img/content_background.gif);
	background-repeat: repeat-x;
	background-color: transparent;
	background-position: top;
	margin-left: 2px;
	margin-right: 1px;
	padding-left: 5px;
	vertical-align: top;
}*/
.content {
	background-image: url(img/content_background.gif);
	background-repeat: repeat-x;
	background-color: transparent;
	background-position: top;
	margin-left: 2px;
	margin-right: 1px;
	padding-left: 0px;
	vertical-align: top;
}
.contentLeft {
	padding-top: 2px;
	
	
}
.contentRight {
	background-image: url(img/p7ap_light_gray_bevel.png);
	background-repeat: repeat-x;
	margin: 0 1px 1px 2px;
	padding: 0px;
}
.content p {
	margin: 6px 25px 12px 20px;
	line-height: 1.7em;
	padding: 2px 20px 2px 20px;
}
.content_cancel p {
	margin: 6px 25px 12px 20px;
	line-height: 1.7em;
	padding: 2px;
}
.contentRight p {
	margin: 6px 10px 12px 10px;
	line-height: 1.2em;
	padding: 1px;
}
/*Explicitly set dark blue link colors for IE7 Vista*/
.content a, .p7AB p a, #footer a {
	color: #0000FF;
}
.content a:hover, .p7AB p a:hover, #footer a:hover {
	color: #000000;
}
.pageBaseContent{
font-size: 0.7em;
}
.note {
	font-size: 0.95em;
	padding: 12px;
	border: 1px dotted #333;
	color: #696;
}
.noteRed {
	font-size: 0.95em;
	padding: 12px;
	border: 1px dotted #333;
	color: #8b331e;
}
#footerbox {
	width: 760px;
	margin: 0 auto;
}
#footer {
	font-size: .7em;
}
#footer p {
	margin: 12px 20px 6px 6px;
}
/*The bottom content - below the Accordion Panel menu*/
.grayed {
	margin: 0;
	font-size: .9em;
	color: #CCCCCC;
	background-color: #666666;
	padding: 4px 12px 4px 16px;
	border-top: 1px solid #7a7a7a;
	border-bottom: 1px solid #333333;
	letter-spacing: .5em;
}
#cancel_background {
	background-image: none;
	margin: 0;
	padding-top: 12px;
}
#credits {
	position:relative;
	background-position:bottom;
	margin-bottom:0;
	
}


/*general stuff
*/


UL  { margin: 2px 10px 2px 20px;
	padding: .2em 3em .2em 3em;
	list-style-image: url('Symbols/arrow2.gif'); 
	 }	
 
UL .icon01 {
	list-style-image: url('Symbols/icon01.gif'); 
}	
UL .icon02{
	list-style-image: url('Symbols/icon02.gif'); 
}	
UL .icon03 {
	list-style-image: url('Symbols/icon03.gif'); 
}


.arrow {
	list-style-image: url('images/arrow.gif');
	background-position: left;
	margin-left: 1px;
	background-repeat: no-repeat; 
	background-color: transparent;
	padding: 4px 0 4px 10px;
	line-height: 1.1em;
	 }
.arrowNarrow {
	list-style-image: url('images/arrow.gif');
	background-position: left;
	margin-left: 1px;
	background-repeat: no-repeat; 
	background-color: transparent;
	padding-left: 10px;
	line-height: 1.3em;
	 }	
.arrow2 {
	list-style-image: url('images/arrow.gif');
	background-position: left;
	margin-left: 1px;
	background-repeat: no-repeat; 
	background-color: transparent;
	padding-left: 10px;
	font-size: 0.9em;
	line-height: 1.1em;
	padding: 4px 0 4px 0;
	 }	  	
.border {border: 1px solid  #999;}
.caption {font-size: 0.8em;}	
.caption a {color: #060; }	
.captionPale {font-size: 0.75em;
	color:#666;
	letter-spacing: 0.1em;}	   
.calloutRight {
	position: relative; 
	width:228px;
	float: right;
	right: 0px;  
	margin: 4px 14px 0 8px;
	padding: 4px; 
	border: 1px solid #999;
	font-size: 0.75em;
}
.calloutRight p{
	background-color:#000;
	
	text-align: left;
	
}
.calloutTableLeft {
	position: relative; float: left;
	width: 220px;
	margin: 6px 8px 0 0;
	padding: 8px; 
	border: 1px solid #CCCCCC;
	font-size: 0.85em;
}
.calloutTableRight {
	position: relative; float: right;
	width: 220px;
	right: -200px;  
	margin: 6px 200px 0 -180px;
	padding: 8px; 
	border: 1px solid #CCCCCC;
	font-size: 0.85em;
}
.description {font-size: 1.1em;
	color:#333;
	letter-spacing: 0.1em;
}
.descriptionPale {font-size: 1.1em;
	color:#999;
	letter-spacing: 0.1em;
}	
.floatLeft { float: left; padding: 0 15px 15px 0 }
.floatLeftExtra { margin-left: -85px; float: left; padding: 0 0 15px 0 }
.floatRight { float: right; padding: 0 10px 0 10px }
.floatClear { clear: both }

.headBold {	font: italic normal 2em georgia, "Trebuchet MS", helvetica;
	color: #6a776b;
	margin: 2px; 
	letter-spacing: 0.15em; 
	padding-left:20px;
	}	
.headBoldSub {	font: italic normal 1.3em georgia, "Trebuchet MS", helvetica;
	color: #6a776b;
	margin: 2px; 
	letter-spacing: 0.15em; 
	padding-left:20px;
	}
.highlight {	
	color: #8c4017;
	border-left: 3px solid #e7651f;
	font-size:1em;
	background: #FFF;
	}
.highlightsmall {	
	color: #666;
	border-left: 3px solid #e7651f;
	font-size:0.8em;
	background: #FFF;
	}
.highlightBlack {	
	color: #EEE;
	border-left: 3px solid #e7651f;
	font-size:1.8em;
	background: #000;
	}
.image {
	padding-right: 22px;
	float: right;
	}	
.imageBorder {
	margin: 0 auto;
	text-align: center;
	border: 1px solid #CCC;}

.indentImage {
	
	text-indent: -36px;
}
.indentNumbers {
	
	margin-left: 20px;
	text-indent: -15px;
}
#leftcolumn .caption {font-size: 1em;}
.line {width:120px;
height:3px;
	background-color:#999;
	}	

.lineThin {width:220px;
height: 1px;

border-top:1px solid #CCC;

	}

.pale {
	color: #999; 
	background-color: transparent;
	 }	
	 
.tableAll { width:450px;
	margin: 0 auto;
	background: #eeeeee; 
	border-collapse:collapse;
	border: 5px solid #CCC;
	padding: 0;} 
.tableMid { width:350px;
	margin: 0 auto;
	background: #eeeeee; 
	border-collapse:collapse;
	border: 5px solid #CCC;
	padding: 0;} 
.tableMid td { 
	padding: 3px 10px 3px 10px;}
.tableMid_top {
	background-image: url(img/tableMinTop.gif);
	background-repeat: repeat-x;
	background-color: #5c6d71; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc;
	font-size: 1.3em;
	color: #CCC; padding: 2px}
.tableMin { 
	margin: 0;
	background: #eeeeee; 
	border: 1px solid #CCC;
	border-collapse:collapse;
	padding: 0;
	}
.tableMin td { 
	padding: 3px 6px;}
.tableMin_bottom {background: #C96; 
	border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.tableMin_mid {border-left: 1px solid #ccc; border-right: 1px solid #ccc;
	vertical-align: top;}
.tableMin_top {
	background-image: url(img/tableMinTop.gif);
	background-repeat: repeat-x;
	background-color: #5c6d71; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	color: #fff; padding: 2px}
.tableMin_mid UL .arrow {margin-left: -20px;}
.tableTop {	
		background: #CCC; 
		width: 200px; font-size: 1.5em;
		color: #666; }
.tb {border-top: 1px solid #CCC; }
.tbRight { font-size: 0.8em; text-align:right; vertical-align:top;
	border: 1px solid #CCC;
	background: #CCC;}
.tbSmall {border-top: 1px solid #CCC; font-size: 0.8em; vertical-align:top;}
.tdBlue {background: #36F;}
.tdBlue2 {background: #39C;}
.tdViolet {background: #36F;}
.tdGreen {	
		background: #696;
		color:#FFF; }
.tdGreenOut {	
		border: 1px dotted #696;
		color:#FFF; }
.tdRed {	
		background:  #8b331e;
		color:#FFF;
		font-size: 0.7em; }		
.tdGold {	
		background: #963; }		
.tdLeft {	
		border-top: 1px solid #CCC; padding: 5px 0 0 5px; }
.tdLine {	
		border-top: 1px dotted #CCC; padding: 5px; }	
.tdLeftEven {	
		width: 50%; padding: 5px; }	
.tdMid {	
		padding: 10px; }
.tdRight {	
		border-top: 1px solid #CCC; padding: 5px 5px 0 0; text-align: right; }
.tdRightEven {	
		width: 50%; padding: 5px; }	
.tdYellow {	
		background: #c0dec0; }
.tableOrange {
height: 1px;
width: 100%;
background: #ed5c14;
}
.lineOrange {width:550px;
height: 1px;

background-color:1px solid #ed5c14;

	}
.tableThumbs {

}
.tableThumbs_top {

}
.tableThumbs_mid {
border-bottom: 1px solid #CCC;
}
.tableThumbs_bottom {

background:transparent;
padding: 0;
text-align:center;
}
.tableThumbs_bottom tr {
background:transparent;
padding: 2px;
text-align:center;
}
.tableThumbs_line  {
height: 1px;
background:transparent;

}
.tableThumbs #wider p{
padding: 0;
}
.tableThumbs #wider ul{
padding: 0;
}
.thumbs {
width: 100%; border: 1px solid #666;
}
.thumbs td{
padding:6px;
}
A { color:#009933; background-color: transparent; text-decoration:none;}
A:hover { color:#cc6600; background-color: #CCC; }
A, A:link, A:visited, A:hover {
	color: #026085;
	cursor: default;
	text-decoration: none;
}
.pale A {
	color: #999; 
	background-color: transparent;
	 }
.pale A, pale A:link, pale A:hover, pale A:visited {
	color: #999; 
	background-color: transparent;
	 }	
/***********TAGLINE SEARCH************/
/*Grayed Container 
#tagline {
	z-index: 200;
	margin: -52px 0 0 0;
	top:100px;
	float: right;
	font-size: 0.7em;
	color: #999999;
	
}