/* CSS Document */

* {
    padding: 0;
    margin: 0;
}

a:link {
text-decoration:none;
color:#ffff00;

}

a:visited {
text-decoration:none;
color:#ffff00;
}

a:hover {
text-decoration:underline;
color:#ffff00;
}

a:active {
color:#ffff00;
}

.yellow a:link {
text-decoration:none;
color:#ffff00;
}

.yellow a:visited {
text-decoration:none;
color:#ffff00;
}

.yellow a:hover {
text-decoration:none;
color:#ffff00;
}

.yellow a:active {
color:#ffff00;
}

body {
background:#00133C;
font: .7em Verdana, Arial, sans-serif;
line-height: 1.5em;
text-align:justify;
min-width:1000px;
}

#top {
background:#00133C;
background:url(http://media.marjon.ac.uk/media/media/topback3.png);
background-repeat:no-repeat;
border-bottom:#243455;
border-bottom-width:1px;
border-bottom-style:solid;
margin: 0px auto;
padding-top: 85px;
width:975px;
}

/* this section controls the main navigation (e.g. home, about, news etc) */
#nav {
height:30px;
background-repeat:no-repeat;
position:relative;
}

.link {
width:100%;
float:left;
position:relative;
}

#link ul{
margin-left:0px;
list-style-type:none;
width:auto;
float:left;}

#link ul li{
text-align:left;
width:auto;
display:block;
float:left;
height:20px;
color:#b5b4b9;
}

#link ul li .currentsection {
color:#00FF00;
padding-left:100px;
background-color:#FF0000;
overflow:visible;
padding-bottom:50px;

}



#link ul li a{
display:block;
float:left;
color:#b5b4b9;
width:auto;
text-decoration:none;
padding:0px 16px 0 16px;
height:20px;
}


#link ul li a:hover{
color:#ffff00;
height:20px;
}

#link ul li a.currentbranch0{
background:#ffff00;
height:20px;
color:#00133C;
}



#link ul li a.currentbranch0:hover{
background:#ffff00;
height:20px;
color:#00133C;
}

/* footer */
#nav2 {
height:30px;
background-repeat:no-repeat;
position:relative;
}

.link2 {
width:100%;
float:left;
position:relative;
}

#link2 ul{
margin-left:0px;
list-style-type:none;
width:auto;
float:left;}

#link2 ul li{
text-align:left;
width:auto;
display:block;
float:left;
padding:0px 16px 0 16px;
height:20px;
}

#link2 ul li a{
display:block;
float:left;
color:#b5b4b9;
width:auto;
text-decoration:none;
}

#link2 ul li. currentbranch0{
display:block;
float:left;
color:#b5b4b9;
width:auto;
text-decoration:none;
padding:0px 16px 0 16px;
height:20px;
}


#link2 ul li a:hover{
color:#ffff00;
height:20px;
}

#link2 ul li a.current{
background:#ffff00;
height:20px;
color:#00133C;
}

#link2 ul li a.current:hover{
background:#ffff00;
height:20px;
color:#00133C;
}

/* start of main content stuff */
#container {
margin:0 auto;
width:975px;
padding-top:10px;
overflow:hidden;
font-weight:normal;
border-bottom:#243455;
border-bottom-width:1px;
border-bottom-style:solid;
color:#b5b4b9;
padding-bottom:10px;
}

.homecolumn1 {
width:465px;
padding-left:0px;
padding-right:20px;
padding-top:4px;
float:left;
height:auto;
}

.homecolumn2 {
width:485px;
padding-top:4px;
float:left;
height:auto;
}


#footer {
margin:0 auto;
width:975px;
font-weight:normal;
color:#b5b4b9;
padding-top:10px;
padding-bottom:20px;
}

#flashlogo {
float:right;
}

#coursecontainer {
width:100%;
margin-top:20px;
}

#coursecontainer2 {
width:100%;
margin-top:20px;
}

.course {
width:100%;
position:relative;
}

.hidden {
visibility:hidden;
}

.stuff {
width:50px;
}

img {
border-style:none;
float:left;
padding-right:10px;
}

/* the list of courses on homepage with roll-overs */
#course ul{
margin-left:0px;
list-style-type:none;
width:auto;
}

#course ul li{
text-align:left;
width:auto;
display:block;
margin-bottom:0px;
}

#course ul li a{
display:block;
color:#b5b4b9;
width:auto;
text-decoration:none;
height:45px;
padding: 3px 0px 3px 0px;

}


#course ul li a:hover{
color:#FFFFFF;
height:45px;
background-color:#122449;
}

#course ul li a.current{
background:#ffff00;
height:45px;
color:#00133C;
}

#course ul li a.current:hover{
background:#ffff00;
height:50px;
color:#00133C;
}

/* right column stuff on homepage */

#blurb {
width:100%;
padding: 0px 0px 10px 0px;
margin-bottom:14px;
border-bottom:#243455;
border-bottom-width:1px;
border-bottom-style:solid;
}

#newscontainer {
width:100%;
padding: 25px 0px 10px 0px;
border-bottom:#243455;
border-bottom-width:1px;
border-bottom-style:solid;
background-image:url(http://media.marjon.ac.uk/media/media/recent_news.png);
background-repeat:no-repeat;
background-position:0px 0%;
overflow:hidden;
}

#newscontainer a:link {
text-decoration:none;
color:#b5b4b9;
}

#newscontainer a:visited {
text-decoration:none;
color:#b5b4b9;
}

#newscontainer a:hover {
text-decoration:none;
color:#ffff00;
}

#newscontainer a:active {
color:#ffff00;
}

.story1 {
float:left;
width:237px;
padding: 0px 0px 0px 0px;
}

.story2 {
float:left;
width:224px;
}

.newsImg {
float:left;
margin-bottom:5px;
}

#recentworkcontainer {
width:100%;
margin-top:10px;
padding: 0px 0px 0px 0px;
}

#recentworkblurb {
background-image:url(http://media.marjon.ac.uk/media/media/recent_work.png);
background-repeat:no-repeat;
background-position:2px 0%;
margin-top:5px;
padding-top:25px;
float:left;
width:160px;
text-align:left;
}

#recentworklink {
margin-top:10px;
float:left;
}

#recentworkvideo {
float:right;
width:300px;
height:200px;
border-style:solid;
border-width:1px;
border-color:#243455;
margin-left:20px;
}    



/* the about page specific stuff */
.aboutcolumn1 {
width:680px;
padding-left:0px;
padding-right:20px;
padding-top:4px;
float:left;
height:auto;
}

.aboutcolumn2 {
width:270px;
padding-top:4px;
float:left;
height:auto;
}

#aboutdept {
width:680px;
float:left;
border-bottom:#243455;
border-bottom-width:1px;
border-bottom-style:solid;
padding-bottom:10px;

}

#aboutstaff_underintro {
padding-top:10px;
width:680px;
clear:left;
float:left;
min-height:242px;
height:auto;
}

#aboutstaff {
padding-top:10px;
width:680px;
clear:left;
float:left;
min-height:357px;
height:auto;
}

.staffimage {
float:left;
border-style:solid;
border-width:1px;
border-color:#243455;
padding-right:5px;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
margin-right:15px;
margin-bottom:15px;
width:185px;
background-color:#122449;
line-height:1.8em;
text-align:center;
}

#about ul{
margin-left:0px;
list-style-type:none;
width:auto;
}

#about ul li{
text-align:left;
width:auto;
display:block;
margin-bottom:1px;
}

#about ul li a{
display:block;
color:#b5b4b9;
width:auto;
text-decoration:none;
height:45px;
padding: 0px 0px 0px 0px;
}

#about ul li a:hover{
color:#FFFFFF;
height:45px;
background-color:#122449;
background-image:url(http://media.marjon.ac.uk/media/media/chevron2.png);
background-position:225px 20%;
background-repeat:no-repeat;
}

#about ul li a.current{
background:#122449;
height:45px;
color:#FFFFFF;
}

#about ul li a.current:hover{
background:#122449;
height:45px;
background-image:url(http://media.marjon.ac.uk/media/media/chevron2.png);
background-position:225px 20%;
background-repeat:no-repeat;
}

#about_big_bottom_link {
float:left;
border-style:solid;
border-width:1px;
border-color:#243455;
background-color:#122449;
min-height:43px;
height:auto;
width:680px;
}

.about_big_bottom_content1 {
float:left;
padding-left:50px;
width:290px;
min-height:43px;
background-image:url(http://media.marjon.ac.uk/media/media/icon_MS_about.png);
background-repeat:no-repeat;
}

.about_big_bottom_content2 {
float:left;
padding-left:50px;
width:290px;
min-height:43px;
background-image:url(http://media.marjon.ac.uk/media/media/icon_CW_about.png);
background-repeat:no-repeat;
}


/* news page style stuff */

.newscolumn1 {
float:left;
width:780px;
background-image:url(http://media.marjon.ac.uk/media/media/archived_news.png);
background-repeat:no-repeat;
background-position:1px 0;
padding-right:25px;
padding-top:5px;
padding-bottom:20px;
}

.newscolumn_recent {
float:left;
width:780px;
background-image:url(http://media.marjon.ac.uk/media/media/recent_news.png);
background-repeat:no-repeat;
background-position:1px 0;
padding-right:25px;
padding-top:5px;
padding-bottom:20px;
}

.newscolumn2 {
float:left;
width:170px;
background-image:url(http://media.marjon.ac.uk/media/media/news_archive.png);
background-repeat:no-repeat;
background-position:1px 0;
padding-top:20px;
}

.newsstory {
float:left;
width:780px;
padding-bottom:20px;
margin-top:20px;
border-bottom:#243455;
border-bottom-width:1px;
border-bottom-style:solid;
}

.newsImage {
float:left;
width:160px;
}

.newsHeading {
float:left;
width:auto;

}

.newsDate {
float:left;
width:auto;
padding-top:3px;
padding-left:15px;
}

.newsText {
float:left;
width:620px;
padding-top:5px;
}

#archive ul{
margin-left:0px;
list-style-type:none;
width:auto;
}

#archive ul li{
text-align:left;
width:auto;
display:block;
margin-bottom:1px;
}

#archive ul li a{
display:block;
color:#b5b4b9;
width:auto;
text-decoration:none;
height:20px;
padding: 2px 0px 0px 0px;
}

#archive ul li a:hover{
color:#FFFFFF;
height:20px;
background-color:#122449;
background-image:url(http://media.marjon.ac.uk/media/media/chevron2.png);
background-position:150px 50%;
background-repeat:no-repeat;
}

#archive ul li a.current{
background:#122449;
height:20px;
color:#FFFFFF;
}

#archive ul li a.current:hover{
background:#122449;
height:20px;
background-image:url(http://media.marjon.ac.uk/media/media/chevron2.png);
background-position:150px 50%;
background-repeat:no-repeat;
}

/* student work section layout etc */

.stu_leftcontainer {
float:left;
width:200px;
background-image:url(http://media.marjon.ac.uk/media/media/media_galleries.png);
background-position:1px 0%;
background-repeat:no-repeat;
padding-top:20px;
padding-bottom:20px;
}

.stu_rightcontainer {
float:left;
width: 775px;
min-height:334px;
height:430px;
}

.gallerymenuImg {
float:left;
width:auto;
height:auto;
margin-right:-5px;
margin-left:-5px;
padding-top:4px;
}

#gallerymenu ul{
margin-left:0px;
list-style-type:none;
width:auto;
}

#gallerymenu ul li{
text-align:left;
width:auto;
display:block;
margin-bottom:1px;
}

#gallerymenu ul li a{
display:block;
color:#b5b4b9;
width:auto;
text-decoration:none;
height:60px;
padding: 2px 0px 0px 0px;
}

#gallerymenu ul li a:hover{
color:#FFFFFF;
height:60px;
background-color:#122449;
background-image:url(http://media.marjon.ac.uk/media/media/chevron2.png);
background-position:180px 35%;
background-repeat:no-repeat;
}

#gallerymenu ul li a.current{
background:#122449;
height:60px;
color:#FFFFFF;
}

#gallerymenu ul li a.current:hover{
background:#122449;
height:60px;
background-image:url(http://media.marjon.ac.uk/media/media/chevron2.png);
background-position:180px 35%;
background-repeat:no-repeat;
}

/* the dark room / photo gallery section */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

.Pgallery a {color:#000;}
.Pgallery a:hover {text-decoration:none;}
.Pgallery a:visited {color:#000;}

/* slides styling */

.photo {width:635px; text-align:left; position:relative; margin:0;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#b5b4b9; text-decoration:none; border:1px solid #00133C; border-width:1px 1px 0 0; background:#122449;  font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#b5b4b9; background:#122449; /*color:#FF0000;*/}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#FFFFFF; background:#29395b;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:365px; background:#122449; width:720px; padding:10px 10px; border:5px solid #122449; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:365px; background:#29395b; width:720px; padding:10px 10px; border:5px solid #29395b; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:148px; height:180px; float:left; padding-right:15px; padding-left:15px; padding-bottom:10px; }

.photo ul.topic li ul li a
{display:block; width:148px; height:180px; /*cursor:default;*/ float:left; text-decoration:none; background:#444; /*border:1px solid #888;*/}

.photo ul.topic li ul li a img
{display:block; width:148px; height:180px; /*border:5px solid #eee;*/}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{width:148px; height:180px; cursor:pointer;}


.PhotoAuthor {
width:148px;
float:left;
color:#000000;
margin-top:-26px;
text-align:center;
font-weight:bold;

}

/* gallery for audio stuff and also the interactive gallery which looks the same */

.audio {width:635px; text-align:left; position:relative; margin:0;}

.audio ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.audio ul.topic li {display:block; width:125px; height:31px; float:left; }
.audio ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#b5b4b9; text-decoration:none; border:1px solid #00133C; border-width:1px 1px 0 0; background:#122449;  font-family:verdana, arial, sans-serif;}

.audio ul.topic li a ul, 
.audio ul.topic li ul 
{display:none;}

.audio ul.topic li.active a
{color:#b5b4b9; background:#122449; /*color:#FF0000;*/}

.audio ul.topic li a:hover,
.audio ul.topic li:hover a
{color:#FFFFFF; 
background:#29395b;

}

.audio ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:345px; background:#122449; width:720px; padding:20px 10px; border:5px solid #122449; z-index:1;}

.audio ul.topic li a:hover ul, 
.audio ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:345px; background:#29395b; width:720px; padding:20px 10px; border:5px solid #29395b; z-index:100;}

.audio ul.topic li ul li
{display:inline; width:330px; height:48px; float:left; padding-right:15px; padding-left:15px; padding-bottom:20px; border-style:1px solid; }

.audio ul.topic li ul li a
{display:block; width:330px; height:48px; /*cursor:default;*/ float:left; text-decoration:none; background:#444; border-style:1px solid; /*border:1px solid #888;*/}

.audio ul.topic li ul li a img
{display:block; width:48px; height:48px; margin-right:-5px; /*border:5px solid #eee;*/}

.audio ul.topic li a:hover ul li a:hover, 
.audio ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.audio ul.topic li a:hover ul li a:hover img, 
.audio ul.topic li:hover ul li a:hover img 
{width:48px; height:48px; cursor:pointer; margin-right:-5px;}


.AudioAuthor {
float:left;
width:152px;
/*margin-top:6px;*/
font-weight:bold;
cursor:pointer;
}

.AudioTitle {
cursor:pointer;

float:left;
width:270px;
}

.AudioPlayerBox {
float:left;
position:absolute;
top:263px;
left:69px;
width:600px;
height:100px;
border-style:solid;
border-width:1px;
border-color:#445E88;
border-top-style:none;
background-color:#000000;
}

#wrapper { 
float:left;
position:absolute;
top:263px;
left:69px;
width:600px;
height:100px;
border-style:solid;
border-width:1px;
border-color:#445E88;
border-top-style:none;
background-color:#000000;
}

#audioplayer {
background-color:#FF0000;
float:left;
position:absolute;
top:300px;
left:75px;
}

#placeholder1 {
background-color:#FF0000;
float:left;
position:absolute;
top:300px;
left:75px;
}

.titleAuthor {
position:absolute;
padding-left:5px;
padding-top:3px;
top:246px;
left:69px;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
color:#b5b4b9;
width:595px;
background-color:#000000;
border-top-width:1px;
border-top-style:solid;
border-top-color:#445E88;
border-left-width:1px;
border-left-style:solid;
border-left-color:#445E88;
border-right-width:1px;
border-right-style:solid;
border-right-color:#445E88;
border-bottom-style:none;
z-index:998;


}




/* gallery and player stuff for moving image (editing suite) */


.video {width:635px; text-align:left; position:relative; margin:0;}

.video ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.video ul.topic li {display:block; width:125px; height:31px; float:left; }
.video ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#b5b4b9; text-decoration:none; border:1px solid #00133C; border-width:1px 1px 0 0; background:#122449;  font-family:verdana, arial, sans-serif;}

.video ul.topic li a ul, 
.video ul.topic li ul 
{display:none;}

.video ul.topic li.active a
{color:#b5b4b9; background:#122449; /*color:#FF0000;*/}

.video ul.topic li a:hover,
.video ul.topic li:hover a
{color:#FFFFFF; 
background:#29395b;

}

.video ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:345px; background:#122449; width:750px; padding:20px 10px; border:5px solid #122449; z-index:1;}

.video ul.topic li a:hover ul, 
.video ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:345px; background:#29395b; width:750px; padding:20px 10px; border:5px solid #29395b; z-index:100;}

.video ul.topic li ul li
{display:inline; width:300px; height:48px; float:left; clear:left; padding-right:15px; padding-left:15px; padding-bottom:20px; border-style:1px solid; }

.video ul.topic li ul li a
{display:block; width:325px; height:48px; /*cursor:default;*/ float:left; text-decoration:none; background:#444; border-style:1px solid; /*border:1px solid #888;*/}

.video ul.topic li ul li a img
{display:block; width:48px; height:48px; margin-right:-5px; /*border:5px solid #eee;*/}

.video ul.topic li a:hover ul li a:hover, 
.video ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.video ul.topic li a:hover ul li a:hover img, 
.video ul.topic li:hover ul li a:hover img 
{width:48px; height:48px; cursor:pointer; margin-right:-5px;}


.VideoAuthor {
float:left;
width:152px;
/*margin-top:6px;*/
font-weight:bold;
cursor:pointer;
}

.VideoTitle {
cursor:pointer;

float:left;
width:270px;
}

.VideoPlayerBox {
float:left;
position:absolute;
top:44px;
left:361px;
width:400px;
height:300px;
border-style:solid;
border-width:1px;
border-color:#445E88;
border-top-style:none;
background-color:#000000;
}

#wrapper2 { 
float:left;
position:absolute;
top:44px;
left:361px;
width:400px;
height:300px;
border-style:solid;
border-width:1px;
border-color:#445E88;
border-top-style:none;
background-color:#000000;
}


#placeholder2 {
background-color:#FF0000;
float:left;
position:absolute;
top:300px;
left:75px;
}

.titleAuthor2 {
position:absolute;
padding-left:5px;
padding-top:3px;
padding-bottom:5px;
top:22px;
left:361px;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
color:#b5b4b9;
width:395px;
background-color:#000000;
border-top-width:1px;
border-top-style:solid;
border-top-color:#445E88;
border-left-width:1px;
border-left-style:solid;
border-left-color:#445E88;
border-right-width:1px;
border-right-style:solid;
border-right-color:#445E88;
border-bottom-style:none;
z-index:998;


}




/* heading styles and bits */
h1 {
font-size:1.3em;
font-family: Verdana, Arial, sans-serif;
margin-bottom:1px;
padding-top:6px;
}

h2 {
font-size:1.3em;
font-family: Verdana, Arial, sans-serif;
margin-bottom:1px;
padding-top:2px;
}

h3 {
font-size:1.0em;
font-family: Verdana, Arial, sans-serif;
margin-bottom:1px;
padding-top:4px;
}

h4 {
font-size:1.3em;
font-family: Verdana, Arial, sans-serif;
margin-bottom:1px;
padding-top:12px;
}

h5 {
font-size:1.3em;
font-family: Verdana, Arial, sans-serif;
margin-bottom:1px;
padding-top:12px;
font-weight:bold;
}



.chevron {
float:left;
position:absolute;
padding-top:3px;
width:15px;
height:8px;
}

.chevron2 {
float:left;
position:absolute;
padding-top:7px;
padding-left:5px;
width:15px;
height:8px;
}