a {color:#ffffff; text-decoration:underline;}
a:hover, visited {color:#cccccc; text-decoration:underline;}
p {}
#subjects {width:940px; float:left; background-color:#FFFFFF;}

#sublefttop {width:480px;  float:left;  z-index:100;}
#subrighttop {width:460px; float:right;  z-index:-999; }

.tutorimage {float:right; }

#subleftbottom {width:460px;  float:left; }
#subrightbottom {width:460px; float:right; }

#bottom-a {width:460px; float:left; background-color:#000000; }
#trans {width:260px; color:#efefef; padding:10px; background-image:url(http://www.deeside.ac.uk/img/blacktransback.png);
}

#studentviewtitle {width:260px; color:#efefef; padding:10px;background-image:url(http://www.deeside.ac.uk/img/darkblacktransback.png);}

#arrowdown {background:none; position:absolute; margin-left:420px; display:inline;}

#bottom-b {width:220px;  float:left;background-color:#68bcce;padding-right:10px; padding-bottom:10px; padding-top:10px;}
#bottom-b p { padding:10px; background-image:url(http://www.deeside.ac.uk/img/whitetransback.png); color:#000000; width:160px; margin-top:10px;}

#bottom-c {width:220px; height:225px; float:left;background-color:#FFCC00;padding:10px;}
#bottom-d {width:210px; height:245px; float:left;background-color:#479aac; padding:10px;}
#bottom-d p {color:#fff; font-style:italic; font-size:14px;}

#relatedsubjects {float:left; width:460px; background-color:#03399d; padding:10px; color:#ffffff;}
#relatedsubjects a {color:#ffffff; text-decoration:underline;}
#relatedsubjects a:hover, visited {text-decoration:underline; color:#cccccc;}

#introtext {width:460px; padding:10px; height:auto; padding-bottom:20px;}
#courses {width:460px; padding:10px;}
#transcourses {width:460px; height:260px; color:#efefef; background: #000;  opacity: 0.70; padding:10px; 
  -moz-opacity: 0.70; /* older Gecko-based browsers */
  filter:alpha(opacity=70); /* For IE6&7 */
}
#moreinfo {width:460px;  background-color:#064ed3; padding:10px; color:#FFFFFF; }
#moreinfo a {color:#ffffff; text-decoration:underline;}
#moreinfo a:hover, visited {text-decoration:underline; color:#cccccc;}

#didyouknow {width:460px;  background-color:#03399d; padding:10px; color:#FFFFFF;  }
#applycoursenow {width:460px;  height:210px; background-color:#3f7def; padding:10px;color:#FFFFFF;  }

#applyleft {float:left; width:139px; height:160px; border-right:1px #6898f0 solid;padding-right:10px;}
#applymid {float:left; width:139px;height:160px; border-right:1px #6898f0 solid; padding-left:10px;padding-right:10px;}
#applyright {float:left; width:139px;height:160px; padding-left:10px;}

#getflash {width:75%; margin:0 auto; background: #000;  opacity: 0.30; 
  -moz-opacity: 0.30; /* older Gecko-based browsers */
  filter:alpha(opacity=30); color:#FFFFFF; padding:10px; text-align:center;}
  #getflash a {color:#FFFFFF;}

h1 {font-size:32px;  color:#FFFFFF;  margin-bottom:10px!important; margin-top:2px!important; line-height:34px!important; font-weight:normal!important; letter-spacing:-1px!important;}
h2 {font-size:14px;  color:#006892; color:#FFFFFF; letter-spacing:-0.5px; line-height:100%; }
h3 {font-size:24px;   padding-top:10px; color:#FFFFFF; font-weight:normal;}
h4 {font-size:22px;  color:#FFFFFF; padding-bottom:0px;font-weight:normal;}
h5 {font-size:22px;   padding-top:10px; color:#FFFFFF;font-weight:normal; }
p {font-size:11px;}

#subjectvideo {background-color:#ffffff; z-index:-999!important;}

/*TABLE*/
#table {	font-size: 85%;	width: 460px;	text-align: left;	border-collapse:collapse;  }
#table th {	font-weight: normal;	padding: 5px;		border-bottom: 1px solid #efefef;	color:#FFFFFF; font-weight:bold;}
#table td {	padding: 5px;	border-bottom: 1px solid #efefef;	color:#FFFFFF;	border-top: 1px solid transparent;}
#table tr:hover td {	background: #000;  opacity: 0.30; 
  -moz-opacity: 0.30; /* older Gecko-based browsers */
  filter:alpha(opacity=30); /* For IE6&7 */	color: #ffffff;}

/*END OF TABLE*/

		.panel h2.title { display:none; }
	noscript div { background: #ccc; border: 1px solid #900; margin: 0px 0; padding:0px; }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px; }
	.coda-slider { background: #9e1357; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 288px; overflow: auto !important; padding-right: 20px; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width:460px; height:288px;} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 460px; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0px; }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { display:none;}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #9e1357;-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; }
.coda-nav ul li a.current:hover {background: #9e1357;}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px;width:460px; height:280px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 0px; text-align: center; }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; overflow: hidden; width:460px!important;   }
	.coda-nav ul li { display: inline; }
	.coda-nav ul li a { background: #000; color: #fff; font-size:11px; display: block; float: left; margin-right: 0px; margin-left:5px; padding: 6px 10px; text-decoration: none; }
	.coda-nav ul li a:hover {background: #5a0730;-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; }
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto;background-color:#000; padding-top:5px; }
	.coda-slider { float: left; overflow: hidden; position: relative;}
	.coda-slider .panel { display: block; float: left; }
	.coda-slider .panel-container { position: relative; }
	.coda-nav-left, .coda-nav-right { float: left; display:none;}
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; display:none;}