/*Main stylesheet for UVic sites using relative font sizes and a browser detection script*/
/*Version 3.0, June 3, 2003*/

body {
	background-color: #FFFFFF;
	color: #111111;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
}

a, a:link, a:visited {
	color: #333399;
	font-weight: normal;
}

a:hover {
	color: #000066;
	font-weight: normal;
	text-decoration: underline;
	background : transparent;
}

/*banner*/
#banner {
	background-color: #FFFFFF;
}

.banner {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:88%;
}

/*header*/
#header {
	border-bottom: 1px solid #FFFFFF;
	background-color: #003399;
}

.header {
	color: #FFCC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	line-height: 110%;
}

.header a, .header a:link, .header a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.header a:hover {
	color: #FFCC00;
	text-decoration: underline;
	font-weight: bold;
}

/*breadcrumb*/
.breadcrumb {
	background-color: #003399;
	color: #FFFF99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	margin-left: 0.3em;
}

.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/*topmenu*/
#topmenu {
	line-height: 100%;
}

.topmenu {
	background-color: #999999;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	border-bottom: 1px solid #111111;
	text-transform: uppercase;
}

.topmenu a, .topmenu a:link,.topmenu a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.topmenu a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #003399;
}
.topmenuslt {
	background-color: #003399;
	color: #FFFFFF;
}

/*left navigation*/
.nav {
	background-color: #F5F5F5;	
	border-right: 1px solid #333333;
	color: #000000;
}

.navheader {
	color: #003399;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height:130%;
}

.navheader a, .navheader  a:link, .navheader a:visited {
	font-weight: bold;
	text-decoration: none;
}

.navheader a:hover {
	font-weight: bold;
	text-decoration: underline;
}

.navheaderslt {
	color: #003399;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height:130%;
}

.navlink {
	color: #000099;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-decoration: none;
	line-height:130%;
}

.navlink a, .navlink a:link, .navlink a:visited {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.navlink a:hover {
	color: #003399;
	text-decoration: underline;
	font-weight: bold;
}

.navlink hr {
	color: #003399;
	height: 1px;
	text-align: left;
	width: 140px;
}

.navlinkslt {
	color: #003399;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-decoration: none;
	line-height:130%;
}

.navsublink {
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: normal;
	text-decoration: none;
	line-height:130%;
}

.navsublink a, .navsublink a:link, .navsublink a:visited {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

.navsublink a:hover {
	color: #003399;
	text-decoration: underline;
	font-weight: normal;
}

.navsublinkslt {
	color: #003399;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-decoration: none;
	line-height:130%;
}

/*content*/
#main {
	border-top: 1px solid #111111;
	table-layout: fixed;
}

h1 {
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	border-bottom: 1px solid #999999;
	margin-top: 6px;
	margin-bottom:8px;
}

h1 a, h1 a:link, h1 a:visited {
	text-decoration: none;
}

h2 {
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	line-height: 135%;
	text-align: left;
	text-decoration: none;
}

h2 a, h2 a:link, h2 a:visited {
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

h3 {
	color: #003399;
	font-size: 95%;
	font-weight: bold;
}

h4 {
	color: #003399;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0px;
}

h5 {
	color: #FFFFFF;
	font-weight: bold;	
	text-transform: uppercase;
	margin-bottom: 0px;
	width:170px;
	background-color: #999999;
	border: 1px solid #003399;
}

p, blockquote {
}

b, strong {
	color: #003399;
	font-weight: bold;
}

.bodytext {
	color: #111111;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 88%;
	font-weight: normal;
	text-align: left;
	line-height: 130%;
}

.bodytext hr {
	color: #003399;
	height: 1px;
	text-align: center;
	width: 100%;
}

.code {
	font-family: "Courier New", Courier, monospace;
	line-height: 130%;
}

.large {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	line-height: 110%;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111111;
	font-size: 83%;
	font-weight: normal;
	line-height: 110%;
}

.xsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111111;
	font-size: 70%;
	font-weight: normal;
}

.ul {
}

/*data tables*/
.tableborder {
	border: 1px solid #111111;	
	table-layout: fixed;
}

.tablefixed {
	table-layout: fixed;
}

.tabletext {
	color: #111111;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size: 88%;
}

.tableshade {
	background-color: #E9E9E9;
}

.borderright {
	border-right: 1px solid #999999;
	margin-right: 4px;
}

/*lists*/
ul {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: disc;
}

ol {
	margin-top: 0px;
	margin-bottom: 0px;
}

.list {
	color: #111111;
	list-style-type: disc;
	margin-top:0px;
}

.list li a, .list li a:link, .list li a:visited {
	text-decoration: underline;
}

.list li a:hover {
	text-decoration: underline;
}

.listlinks {
	color: #111111;
	list-style-type: circle;
	margin-top:0px;
}

.listlinks li a, .listlinks li a:link, .listlinks li a:visited {
	text-decoration: none;
}

.listlinks li a:hover {
	text-decoration: underline;
}

.listpage {
	color: #111111;
	list-style-type: disc;
	margin-top:0px;
}

.listpage li a, .listpage li a:link, .listpage li a:visited {
	text-decoration: none;
}

.listpage li a:hover {
	text-decoration: underline;
}

/*images*/
body .imgborder {
	border: 0px;
}

.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	color: #111111;
	font-weight: normal;
	margin-top: 0px;	
	margin-bottom:12px;
}

/*sidebar*/
.sidebar {
	color: #111111;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	line-height: 130%;
	margin-bottom: 0px;
}

.sidebar a, .sidebar a:link, .sidebar a:visited {
	color: #333333;
	text-decoration: none;
}

.sidebar a:hover {
	color: #003399;
	text-decoration: underline;
}

.sidebarlist {
	list-style-type: disc;
	background-color: #F5F5F5;
	border-right: 1px solid #003399;
	border-bottom: 1px solid #003399;
	border-left: 1px solid #003399;
}

.sidebarlist a, .sidebarlist a:link, .sidebarlist a:visited  {
	font-size: 95%;	
	font-weight: bold;
}

.sidebarlist a:hover {	
	color: #003399;
	text-decoration: underline;
}

.newsheader {
   color: #FFFFFF;
	background-color: #999999;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size: 83%;
	font-weight: bold;
	border-bottom: 1px solid #003399;
	border-right: 1px solid #003399;
	border-top: 1px solid #003399;
	border-left: 1px solid #003399;
}

.news {
	color: #111111;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size: 70%;
	line-height: 130%;
	text-align: left;
	background-color: #FFFFFF;
	border-left: 1px solid #003399;
	border-right: 0px solid #003399;
}

.news a, .news a:link, .news a:visited {
	color: #333333;
	text-decoration: none;
}

.news a:hover {
	color: #003399;
	text-decoration: underline;
}

.news hr {
	color: #003399;
}
.newsfooter {
   color: #003399;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	border-top: 1px solid #003399;
	border-bottom: 1px solid #003399;
	border-right: 1px solid #003399;
	border-left: 1px solid #003399;
	background-color: #F5F5F5;
}

/*footer*/
.footer {
	background: #FFFFFF;
	color: #333333;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	border-top: 1px solid #111111;
}

.footer a, .footer a:link, .footer a:visited {
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
}

.footer a:hover {
	color: #003399;
	font-weight: normal;
	text-decoration: underline;
}
