/* COLOUR PALETTE 

	Accent color 1 (Darker) - #990000						<-- Main headers and standard link color
	Accent color 2 (Lighter) - #000000						<-- Secondary Headers, Portlet/HeaderNav background color
	Link color (High Chroma) - #0099FF						<-- Link hover color
	
*/

/*  OTHER VARIABLES 

	Background Image = header_uvic.jpg				<-- Main Banner Image
	Font set = Verdana, Arial, Helvetica, sans-serif		<-- default fonts used throughout the site

*/


/* DEFAULT VALUES FOR THE WHOLE PAGE, etc */
html { 
	/* this bit eliminates page shift in gecko based browsers (i.e. firefox) */
	min-height: 100%;
	margin-bottom: 1px; 
}

body{		
	text-align:center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;	
}

td{
	font: 11px Verdana, Arial, Helvetica, sans-serif;		
}

/* CONTAINER*/
#wrap{
	width:800px;
	margin:0px auto;
	text-align:left;
}


/*  HEADER ELEMENTS */
DIV#header{	
	position:relative;
	width:800px;
	height:160px;
	background:#ddd url(../images/header.gif);	
}

.headernav{
	height:15px;
	width:565px; 
	vertical-align:middle;
	background-color:#000000;
	color:#ffffff;
	font-size: 12px;
	position:absolute;
	bottom:0;
	right:0;
	padding:3px;
	padding-right:10px;
	text-align:right;
}

.headernav a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

.headernav a:hover{	
	text-decoration:underline;
	color:#ffffff;
}

.headernav a:visited{
	color:#ffffff;
}






/*  PANELS  */
DIV#leftpanel{
	width:230px;
	float:Left;
	margin-top:20px;
}

DIV#rightpanel{
	width:180px;
	float:right;
	margin-top:20px;
}






/*  PANEL CONTENTS */
.portlet {
	width:210px;
	margin-top:10px;
	border:#cccccc 1px solid;
}

.portlet span.title{ 
	display:block;
	font-size:12px;
	font-weight:bold;
	background-color:#000000;
	color:#ffffff;
	padding:3px;
}

.portlet div.contents{
	padding:3px;
}

.buttons{
	width:210px;
	border-top:1px solid #cccccc;
}

.buttons span{	
	display:block;
	font-size:11px;
	font-weight:bold;
	padding:10px;
	background-color:#FFFFFF;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.buttons a{	
	display:block;
	font-size:11px;
	text-decoration:none;
	padding:10px;
	background-color:#FFFFFF;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.buttons a:hover{
	text-decoration:underline;
	background-color:#f7f7f7;
}






/*  CONTENT ELEMENTS */

DIV#content{
	width:550px;
	margin: 20px 0px 0px 230px;
}

H1 {
	font-size: 13px; 
	color: #990000; 
	margin-top:0px;
}


H2 {
	font-size: 13px; 
	color: #000000; 
	margin-top:0px;
}

H3 {
	font-size: 13px; 
	color: #999999;  
	margin-top:0px;
}

.emphasized{
	font-weight:bold;
}

BLOCKQUOTE.quote{
	margin-left:10px;
	padding-left:30px;
	padding-top:10px;
	background:url('/assets/images/quotemarks.gif') no-repeat left top;	
	color:#666666;
}

BLOCKQUOTE.definition{
	margin-left:0px;
	padding-left:40px;
	padding-top:10px;
	background:url('/assets/images/definition.jpg') no-repeat left top;	
	color:#666666;
}

BLOCKQUOTE.alert{
	margin-left:0px;
	padding-left:40px;
	padding-top:10px;
	background:url('/assets/images/attention.jpg') no-repeat left top;	
	font-weight:bold;
}

.hide{
	display:none;
	}	
	
.show{
	display:block;
	}

/* Old Error Style
	
.errorMsg
{
  font-family:Verdana;
	font-size:13px;
	color:#990000;
	font-weight:bold;
	vertical-align:middle;
	background:#FFFFE1 url(../images/error.gif) no-repeat;	
	border:solid 1px #999;
	margin-top:10px;	
	margin-bottom:30px;		
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 35px;
	padding-right:5px;
}
*/

.errorMsg
{
  font-family:Verdana;
	font-size:13px;
	color:#154f7f;
	font-weight:bold;
	vertical-align:middle;
	background:#e9f1f9 url(/assets/images/error_circle.gif) no-repeat;	
	background-position:10px 7px;
	border:dashed 1px #CCCCCC;
	margin-top:10px;	
	margin-bottom:30px;		
	text-align:left;
	padding-top:12px;
	padding-bottom:12px;
	padding-left: 55px;
	padding-right:5px;
	line-height:1.4;	
}


.confirmMsg
{
  font-family:Verdana;
	font-size:13px;
	color:#666;
	font-weight:bold;
	vertical-align:middle;
	background:#FCFCFC url(/assets/images/check.gif) no-repeat;
	border:solid 1px #CCC;
	margin-top:10px;	
	margin-bottom:30px;		
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 35px;
	padding-right:5px;
	width:65%;
}

FORM
{
  width:530px;  
}