/*
Created by: Clifton Alexander Dildy
Date: April 8 2009
*/


/*STYLING HTML TAGS*/
body {
	/*Removing the Margins from the body of the htm page, as well as setting the fonts to be used*/
	margin:0pt;
	font-family: arial, "lucida console", sans-serif;
	font-size:9pt;
}


/*CSS CLASSES*/
.clear-style{
	/*clears the floats that move divs to either the left of the right*/
	clear:both;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.float-left{
	float:left;
}
.header-menu-items{
	height:80pt;
	width:135pt;
	border:1pt solid black;
	float:right;
	margin-left:2pt;
	padding-left:2pt;
	padding-right:2pt;
}
.hr{
	margin-top:6pt;
	padding-top:5pt;
	border-top:1pt solid #565051;
}
/*CSS ID*/


#select_search{
	font-size:9pt;
}
#search_text_field {
	background:white url(../../images/layout/magnify.png) no-repeat scroll 3px 4px;
	width:100pt;
	border:1px solid black;
	padding-left:11pt;
}


/*LOGO SECTION - BEGIN*/
#CS-LOGO{
	height:60pt;
	width:144pt;
	border:1pt dotted black;
	float:left;
}
#UVIC-LOGO{
	border:1pt dotted black;
	width:144pt;
	height:20pt;
	float:left;
}
#ADDITIONAL-LOGO{
	height:70pt;
	width:143pt;
	border:1pt dotted black;
	float:left;
	margin-top:3pt;
}
/*LOGO SECTION - END*/

#ADDITIONAL-AREA{
	float:right;
	padding-left:8pt;
	padding-right:8pt;
	padding-bottom:8pt;
	padding-top:2pt;	
	border:1pt solid black;
	border-top:0pt solid black;
	width:130pt;
	margin-left:5pt;
	margin-right:0pt;
	margin-bottom:5pt;
}
#IMAGE-AREA{
	width:525pt;
	height:200pt;
	border:0pt solid black;
	border-top:0pt solid black;
}
#IMAGE-DESCRIPTION{
	padding:5pt;
	width:515pt;
	border:0pt solid black;
	margin-top:0pt;
}
#UVIC-AREA{
	height:18pt;
	/*background-image: url(../../images/logos/uvicalogo.png);*/
	background-repeat:no-repeat;

	margin:auto;
	padding-top:2pt;
	background-color:#E87511;border-bottom:1pt solid black;
}
#UVIC-AREA a:link{
	color:white;font-weight:bold;
	text-decoration:none;
}
#UVIC-AREA a:active{
	color:white;font-weight:bold;
	text-decoration:none;
}
#UVIC-AREA a:visited{
	color:white;font-weight:bold;
	text-decoration:none;
}
#UVIC-AREA a:hover{
	color:white;font-weight:bold;
	text-decoration:underline;
}

#CS-AREA{
	height:60pt;
	background-image: url(../../assets/images/logos/header/csc_logo_with_shield_100.png);
	/*background-6mage: url(../../images/logos/csc_logo_draft.jpg);*/
	background-repeat:no-repeat;
	width:685pt;
	margin:auto;
	background-color:#7898B2;
	/*border-left:1pt rgb(120,152,178) solid;
	border-right:1pt rgb(120,152,178) solid;*/
}
#UVIC-LINKS{
	text-align:right;
	margin-top:0pt;
	margin-right:1pt;
	width:685pt;
	margin:auto;
	
}
#HEADER-MENU-CONTAINER{
		background-color:#E87511;
}
#HEADER-MENU-AREA{
	border:0pt solid black;
	/*width:685pt;
	margin:auto;*/
	background-color:#eeeeef;
}
#SUBHEADER-MENU-CONTAINER{
	border:0pt solid black;
	background-color:#eeeeef;
}
#SUBHEADER-MENU-AREA{
	border:0pt solid black;
	width:685pt;
	margin:auto;
}

#BODY-TITLE-CONTAINER{
	border:0pt solid black;
}
#BODY-TITLE-AREA{
	border-right:0pt solid black;
	width:685pt;
	margin:auto;
	margin-top:3pt;
}
#SUBMENU-TITLE{
	width:141pt;
	border-right:1pt solid black;
	float:left;
	font-size:14pt;
	padding-left:3pt;
	color:white;
	background-color:#888;
}
#PAGE-TITLE{
	float:left;
	border:0pt solid black;
	font-size:15pt;
	padding-left:0pt;
	margin-left:5pt;
}
#BODY-CONTENT-CONTAINER{
	border:0pt solid black;
	background-color:#eeeeef;
}
#BODY-CONTENT-AREA{
	border-right:0pt solid black;
	border-left:0pt solid black;	
	width:685pt;
	margin:auto;
	background-color:white;
}
#CONTENT{
	margin-left:0pt;
	padding-top:0pt;
	padding-right:0pt;
	padding-left:0pt;
	padding-bottom:2pt;
	border-left:0px solid black;
}
#FOOTER-MENU-CONTAINER{
	border-top:2pt solid black;
}
#FOOTER-MENU-AREA{
	border:0pt solid black;
	width:685pt;
	margin:auto;
	background-image: url(../../images/logos/uvic-logo.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
#FOOTER-CONTACT-INFO{
	margin-left:0pt;;
	color:#222;
	padding-top:3pt;
	font-size:8pt;

}
#FOOTER-LINKS{
margin:auto;
padding-top:3pt;
padding-bottom:3pt;
text-align:center;background-color:#E87511;
font-weight:bold;
color:#222;
}
#FOOTER-LINKS a:link{
	color:white;
	text-decoration:none;
}
#FOOTER-LINKS a:active{
	color:white;
	text-decoration:none;
}
#FOOTER-LINKS a:visited{
	color:white;
	text-decoration:none;
}
#FOOTER-LINKS a:hover{
	color:white;
	text-decoration:underline;
}

/*splash area*/
#splash_area{
	padding-left:5pt;
	padding-top:5pt;
	padding-right:5pt;
	padding-bottom:0pt;
}
#splash_area img{
	width:100%;
}

/*News Area*/
.abstract p{ 
	margin-top:0pt;
	padding:0pt;
	font-size:10pt;
	margin-top:2pt;
	margin-bottom:5pt;
	margin-left:2pt;
	margin-right:2pt;
}


.abstract a:link{
	color:rgb(19,78,117);
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted rgb(19,78,117);
}
.abstract a:visited{
	color:rgb(19,78,117);
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted rgb(19,78,117);
}
.abstract a:active{
	color:rgb(19,78,117);
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted rgb(19,78,117);
}
.abstract a:hover{
	color:rgb(224,117,45);
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted rgb(224,117,45);
}

.archive_link{
	margin:5pt;
}

.archive_link a:link{
	color:rgb(19,78,117);
}
.archive_link a:visited{
	color:rgb(19,78,117);
}
.archive_link a:active{
	color:rgb(19,78,117);
}
.archive_link a:hover{
	color:rgb(224,117,45);
}
.news_item_title{
	font-size:11.5pt;
	margin-top:2pt;
	margin-bottom:2pt;
	margin-left:2pt;
	margin-right:2pt;
}
.news_item_title a:link{
	color:rgb(19,78,117);
	font-weight:bold;
	text-decoration:none;
}
.news_item_title a:active{
	color:rgb(19,78,117);
	font-weight:bold;
	text-decoration:none;
}
.news_item_title a:visited{
	color:rgb(19,78,117);
	font-weight:bold;
	text-decoration:none;
}
.news_item_title a:hover{
	color:rgb(224,117,45);
	font-weight:bold;
	text-decoration:underline;
}
.news_date{
	font-size:9pt;
	color:#E87511;
	margin-top:2pt;
	margin-bottom:2pt;
	margin-left:2pt;
	margin-right:2pt;
}

#news_container{
	border: 0pt solid black;
	width:212pt;
	float:left;
	padding-top:5pt;
	/*background-color:red;*/
}
#news_area{
	margin-top:0pt;	
	padding-top:0pt;
}

#news_title{
	font-weight:bold;
	background-color:rgb(255,191,139);
	margin-top:2pt;
	margin-bottom:4pt;
	margin-left:2pt;
	margin-right:2pt;
	font-size:14pt;
	color:#134E75;
	padding-left:2pt;
	padding-top:1pt;
	padding-bottom:1pt;
}




#news_image{
	margin-left:2pt;
	margin-top:0pt;
	padding-top:0pt;
}

#news_image img{
	width:208pt;height:120pt;
}

#left_side{
	border-right: 0pt solid #EEEEEF;
	width:468pt;
	float:left;
}
/*Focus Area*/
#focus_area{
	padding-left:5pt;
	padding-right:5pt;
	padding-top:3pt;
}
.focus_item_title{
	font-size:11pt;
	color:#134E75;
	margin-bottom:2pt;
}
.focus_item_title a:link{
	color:rgb(19,78,117);
	font-weight:bold;
	text-decoration:none;
}
.focus_item_title a:active{
	color:rgb(19,78,117);
	font-weight:bold;
	text-decoration:none;
}
.focus_item_title a:visited{
	color:rgb(19,78,117);
	font-weight:bold;
	text-decoration:none;
}
.focus_item_title a:hover{
	color:rgb(224,117,45);
	font-weight:bold;
	text-decoration:underline;
}
.focus_abstract p{ 
	margin-top:0pt;
	margin-bottom:2pt;
	font-size:10pt;
}
.focus_abstract{ 
 	border:0pt solid black;

}

.focus_image{
	float:left;
}
.focus_image img{
	width:140pt;height:75pt;
	float:left;
}

.focus_content{
	float:left;
	width:305pt;
	padding-left:5pt;
}
.focus_container{
	margin-bottom:5pt;padding-bottom:5pt;border-bottom:1pt dotted black;
}
.focus_container:last-child{
	margin-bottom:5pt;padding-bottom:5pt;border-bottom:0pt dotted black;
}
#focus_title{
	font-weight:bold;
	background-color:rgb(255,191,139);
	margin-top:2pt;
	margin-bottom:4pt;
	
	font-size:14pt;
	color:#134E75;
	padding-left:1pt;
	padding-top:1pt;
	padding-bottom:1pt;
}