/* this one's for CPSC233 pages
colours are: [blues]
pale=#eaffdb 230r 39g 255b
light=#c6ff9a 191r 211g 255b
medium=#86c258 139r 158g 255b
dark=#008000 101r 114g 238b
mdark=#6b8e23 101r 114g 174b
vdark=#556b2f 65r 74g 174b
contrast= firebrick
background image=#86c258
link= green
active link=firebrick
visited link=gray
*/

body { background-color: #86c258;} 

/* inline text links */
p.links      { font-size: 11px;
               text-align: center;
               padding-bottom: 10px }

/* page titles */               
div#title    { position: absolute; width: 85%;
               top: 1px; right: 0px; 
               margin: 0.3em;
               padding-left: 0.2em; padding-right: 0.3em; padding-top:0.3em; padding-bottom:0.3em;
               border: 0;
               text-align: right;
               border-style: none;
               font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                              "Swiss", "SunSans-Regular", sans-serif;
               font-size:20px;
               background-color: #556b2f;
               color: #c6ff9a;
               z-index: 2;
                }
div#title p
             {  margin: 0px; padding: 0px; }               

/* images */                
img { border-style: none; }

img.logo1    { position: absolute;
               margin: 2px;
               border: 0px;
               padding: 0px;
               z-index: 2 }

img.gen     { position: absolute;
               top: 0px;
               right: 0px;
               width: 65px;
               border-color: #86c258;
               height:45px;
               margin: 2px;
               border: 2px;
               padding: 0px;
               z-index: 5 }
               
/*Top Band: place holder for navigation button*/               
div#TopFront 
              { color: black; 
		background-color: transparent; 
		margin: 0px; padding: 0px; 
		border: 0px; position: absolute; 
		z-index:5;  top: 2px; right:2px; 
		height: 75px; }

/* top (main) navigation bar */             
div#TopBar { position: absolute; width: 85%;
              right: 0px; top: 45px; 
              margin: 0.3em; margin-right: 0.5em;
              padding: 0.3em; 
              font-size: 12px;
              background-color: #008000;
              font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                             "Swiss", "SunSans-Regular", sans-serif;
              font-variant: small-caps;
              color: #eaffdb;
              z-index: 12; }
              
div#TopBar a {position: relative;
                 padding: 0.3em;
                 margin-left: 0; margin-right: 0;
                 margin-top: 0; margin-bottom: 0;
                 color: #eaffdb;
                 background-color: transparent;
                 text-decoration: none;
                 z-index: 12; }

div#TopBar a:hover {color: white;
                background-color: black ;
                text-decoration: none; }

div#TopBar p
             { text-align: center; margin: 0px; padding: 0px; }

/* place for the "date" marker - notice it is at the top right now, but is still called 'bottom'*/                
div#BottomSideBar { position: absolute; 
               top: 3.5em; right: 2%;
               margin: 0px;
               border: 0px;
               padding: 0.1em;
               background-color: transparent;
		z-index: 20;
		 }

div#BottomSideBar p { margin: 0px; padding: 0px; margin-left: 1px;
		font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 9px;
               font-style: italic;
               color: white;
               background-color: #008000;
		  }

/* main part of the page */
div#MainSec  { color: black; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; background-color: white; margin: 0.5em 0.5em 0.5em 1em; padding: 0.5em; border: none 0px; position: absolute; z-index: 1; top: 80px; right: 0; bottom: 14px; width: 85%; overflow: auto; z-index: 5 }

div#MainSec a:link  { color: green; background-color: transparent; }
div#MainSec a:visited  { color: grey; background-color: transparent; }
div#MainSec a:hover  { color: firebrick; background-color: white }

div#MainSec p  { font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; list-style-type: none; list-style-position: ; padding: 1em }
		
 /* footer (bottom of page) navigation bar  - doesn't float at bottom of screen in IE */                            
div#Footer { position: absolute; width: 85%; 
		right: 0px; bottom:1px;  top: auto;
		margin-bottom: 0.2em; margin-right:5px; padding:5px;
		font-size: 12px;
		line-height:1em;
                background-color: #008000;
                font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                             "Swiss", "SunSans-Regular", sans-serif;
                color: #eaffdb;
                z-index: 15; }
              
div#Footer a {position: relative;
                 padding-left:4px; padding-right:4px;
		font-size: 11px;
                 color: #eaffdb;
                 background-color: transparent;
                 text-decoration: none;
 }

div#Footer a:hover {color: white;
                background-color: black ;
                text-decoration: none; }

div#Footer p
             { text-align: right; 
		margin: 0px; padding: 0px; 
		color:black; font-size:10px;}

/* side navigation bar */
div#SideBar { position: absolute; width: 13%;
               top: 100px; left: 5px;
               margin: 0px; margin-top: 2px;
               border: 0px;
               padding: 0px;
               background-color: transparent;
		z-index: 10;
		 }

div#SideBar p { margin: 0px; padding: 0px; margin-left: 5px;
		font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 12px;
               color: #556b2f;
               background-color: #86c258;
	       list-style: none; font-size: 12px;  }
             
div#SideBar ul
             { margin: 0px; font-size: 12px; margin-top: 2px; padding: 1px; }
             
div#SideBar li { margin: 0px; padding: 0px; margin-top: 1px;
		font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 12px;
               font-weight: bold;
               color: #556b2f;
		list-style: none; margin: 0px;  margin-top: 2px; padding: 0px; }

div#SideBar a {font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 12px;
               font-weight: bold;
               margin: 1px; margin-top: 2px; padding: 0px; 
               background-color: #86c258;
               color: #eaffdb;
               text-decoration: none;
               display: block;
               overflow: auto }

div#SideBar a:hover { 
		font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 12px;
               font-weight: bold;
               margin: 1px;  margin-top: 2px; padding: 0px; 
               background-color: #eaffdb;
               color: black;
               text-decoration: none;
                }
                
/* vertical navigation stuff from:  http://www.csscreator.com/menu/multimenu.php */
#vertm{list-style: none; z-index:90;
	font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
      	font-size: 12px;
    	font-weight: bold;
	top: 100px; left: 0em;
	position:absolute; width:13%; float:left;
}

#vertm p{ margin: 1em; margin-left: 2em; 
		font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 12px;
               color: #556b2f;
               background-color: #86c258;
	       list-style: none; 
	       }
#vertm a{  color: #eaffdb;  text-decoration:none;}
#vertm a:hover{ background-color: #eaffdb; color: firebrick; text-decoration:none;}

#vertnav{list-style: none; z-index:91;
	font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	top: 4em; 
	margin-left: 0;/*  if we go too far we loose focus in netscape; goes off left of screen in IE */
	position:absolute; 
}

#vertnav ul { 
	padding:0;
	margin:0;
	list-style: none;
	width:10em;
	z-index:92;
	overflow:visible;
	position:absolute; 
	background-color:#86c258;  
}

#vertnav li { 
	position: relative;
	width: 10em;
	background-color:#86c258;
	color: #eaffdb;
	border:solid 1px #eaffdb; border-width:1px 1px 1px 1px;
	display:block;
	height:1.5em;
	margin:0;	
}
#vertnav li:last-child{border-bottom:1px solid #eaffdb;}

#vertnav ul li{ background-color:#86c258; width:10em; }
#vertnav ul ul li{ font-size:10px; width:10em; }

#vertnav a {
    text-decoration:none;
    color: #eaffdb;
    background-color:#86c258;
    display:block;
    padding: 0.1em;  
    margin:0.2em 0.2 em 0.2em 0.2em; /*helps Opera with hover */
    height:1.2em;
}

#vertnav li:hover, #vertnav a:hover{
    background-color: #eaffdb;
    color: black;
}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul, #vertnav ul ul ul ul{
    display:none; 
    position:absolute; 
    top:0; 
    left: 10em;
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul, #vertnav li:hover ul ul ul ul{
    display:none;   
}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul, #vertnav ul ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}

/* Win IE only \ */
* html #vertnav li{float:left;} 
/* end holly hack */

#small a{ font-height:8px; line-height:1.5em; }