/* CSS for Aberdeen College Blackboard Introduction Navigation and page styles */
/* Authored by S.Couper for Atlas Interactive 24/03/05 Copyright 2005 */

/* sets the body colour for the html pages */
body {background:#ffffff}

/* sets the dimensions etc for the content pages */
div#wrapper {
	position:relative;
	width:750px;
	height: 560px;
	background:#e2e2e2;
	border:0px solid #868686;
	margin:0px auto;
	padding:0px;
}
/* sets the dimensions etc for the content pages END */

/* sets the dimensions etc for the navigation bar */
div#nav {
	position:absolute;
	width: 750px;
	height: 35px;	
	background:#EEC68A;
	border:0px solid #EEC68A;
	left: 0px;
	top:555px;
	padding:0px;
}
/* sets the dimensions etc for the navigation bar END */

/* defines the navigation buttons */
div#buttone {
	position:absolute;
	width: 95px;
	height: 25px;	
	background:#EEC68A;
	border:0px solid #868686;
	left: 10px;
	top: 8px;
	padding:0px;
	}

div#butttwo {
	position:absolute;
	width: 95px;
	height: 25px;	
	background:#EEC68A;
	border:0px solid #868686;
	left: 118px;
	top: 8px;
	padding:0px;
	}
div#buttthree {
	position:absolute;
	width: 95px;
	height: 25px;	
	background:#EEC68A;
	border:0px solid #868686;
	left: 220px;
	top: 8px;
	padding:0px;
	}
div#buttfour {
	position:absolute;
	width: 95px;
	height: 25px;	
	background:#EEC68A;
	border:0px solid #868686;
	left: 325px;
	top: 8px;
	padding:0px;
	}
	
div#buttfive {
	position:absolute;
	width: 95px;
	height: 25px;	
	background:#EEC68A;
	border:0px solid #868686;
	left: 445px;
	top: 8px;
	padding:0px;
	}
div#buttsix {
	position:absolute;
	width: 95px;
	height: 25px;	
	background:#EEC68A;
	border:0px solid #868686;
	left: 549px;
	top: 8px;
	padding:0px;
	}
div#buttseven {
	position:absolute;
	width: 95px;
	height: 25px;	
	background:#EEC68A;
	border:0px solid #868686;
	left: 649px;
	top: 8px;
	padding:0px;
	}

div#buttexit {
	position:absolute;
	width: 85px;
	height: 27px;	
	background:#90B0AB;
	border:0px solid #90B0AB;
	left: 18px;
	top: 530px;
	padding:0px;
	}
/* defines the navigation buttons END */	
	
/* hides the "link border" on the navigation buttons */	
div#buttone  img {border:0;}
div#butttwo  img {border:0;}
div#buttthree  img {border:0;}
div#buttfour  img {border:0;}
div#buttfive  img {border:0;}
div#buttsix  img {border:0;}
div#buttseven  img {border:0;}
div#buttexit  img {border:0;}
/* hides the "link border" on the navigation buttons END */

/* defines the text styles and backgrounds for non swf pages */
div#chooseNavMain{
	position:relative;
	width:750px;
	height: 560px;
	border:0px solid #868686;
	margin:0px auto;
	padding:0px;
	background-image: url(../gfx/MenuPlain.jpg);	
}

div#chooseNavPurpose{
	position:relative;
	width:750px;
	height: 560px;
	border:0px solid #868686;
	margin:0px auto;
	padding:0px;
	background-image: url(../gfx/Menu3.jpg);	
}

div#chooseNavLinks{
	position:relative;
	width:750px;
	height: 560px;
	border:0px solid #868686;
	margin:0px auto;
	padding:0px;
	background-image: url(../gfx/Menu3.jpg);	
}
div#chooseNavVid{
	position:relative;
	width:750px;
	height: 560px;
	border:0px solid #868686;
	margin:0px auto;
	padding:0px;
	background-image: url(../gfx/Menu3.jpg);	
}
div#chooseNavVidPlayer{
	position:relative;
	width:750px;
	height: 560px;
	border:0px solid #868686;
	margin:0px auto;
	padding:0px;
		
}
div#chooseNavVidPlayerAccess{
	position:relative;
	width:750px;
	height: 560px;
	border:0px solid #868686;
	margin:0px auto;
	padding:0px;
	background-image: url(../gfx/Menu3.jpg);		
}
/* defines the text styles and backgrounds for non swf pages END */

/* defines the image for accessible video substutute page */
div#raImage{
	position:relative;
	width:242px;
	height: 279px;
	left: -120px;
	top: 140px;	
	border:0px solid;
	margin:0px auto;
	padding:0px;
	background:#F7E7C6;	
	background-image: url(../gfx/raBig.gif);		
}
/* defines the image for accessible video substutute pageEND */

/* defines the unordered list, substitute text and image for the video link */
div#vidPlayerLink {position:absolute; width:94px; height:94px;  background:transparent; margin:0; padding:0; left: 12px; top: 227px;}
div#vidPlayerLink ul {border:0; margin:0; padding:0; list-style-type:none; text-align:center; clear:left;}
div#vidPlayerLink ul li {display:block; float:left; text-align:center; padding:0; margin:0;}
div#vidPlayerLink ul li a {
	background:transparent; width:94px; height:94px; border:0; 
	padding:0; margin:0; color:transparent; text-decoration:none;
	display:block; text-align:center; font-weight:bold;
	letter-spacing:0px; line-height:0px; font-size:0px;  
	}
div#vidPlayerLink ul li {border-top:0px solid #999; padding:0;}	
div#vidPlayerLink ul li#oneswitch a {background:url(../gfx/ra.gif) no-repeat; text-indent:-999em;}	
html>#vidPlayerLink ul li a  {font-size:1px;}	
div#vidPlayerLink ul li a:hover {color:#333; background:#d4d4d4;}
div#vidPlayerLink a:active	{background:#eee; color:#333;}
/* defines the unordered list, substiture text and image for the video link END */

/* defines the "click to play here" text for the video link */
div#clickText{
position:absolute;
font-family: Arial, Helvetica, sans-serif;
top:325px;
left:22px;
font-size: 15px;
font-weight: bold;
color: #000000;
background: transparent;
}
/* defines the "click to play here" text for the video link END */

/* defines the single main menu button */
div#buttmain{
	position:absolute;
	width:82px;
	height: 25px;
	left:115px;
	top: 530px;	
	border:0px solid;
	margin:0px auto;
	padding:0px;
	background:#F7E7C6;
}
div#buttmain  img {border:0;}
/* defines the single main menu button END */

div#exitVideoBut{
	position:absolute;
	width:749px;
	height: 25px;		
	left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	background: #EEC68A;
}