@charset "UTF-8";
/* CSS Document */

/* TABLE OF CONTENTS
General Layout
Page Container #container
Header: toplinks
Banner: bannerLeft, Search box, bannerRight
Sticky Nav
Main Nav  ~line317
Subnav (left sidebar)   ~line357
Content Container: #contentContainer, sidebar
Main Content: contentLeft, contentRight, news
Footer
HTML Elements: h1, h2
*/

/* :::::::::: BEGIN GENERAL LAYOUT :::::::::: */
html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  
input, textarea {  
    margin: 0;  
    padding: 0;  
	font-size: 100%;  
}

h1 {line-height:1em;}  /*Dianne added to prevent gaps in 2-line headings */

img, fieldset {
	border: none;
}

html {
	color: #000066;
	font: 80%/1.5 Arial, Helvetica, sans-serif;
}


body {
	background: #c0c0c0;
}

img.left {
	display: block;
	float: left;
	margin: 0 1em 1em 0;
}

img.right {
	display: block;
	float: right;
	margin: 0 0 1em 1em;
}

p {
	margin: 0 0 1em 0;
}

a, a:active, a:visited {
	color: #2f456f;
}

a:hover, a:focus {
	color: #69c;
	text-decoration: none;
}

legend {
	display: none;
}

.hidden {
	display: none;
}

.clearFix {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}

li {
	height: 1%; /* IE6 FIX */
}
/* :::::::::: END GENERAL LAYOUT :::::::::: */

/* :::::::::: BEGIN PAGE CONTAINER :::::::::: */
#container {
	position: relative;
	background: #fff;
	border: 1px #0b2449 solid;
	margin: 0 auto 16px auto;
	width: 960px;
	text-align: left;
}

#skipToContent {
	position: absolute;
	top: -200px;
	left: 450px;
}

#skipToContent:active, #skipToContent:focus { 
	top: 10px; 
}
/* :::::::::: END PAGE CONTAINER :::::::::: */

/* :::::::::: BEGIN HEADER :::::::::: */
#header {
	background: #fff;
	width:960px;
	margin: 0px auto;
}

/* these are the small links at top right of the banner */
#toplinks {
	float: right;
	margin: 15px 40px 0 0;
	color: #000066;
	font-size: 0.85em;
	font-family:Verdana;
}

#toplinks a {
	color:#000066;
	text-decoration: none;
}

#toplinks a:hover, #toplinks a:focus {
	text-decoration: underline;
}
/* :::::::::: END HEADER :::::::::: */

/* :::::::::: BEGIN BANNER :::::::::: */
#banner {
	clear: both;
	float: left;
	width: 960px; height:212px;
}

div#bannerLeft
{
    width:180px;
    float:left;
}

div#logo
{
    width:180px; height:126px;
}

div#logo a
{
	background: transparent url(../images/UMlogo.jpg) left top;
	display: block;
	float: left;
	width: 180px;
	height: 126px;
	margin: 0; padding: 0;
}
.bannerImg {
	display: block;
	background: #fff;
	padding-bottom: 20px;
	margin: 0;
}

/* :::::::::: BEGIN SEARCH BOX :::::::::: */
#search {
	float: left;
	width: 148px; height:50px;
	padding: 18px 16px;
	color: #fff;
	font-size: 0.85em;
	background-color:#000066;
}

#search p {
	margin-bottom: 4px;
	text-transform: uppercase;
	font-weight: bold;
}
/*
#search legend {
	display: block;
	width: 148px;
	text-transform: uppercase;
}
*/
#search label {
	display: none;
}

#sb {
	color:#666666;
	width: 109px;
	padding: 1px;
}

#searchsubmit {
	padding: 0px 2px;
}
/*
#siteTitle {
	display: block;
	float: left;
	padding: 28px 20px 20px 20px;
	color: #1b335c;
	text-decoration: none;
	font-size: 1.9em;
}
*/
/* :::::::::: END SEARCH BOX :::::::::: */

div#bannerRight
{
    width:780px;
    float:left;
}

div#LSAY  /* logo graphic */
{
    width:780px; height:175px;
}

div#LSAY a   /* logo graphic link */
{
	background: transparent url(../images/LSAY.jpg) left top;
	display: block;
	float: left;
	width: 780px;
	height: 175px;
	margin: 0; padding: 0;
}
/* :::::::::: END BANNER :::::::::: */

/* BEGIN STICKY NAV */
/* these items are for the MAIN NAV PAGES when active */ 
body.home a#homeNav,
body.about a#aboutNav,
body.parti a#partiNav,
body.resources a#resourcesNav, 
body.scholarship a#scholarshipNav,
body.media a#mediaNav,
body.contact a#contactNav
{
	/*color: #000;*/
	font-weight:bold;
}

body.home a#homeNav:hover,
body.about a#aboutNav:hover,
body.parti a#partiNav:hover,
body.resources a#resourcesNav:hover, 
body.scholarship a#scholarshipNav:hover,
body.media a#mediaNav:hover,
body.contact a#contactNav:hover
{ text-decoration:none; cursor:default;
	/*color: #000;*/	
}



/* these are for the SUBNAV PAGES when active  */
body#aboutHistory a#aboutHistory,
body#aboutStaff a#aboutStaff,
/* not used 
body#aboutFAQ a#aboutNav3,  */
body#aboutICASL a#aboutICASL,
body#aboutNAC a#aboutNAC,
body#resourcesData a#resourcesData,
body#resourcesQues a#resourcesQues,
body#resourcesBriefs a#resourcesBriefs,
/* not used
body#resourcesManual a#resourceNav4,
body#resourcesOther a#resourceNav5,
*/
body#scholarPubs a#scholarPubs,
body#scholarPresent a#scholarPresent,
body#scholarGenx a#scholarGenx,
body#partiQuest a#partiQuest,
body#partiAddress a#partiAddress,
body#partiFAQ a#partiFAQ,
body#partiContact a#partiContact
/* not used
body#partiTalk a#partiNav4,
body#partiMsg a#partiNav5 */
{
    font-weight:bold; font-size:12px; color: #000066;
    /*color: #fff;
    background: #5577A6; */
}

body#aboutHistory a#aboutHistory:hover,
body#aboutStaff a#aboutStaff:hover,
body#aboutICASL a#aboutICASL:hover,
body#aboutNAC a#aboutNAC:hover,
body#resourcesData a#resourcesData:hover,
body#resourcesQues a#resourcesQues:hover,
body#resourcesBriefs a#resourcesBriefs:hover,
body#partiQuest a#partiQuest:hover,
body#partiAddress a#partiAddress:hover,
body#partiFAQ a#partiFAQ:hover,
body#partiContact a#partiContact:hover,
body#scholarPubs a#scholarPubs:hover,
body#scholarPresent a#scholarPresent:hover,
body#scholarGenx a#scholarGenx:hover  
{ 
background:none; text-decoration:none; cursor:default; color: #000066; font-weight:bold;
}



/* END STICKY NAV */

/*  BEGIN MAIN NAV  */
#nav {
	background-color: #ffcc33;
	width: 780px; height:29px;
	color: #fc3;
	padding-bottom: 8px;
	clear: both;
}

#nav ul {
	list-style: none;
	padding: 12px 0 0 10px;
	float: left;
}

#nav li {
	float: left;
}

#nav a, #nav a:active, #nav a:visited {
	display: block;
	color: #000066;
	padding: 0px 16px;
	font-size: 0.85em;
	text-decoration: none;
	text-transform: uppercase;
	border-right:solid 1px #807f24;
}

#nav a#contact
{
    border:none;
}

#nav a:hover, #nav a:focus {
	color: #000;
	text-decoration: underline;
}
/*  END MAIN NAV  */

/*  BEGIN SUBNAV LEFT SIDEBAR  */
.menu {
	list-style: none; 
}

.menu a, .menu a:active, .menu a:visited {
	display: block;
	text-decoration: none;
	padding: 8px 10px;
	text-transform: uppercase;
	font-size: 0.85em;
}

.menu a:hover, .menu a:focus {
	background: #5577A6;
	color: #fff;
} 
/*  END SUBNAV LEFT SIDEBAR  */

/* :::::::::: BEGIN CONTENT CONTAINER BOX :::::::::: */
#contentContainer {
	clear: both;
	width: 960px;
}

#sidebar {
	float: left;
	width: 179px;
	padding-top:35px;
}
/* :::::::::: END CONTENT CONTAINER BOX :::::::::: */

/* delete this
div#icasl
{
    width:179px; height:57px; 
    margin-top:300px;
}

div#icasl a
{
	background: transparent url(../images/icaslLogo.jpg) center center no-repeat;
	display: block;
	float: left;
	width: 179px;
	height:57px;
	margin: 0; padding: 0;
}
end delete this */

/*  BEGIN MAIN CONTENT  */
#content {
	float: left;
	width: 779px;
	margin:0;
	padding: 35px 0 0 0;
	border-left:solid 1px #000066;
}

div#contentLeft
{
	width: 620px;
	float: left;
	padding: 0 25px 20px;
}

body#home div#contentLeft
{
	width: 670px;  /* was 470 (toolbar said 520px), Dianne changed to widen main area. Webtoolbar says 50px higher (670px=720px) */
	float: left; padding-bottom:50px; position:relative;
}

#contentLeft ul
{
    margin:10px 0 6px;
    padding: 0 25px 20px;
}

#contentLeft ul.nobullet  {font-size:14px; list-style:none; line-height:1.5em;}  /*Dianne added for newslinks*/ 
#contentLeft ul.nobullet  a{ text-decoration:none;}



body#home div#contentRight {
	width:184px;
	float: left;
	margin-top:30px;
	padding: 0 20px 0 30px;
}

div#contentRight
{
    width:34px;
	float: left;    
}

div#newsTop
{
    width:194px; height:12px;
    background:transparent url(../images/newsTop.jpg) left top no-repeat;
}

div#newsBody
{
    width:194px;
    padding:8px 14px;
    background:transparent url(../images/newsBg.jpg) left top repeat-y;
}

div#newsBody p
{
    color:#535353;
    width:85%;
    margin:4px 0 8px; 
}

div#newsBody a
{
    color:#336699;
    text-decoration: none;
}

div#newsBody a:hover
{
    text-decoration: underline;
}

div#newsBottom
{
    width:194px; height:12px;
    background:transparent url(../images/newsBottom.jpg) left top no-repeat;
}
/*  END MAIN CONTENT  */

/* :::::::::: BEGIN FOOTER :::::::::: */
div#longfooter
{
    width:781px; height:52px; position:absolute; bottom:0; 
    /*margin-top:-2px;*/ margin-left:-13px; /*margin-bottom:-20px;*/ padding-bottom:0; margin-bottom:-1px;
	 
}

/*div#nsf
{
    width:179px; height:50px; 
    float:left; 
    border-right:solid 1px #000066; 
}

div#nsf a
{
	background:transparent url(../images/nsfBg.jpg) left top no-repeat;
	display: block;
	float: left;
	width: 179px;
	height: 85px;
	margin: 0; padding: 0;
}
*/

#footer {
	width: 781px; height:52px;
	background-color:#000066;
	color:#ffcc33;
	font-size: 0.9em;
	float:left; position:absolute; bottom:0;
	/*margin-bottom:-18px; padding-bottom:0;*/
    /*margin-top:35px;*/ margin-left:-13px;
	 /*bottom:-2px;*/
}

#footer p {
	padding:7px 0 0 25px;
}

#footer a {
	color:#ffcc33;
	text-decoration:none;
}

#footer a:hover, #footer a:focus {
	text-decoration: underline;
}
/* :::::::::: END FOOTER :::::::::: */

/* :::::::::: HTML ELEMENTS :::::::::: */
#content h1 {
	font-size: 1.5em;
	color: #146432;
	margin-bottom:10px;
}

#content h2 {
	font-size: 1.2em; font-weight:bold;
	color: #996600;
	margin-bottom:10px;
}