/* Body styles */
	body, div, p, span, .basic {
		font-family: Arial, Helvetica, sans-serif; 
		color: #333333; 
		font-size: 12px; 
		line-height: 16px;
	}
	
	/* Wrappers */

	.cswrapper {
		width:100%;
		}
	
	.cscontentcontainer {
		width:980px;
		margin: 0px auto 0px auto;
		text-align:center;
		}

	
/* Section Title */
	.titlewhite {
		font-family : Arial Narrow, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 17px; 
		font-weight: bold;
		line-height: 22px;
		margin-right: 12px;
		position: relative;
	}
	
	.titleblack {
		font-family : Arial Narrow, Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 17px; 
		font-weight: bold;
		line-height: 22px;
		margin-right: 12px;
		position: relative;
	}
	
	.titleyellow {
		font-family : Arial Narrow, Arial, Helvetica, sans-serif;
		color: #FFFF00;
		font-size: 17px; 
		font-weight: bold;
		line-height: 22px;
		margin-right: 12px;
		position: relative;
	}
	
	.opacityit:hover img{
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	    -moz-opacity: 0.4;
	}

	.socialwhite {
	    position: absolute;
	    top: 2px;
	    left: 280px;
            color: #FFFFFF;

	}
	.socialblack {
	    position: absolute;
	    top: 2px;
	    left: 280px;
            color: #333333;
	}
	.socialyellow {
	    position: absolute;
	    top: 2px;
	    left: 280px;
            color: #FFFF00;
	}





/* Body Text Colours */
	.viewtxt {
		font-size: 11px; 
		line-height: 16px;
	}
	
	.viewtxtwhite {
		font-size: 11px; 
		line-height: 16px;
		color: #FFFFFF;
	}
	
	.viewtxtdarkblue {
		font-size: 11px; 
		line-height: 16px;
		color: #13007C;
	}
	
	.viewtxtyellow {
		font-size: 11px; 
		line-height: 16px;
		color: #FFFF00;
	}
		
	.txtred {
		color: #CC6600;
	}
	
	.txtwhite {
		color: #FFFFFF;
	}
	
	.txtdarkblue {
		color: #13007C;
	}
	
	.txtyellow {
		color: #FFFF00;
	}
	
	.thumbnailblue {
		color: #13007C;
		font-size: 11px;
		line-height: 16px;
	}
	
	.thumbnailyellow {
		color: #FFFF00;
		font-size: 11px;
		line-height: 16px;
	}
	
	.thumbnailblack {
		color: #333333;
		font-size: 11px;
		line-height: 16px;
	}
	
	
/* Indented Text */
	.txtimginfo { 
		margin-left: 8px; 
		margin-right: 8px;
		margin-top: 2px; 
		margin-bottom: 2px; 
	}
	
	.txtimginfowhite { 
		color: #FFFFFF;
		margin-left: 8px; 
		margin-right: 8px;
		margin-top: 2px; 
		margin-bottom: 2px; 
	}
	
	.txtindent8 { 
		margin-left: 8px; 
		margin-right: 8px;
	}
	
	.txtindent8white { 
		margin-left: 8px; 
		margin-right: 8px;
		color: #FFFFFF;
	}
	
	
/* Page Numbers */
	.pgnoblue { 
		font-size: 11px;
		line-height: 16px;
		color: #13007C;
		margin-left: 20px; 
		margin-right: 8px; 
	}
	
	.pgnowhite { 
		font-size: 11px;
		line-height: 16px;
		color: #FFFFFF;
	}
	
	.pgnoblack{ 
		font-size: 11px;
		line-height: 16px;
		color: #333333;
	}

	.selectedpgno { 
		font-size: 11px;
		line-height: 16px;
		font-weight : bold;
		color: #FFFF00;
	}
	
	.selectedpgnoblack { 
		font-size: 11px;
		line-height: 16px;
		font-weight : bold;
		color: #333333;
	}
	
	
/* Other */
	.small { 
		font-size: 10px;
	}
	
	.copyrightxt { 
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #75A3D1;
		font-size: 10px;
		line-height: 12px;
	}
	
		
/* Link Text */
	a:link {
		color: #CC6600;
		text-decoration: none;
	}
		
	a:visited {
		color: #CC6600;
		text-decoration: none;
	}
	
	a:active { 
		color: #CC6600;
		text-decoration: none;
	}
	
	a:hover { 
		color: #CC6600;
		text-decoration: underline;
	}


/* Copyright Link Text */
	a.copyright:link {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #75A3D1;
		text-decoration: none;
	}
		
	a.copyright:visited {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #75A3D1;
		text-decoration: none;
	}
	
	a.copyright:active { 
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #75A3D1;
		text-decoration: none;
	}
	
	a.copyright:hover { 
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #75A3D1;
		text-decoration: underline;
	}

	
/* White Link Text */
	a.linkwhite:link {
		color: #FFFFFF;
		text-decoration: none;
		font-weight : normal;
	}
		
	a.linkwhite:visited {
		color: #FFFFFF;
		text-decoration: none;
		font-weight : normal;
	}
	
	a.linkwhite:active { 
		color: #FFFFFF;
		text-decoration: none;
		font-weight : normal;
	}
		
	a.linkwhite:hover { 
		color: #FFFFFF;
		text-decoration: underline;
		font-weight : normal;
	}

	
	a.linkwhitebold:link {
		color: #FFFFFF;
		text-decoration: none;
		font-weight : bold;
	}
		
	a.linkwhitebold:visited {
		color: #FFFFFF;
		text-decoration: none;
		font-weight : bold;
	}
	
	a.linkwhitebold:active { 
		color: #FFFFFF;
		text-decoration: none;
		font-weight : bold;
	}
		
	a.linkwhitebold:hover { 
		color: #FFFFFF;
		text-decoration: underline;
		font-weight : bold;
	}
	
	
/* Black Link Text */
	a.linkblack:link {
		color: #333333;
		text-decoration: none;
	}
		
	a.linkblack:visited {
		color: #333333;
		text-decoration: none;
	}
	
	a.linkblack:active { 
		color: #333333;
		text-decoration: none;
	}
		
	a.linkblack:hover { 
		color: #333333;
		text-decoration: underline;
	}
	
	
	a.linkblack02:link {
		color: #333333;
		text-decoration: none;
	}
		
	a.linkblack02:visited {
		color: #333333;
		text-decoration: none;
	}
	
	a.linkblack02:active { 
		color: #333333;
		text-decoration: none;
	}
		
	a.linkblack02:hover { 
		color: #333333;
		text-decoration: none;
	}
	
	
	a.linkblack03:link {
		color: #333333;
		text-decoration: underline;
		font-weight : normal;
	}
		
	a.linkblack03:visited {
		color: #333333;
		text-decoration: underline;
		font-weight : normal;
	}
	
	a.linkblack03:active { 
		color: #333333;
		text-decoration: underline;
		font-weight : normal;
	}


/* Yellow Link Text */	
	a.linkyellow:link {
		color: #FFFF00;
		text-decoration: none;
		font-weight : normal;
	}
		
	a.linkyellow:visited {
		color: #FFFF00;
		text-decoration: none;
		font-weight : normal;
	}
	
	a.linkyellow:active { 
		color: #FFFF00;
		text-decoration: none;
		font-weight : normal;
	}
		
	a.linkyellow:hover { 
		color: #FFFF00;
		text-decoration: underline;
		font-weight : normal;
	}

	
	a.linkyellowbold:link {
		color: #FFFF00;
		text-decoration: none;
		font-weight : bold;
	}
		
	a.linkyellowbold:visited {
		color: #FFFF00;
		text-decoration: none;
		font-weight : bold;
	}
	
	a.linkyellowbold:active { 
		color: #FFFF00;
		text-decoration: none;
		font-weight : bold;
	}
		
	a.linkyellowbold:hover { 
		color: #FFFF00;
		text-decoration: underline;
		font-weight : bold;
	}
	
	
	a.linkyellow02:link {
		color: #FFFF00;
		text-decoration: underline;
		font-weight : normal;
	}
		
	a.linkyellow02:visited {
		color: #FFFF00;
		text-decoration: underline;
		font-weight : normal;
	}
	
	a.linkyellow02:active { 
		color: #FFFF00;
		text-decoration: underline;
		font-weight : normal;
	}

	
/* Dark Blue Link Text */	
	a.linkdblue:link {
		color: #13007C;
		text-decoration: none;
		font-weight : normal;
	}
		
	a.linkdblue:visited {
		color: #13007C;
		text-decoration: none;
		font-weight : normal;
	}
	
	a.linkdblue:active { 
		color: #13007C;
		text-decoration: none;
		font-weight : normal;
	}
		
	a.linkdblue:hover { 
		color: #13007C;
		text-decoration: underline;
		font-weight : normal;
	}

	
	a.linkdbluebold:link {
		color: #13007C;
		text-decoration: none;
		font-weight : bold;
	}
		
	a.linkdbluebold:visited {
		color: #13007C;
		text-decoration: none;
		font-weight : bold;
	}
	
	a.linkdbluebold:active { 
		color: #13007C;
		text-decoration: none;
		font-weight : bold;
	}
		
	a.linkdbluebold:hover { 
		color: #13007C;
		text-decoration: underline;
		font-weight : bold;
	}
	

	a.linkdblue02:link {
		color: #13007C;
		text-decoration: underline;
		font-weight : normal;
	}
		
	a.linkdblue02:visited {
		color: #13007C;
		text-decoration: underline;
		font-weight : normal;
	}
	
	a.linkdblue02:active { 
		color: #13007C;
		text-decoration: underline;
		font-weight : normal;
	}

/* Show image thumbnail icon on profile page */

 
.thumb {
                position: relative;
	   z-index: 0;
}

.PDF {
                width: 28px;
                height: 28px;
                display: block;
                position: absolute;
                top: -7px;
                left: -7px;
                background: url("/graphics/icons/pdf.gif") no-repeat;
	   z-index: 20;
}
.MOV {
                width: 28px;
                height: 28px;
                display: block;
                position: absolute;
                top: -7px;
                left: -7px;
                background: url("/graphics/icons/qt.gif") no-repeat; 
	   z-index: 20;
}
.SWF {
                width: 28px;
                height: 28px;
                top: -7px;
                left: -7px;
                display: block;
                position: absolute;
                background: url("/graphics/icons/flash.gif") no-repeat; 
	   z-index: 20;
}