/* this one's for CPSC235 pages
colours are: [blues]
pale=#e6efff 230r 39g 255b
light=#bfd3ff 191r 211g 255b
medium=#8b9dee 139r 158g 255b
dark=#6572ae 101r 114g 238b
mdark=#657271 101r 114g 174b
vdark=#414a71 65r 74g 174b
contrast= firebrick
background image=#8b9dee
link= green
active link=firebrick
visited link=gray
*/

body { background-color: #8b9dee;} 

/* 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: #414a71;
               color: #bfd3ff;
               z-index: 2;
                }
div#title p
             {  margin: 0px; padding: 0px; }               

/*div#pagehead { position: absolute;
               right: 0px; top: 0px;
               height: 75px;
               width: 100%;
               font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                              "Swiss", "SunSans-Regular", sans-serif;
               background-color: #6572ae;
               color: #bfd3ff;
               z-index: 2; }

div#pagehead h1 {position: absolute;
                 top: 0px;
                 font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                              "Swiss", "SunSans-Regular", sans-serif;
                 background-color: #FFCC00;
                 color: #880000;
                 font-size: 24px;
                 z-index: 4; }
 */
 /* 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: #8b9dee;
               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: #6572ae;
              font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                             "Swiss", "SunSans-Regular", sans-serif;
              font-variant: small-caps;
              color: #e6efff;
              z-index: 12; }
              
div#TopBar a {position: relative;
                 padding: 0.3em;
                 margin-left: 0; margin-right: 0;
                 margin-top: 0; margin-bottom: 0;
                 color: #e6efff;
                 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;

		  }

/* 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 }

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 }
		
div#MainSec h1
             { margin-top: 1.2em; margin-bottom: 1em;
               font-size: 21px; font-weight: 500; text-align: left; }

div#MainSec h2
             { margin-top: 1em;  margin-bottom: 1em;
               font-size: 18px;  font-weight: 500; text-align: left; }

div#MainSec h3 { font-size: 16px; font-weight: 500; text-align: left; }
div#MainSec h4 { font-size: 14px; font-weight: 500; text-align: left; }
 
 /* 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: #6572ae;
                font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                             "Swiss", "SunSans-Regular", sans-serif;
                color: #e6efff;
                z-index: 15; }
              
div#Footer a {position: relative;
                 padding-left:4px; padding-right:4px;
		font-size: 11px;
                 color: #e6efff;
                 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: 1000px; 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: #414a71;
               background-color: #8b9dee;
	       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: #414a71;
		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: #8b9dee;
               color: #e6efff;
               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: #e6efff;
               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:12em; float:left;
}

#vertm p{ margin: 1em; margin-left: 2em; 
		font-family: "Verdana", "Helvetica", "Arial", "Geneva",
                            "Swiss", "SunSans-Regular", sans-serif;
               font-size: 12px;
               color: #414a71;
               background-color: #8b9dee;
	       list-style: none; font-size: 12px;  
	       }
#vertm a{  color: #e6efff;  text-decoration:none;}
#vertm a:hover{ background-color: #e6efff; color: firebrick; text-decoration:none;}

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

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

#vertnav li { 
	position: relative;
	width: 9em;
	background-color:#8b9dee;
	color: #e6efff;
	border:solid 1px #e6efff; border-width:1px 1px 1px 1px;
	display:block;
	height:1.5em;
	margin:0;	
}
#vertnav li:last-child{border-bottom:1px solid #e6efff;}

#vertnav ul li{ background-color:#8b9dee; width:10em; }
#vertnav ul ul li{ font-size:10px; width:12em; }

#vertnav a {
    text-decoration:none;
    color: #e6efff;
    background-color:#8b9dee;
    display:block;
    padding: 0.1em;  
    margin:0.1em 0.1 em 0.1em 0.1em; /*helps Opera with hover */
    height:1.2em;
}

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

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

#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; }