/* 
  -----------------------------------
Navbar Left - Project Seven Development/ Simon Fraser
  -----------------------------------
*/
body {
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #1b1b1b;
	margin: 0px;
	padding: 0px;
	min-width: 800px;
	background-image: url(img/background.jpg);
	background-repeat: repeat-x;
}
#logo   {
	margin: 0 auto;
	padding: 0px;
	height: 110px;
	width: 800px;
	top: 0;
	background-image: url(img/bg_logo.jpg);
	background-repeat: no-repeat;
	
}


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


#wrapper_2col { 
	margin: -21px auto;
	width: 796px;
	background-image: url(img/layout_down_2col.png);
	background-repeat: repeat-y;
}
#wrapper_3col { 
	margin: 0 auto;
	width: 796px;
	background-image: url(img/layout_down_3col.png);
	background-repeat: repeat-y;
}
#layoutcrown_2col {top: -20px;
	background-image: url(img/layout_top_2col.gif);
	background-repeat: no-repeat;
	height: 16px;
	line-height: 0.0;
	font-size: 0;
	margin-bottom: -18px;
}
#layoutcrown_3col {top: -20px;
	background-image: url(img/layout_top_3col.gif);
	background-repeat: no-repeat;
	height: 16px;
	line-height: 0.0;
	font-size: 0;
}
#leftcolumn {
	float: left;
	width: 193px;
	font-size: .75em;

}
#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: right;
	width: 590px;
	margin-right: 1px;
	font-size: .9em;
}
#layoutbottom_2col {
	clear: both;
	background-image: url(img/layout_bottom_2col.jpg);
	background-repeat: no-repeat;
	height: 16px;
	line-height: 0.0;
	font-size: 0;
}
#layoutbottom_3col {
	clear: both;
	background-image: url(img/layout_bottom_3col.jpg);
	background-repeat: no-repeat;
	height: 16px;
	line-height: 0.0;
	font-size: 0;
}
h1 {font: italic normal 2.1em georgia, "Trebuchet MS", helvetica;
	color: #666;
	margin: 2px; 
	letter-spacing: 0.1em; 
	padding-left:20px;}
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: italic normal 1.75em georgia, "Trebuchet MS", helvetica;
	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;
}
.contentLeft {
	padding-top: 18px;
	
	
}
.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;
}
.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;
	
}
/*The links inside the Accordion Panel menu*/
.menulist {
	margin: 0 0 12px 0 !important;
	padding: 0 !important;
	list-style-type: none;
	line-height: normal;
	font-size: 1em;
}
.menulist li {margin: 0 0 4px 0;}
.menulist a {
	text-decoration: none;
	display: block;
	padding: 2px 6px;
	border: 1px solid #999;
	color: #333333;
	background-image: url(img/dj_linkgradient.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #FFFFFF;
}
.menulist a:hover {
	color: #333333;
	border-color: #505050;
	background-position: 0px -100px;
	text-decoration: none;
}

#pale  {
	color: #C99; 
}
#palest  {
	color: #CCC; 
}	 
/*
marks  current page link
*/
.p7ap_currentmark {
	font-weight: bold;
	border-color: #505050 !important;
	background-position: 0px -200px !important;
	cursor: default;
}
/*Affects only the Accordion Panel component that houses the nav menu. 
We turn off borders, padding, and background color, 
and assign a left margin of 1px to nudge the accordion over
to clear and reveal the column border
*/
#p7ABW1 {
	border: 0;
	padding: 0;
	margin: 0 1px;
	background-color: transparent;
}
.p7ABtrig h3, .p7ABtrig h4 {
	font-size: 1em !important;
}
#p7ABW1 .p7ABtrig a {
	border-bottom: 1px solid #333 !important;
}
#p7ABW1 .p7ABtrig .p7ABtrig_down {
	background-color: #000000 !important;
}
.panel_list {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
}
.pageBaseContent {font-size: 0.7em; padding: 10px;}

/*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 {
	background-image: url('Symbols/arrow.gif');
	background-position: left;
	margin-left: 1px;
	background-repeat: no-repeat; 
	background-color: transparent;
	padding-left: 10px;
	 }	
.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:150px;
	float: right;
	right: 0px;  
	margin: 4px -4px 0 8px;
	padding: 4px; 
	border: 1px solid #999;
	font-size: 0.75em;
}
.calloutRightWide {
	position: relative; 
	width:200px;
	float: right;
	right: 0px;  
	margin: 4px -4px 0 8px;
	padding: 4px; 
	border: 1px solid #999;
	font-size: 0.75em;
}
.calloutRight p{
	background-color:#000;
	
	text-align: left;
	
}
.calloutRightWide p{
	background-color:transparent;
	padding: 0;
	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:#333;
	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;
}

.line {width:80px;
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_mid td {
    border-top: 2px dotted #ccc;
	}
.tableMin_mid .centre {
    text-align: center;
	}		
.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;}
.tdBlack {color: #FFF;
          background: #000;}
.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; }

A { color:#009933; background-color: transparent; text-decoration:none;}
A:hover { color:#cc6600; background-color: #CCC; }
A, A:link, A:visited, A:hover {
	color: #4e4e4e;
	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;
	
}