/********************************************
 Author : Kristen Gunn		******************
 Email: gunn.ks@gmail.com	****************
 Website: kristengunn.ca		****************
 Date: March 29 2008		*****************
 **********************************************/
 
 
 /*************************************
 ****OVERALL BODY CODE DEFAULTS*****
 **************************************/
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
	
html   {
	margin: 0;
	padding: 0;
	border: 1.5em solid rgb(0,0,139);
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	color: black;
	background: transparent;
	}
body {
	width: 95%;
	margin: 2em;
	line-height: 1;
	color: rgb(0,0,139);
	background-color: rgb(230,230,255);
	font: normal 1em Verdana, sans-serif;
	}
table   {
	margin:  0 .5em 0 1em;
	padding: 1em;
	border: thin solid rgb(0,0,139);
	border-collapse: collapse;
	outline: 0;
	font-size: 90%;
	vertical-align: baseline;
	background: inherit;
}
td, th   {
	padding: .5em;
}
tfoot {
	font-weight: bold;
	text-align: center;
}
h1	{
	font-size: 1.5em;
	line-height: 1.5em;
	margin:.5em 2em 0em 1em;
	border-bottom: .1em solid rgb(0,0,139);
	}
h2  	{
	margin:2em 1em 0em 1em;
	line-height: 1.4em;
	font-size: 1.1em;
	}
h3	{
	margin:0em 1em 0em 3em;
	line-height: 1.2em;
	font-size: 1.0em;
	}
table + h3   {
	margin:1em 1em 0em 3em;
}
p   	{
	margin: 1em 2em 2em 1em;
	}
ul 	{
	list-style: none;
	margin-left: 1em;
	}
#content ul li   {
	margin-top:  .6em;
}
/*******************************
**********NAVBAR 1 ************
******************************/	
#navbar1 {
	clear: both;
	margin: 0 1em 1em .5em;
	width: 100%;	
	}
#navbar1 ul li {   	
	display: block; 
	float: left;
	width: 7em;
	padding-left: 1em;
	border-left: .4em solid rgb(0,0,139);
	border-bottom: .1em solid rgb(0,0,139);
	background-color: rgb(0,0,139);
	color: inherit;
	}
/*******************************
**********NAVBAR 2************
******************************/		
#navbar2   {
	float: left;
	margin-left: .5em;
	width: 21%;
	}

#navbar2 ul li {   	
	display: block; 
	width: 100%;
	border-bottom: .1em solid rgb(0,0,139);
	}
/*******************************
**********CONTENT************
******************************/	
#content   {
	float:right;
	width: 71%;
	border-left:  thin solid rgb(0,0,139);
	margin:0 3em 2em 0;	
	}
	

#content dl   {
	list-style-type: none;
	margin: 1em;
	}
#content dt   {
	text-decoration: underline;
	} 

#content dd   {
	margin-bottom: 1em;
	} 

#content dl.homework dt  {
	text-decoration: none;
	} 
#content dl.homework dd {
	font-style: italic;
	margin-left: 1em;
	} 

#content  div.course  {
	padding:  .5em;
}
	
#content div.course h3   {
	padding: 0;
	margin:  0;
}

#content div.course ul , #content div.course ul  ol  {
	margin-left: 1em;
}
	
blockquote, q {
	quotes: none;
	}
ins {
	text-decoration: underline;
	}
del {
	text-decoration: line-through;
	}
/* tables still need 'cellspacing="0"' in the markup */
/*******************************
**********TABLES ************
******************************/	
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
table   
	/**********************************
LINKS      **************************
 **********************************
  *********IN-LINE************
   *********************************/
a   	{	
	text-decoration: underline;  
	color: rgb(230,0,0);
	background-color: rgb(230,230,255);	
	padding: 0 .5em;
	}
a:visited  {
		color: rgb(0,0,139);
		background-color: rgb(230,230,255);
		padding: 0 .5em;
	}
	
a:hover  {
		color:rgb(0,0,139);
		background-color: rgb(230,230,0);
		padding: 0 .5em;	
	}
	


a:active   {
		color: rgb(230,230,0);
		background-color:rgb(0,0,139);
		outline: rgb(225,215,0) dotted .2em;
		padding: 0 .5em;
	}


/**********************************
LINKS      **************************
  *********NAVBAR1************
   *********************************/
   
#navbar1 ul li  a , #navbar2 ul li a {text-decoration: none;}

#navbar1 ul li a  {
		color: rgb(230,0,0);
		background-color: rgb(0,0,139);	
	}
#navbar1 ul li a:visited  {
		color: rgb(0,0,139);
		background-color: rgb(230,230,255);
		
	}	
#navbar1 ul li a:hover   {
	color: rgb(230,230,0);
	background-color: inherit;
	}
/**********************************
LINKS      **************************
  *********NAVBAR2************
   *********************************/
#navbar2 ul li a  {
		border-left: 1em solid rgb(0,0,139);
		padding: 0 .5em;
		font-size: smaller;
	}
/*******************************
**********ICONIC IMAGES******
*******************************/	
#icons   {  clear:both;
		}
#icons ul{
	border-bottom: medium solid rgb(0,0,139);	
	}
#icons ul li  {
	display: inline;
	margin: 0 ;
	padding: .3em;	
	}
/*******************************
*********FOOTER***************
*******************************/
#footer   {
text-align: center;
	font: italic .75em Verdana, sans-serif;
	}
	
/*******************************
*********CURRENT PAGE***************
*******************************/	
#navbar1 ul li a.currentpage   {
		color: rgb(230,230,255);
		background-color:rgb(230,0,0);
	}

a.currentpage  {
		color: rgb(230,230,255);
		background-color:rgb(230,0,0);
		padding: 0 .5em;
	}

/*******************************
*********Captioned Photos***************
*******************************/
	
#content div.cap_photo {
  float: left;
  width: 286px;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em
  }

#content div.cap_photo p {
  text-align: center;
  font-style: italic;
  font-size: 80%;
  text-indent: 0
}