/* CSS Document */

/*Sara P Robinson - 05270451*/

	  
body 		{
			font-family: trebuchet ms, Tahoma, Arial;
			font-size: 0.8em;
			}
/*Page Link behaviour*/
			
a:link {
		color:#330099; text-decoration: underline;
		 }
a:active {
		color: #cccccc; text-decoration: underline;
		 }

a:visited {
		color:#660066; text-decoration: underline;
		 }

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

/*Page Container*/

#container {
			margin-left:auto;
			margin-right:auto;
			width:780px;
			height:600px;
			border-top: none;
			background: transparent url(../images/Jungle35.jpg) no-repeat;
			}

/*Branding*/
			
#header h1 span {display:none;}

#header h1 {background: transparent url(../images/saralogotrans.png) no-repeat;
			height : 282px;
			width: 250px;
			 }

/*Further Heading styles*/
			 
h2, h3 		{background:#FFFFFF;
			width:450px;
			height:30px;
			padding:5px 0 5px 10px;
			font-family:Tempus Sans ITC, trebuchet, Tahoma, Arial;
			position:relative;
			left:-5px;
			top:-5px;		
			}
			
h3 span {display:none;}
/*To move the skip navigation link and style sheet links*/				
#access{	margin-left:auto;
			margin-right:auto;
			width:780px;}				

/* Navigation styling*/
			
#navigation a {
				line-height:20px;
				font-size:1.5em;
				font-family:Tempus Sans ITC, trebuchet, Tahoma, Arial;
								}
				
#navigation li{
				text-decoration:none;
				margin:10px 0 0 100px;
				}
				
/*Main Content styles*/			

#content_main {
				float:right;
				width:450px;
				padding: 5px;
				background: #b8b8b8;
				position:relative;
				top:-390px;
				margin-right:20px;
				min-height:300px;
			 }

/*To make the Main content DIV scrollable*/
			 
#content_main.scroll {
				float:right;
				width:450px;
				height:300px;
				overflow-x: hidden;
				overflow-y:scroll;
				overflow:-moz-scrollbars-vertical !important;				
				padding: 5px;
				background: #b8b8b8;
				position:relative;
				top:-390px;
				margin-right:20px;
			 }

/*To produce a 'pop up' abstract for the portfolio*/

#content_main ol li a:hover {
				background: #eee;
				}

#content_main ol li a span {
				display:none;
				}
				
#content_main ol li a:hover span.abstract {
				padding:5px;
				display:block;
				background:#ffffff;
				position:absolute;
				left:19em;
				top:5em;
				border:0px;
				font-size:0.9em;
				color:#000000;
				width:230px;
				}

/*Content Sub styling*/
						 
#content_sub	{
				float:right;
				width:450px;
				padding:5px;
				background:#b8b8b8;
				position:relative;
				top:-355px;
				margin-right:20px;
				min-height:150px;
				max-height:150px;
				}

/*to make the Sub Content scrollable*/
				
#content_sub.scroll {
				float:right;
				width:450px;
				height:150px;
				overflow-x: hidden;
				overflow-y:scroll;
				overflow:-moz-scrollbars-vertical !important;				
				padding: 5px;
				background: #b8b8b8;
				position:relative;
				top:-355px;
				margin-right:20px;
			 }

/*list item sty;ing just for content_sub*/
		 
#content_sub.scroll li {
						display:block;
						list-style:circle;}
			
	 							 
#content_sub li {
				list-style-type: none;
				margin: 5px;
				padding: 0;
				display: inline; min-width: 75px; background: #b8b8b8;
				}
				
		
/*Footer styling*/
	
#site_info {background-color:#000000;
			width:770px;
			clear: both;
			color:#FFFFFF;
			padding:10px 0 10px 10px;
			position:relative;
			top:-260px;
						}

/* Address Styling */
address { font-style: normal;}

/*Classes*/

.right {
		float:right;
		margin:5px;
		}
		
.rightcontact {
		float:right;
		margin:5px;
		position:relative;
		margin-top:-125px;
		}
		
.smallprint {
			font-size: 0.7em;
			color:#FFFFFF;
			}

/*different colours for the navigation list items for good contrast */			
.nav a:link {
		color:#ffffff; text-decoration: none;
		 }
.nav a:active {
		color: #cccccc; text-decoration: none;
		 }
.nav a:visited {
		color:#ffffff; text-decoration: none;
		 }
.nav a:hover {
		color: #ff3300; text-decoration: none;
		 }
		 
.active {color:#CCCCCC;
		font-family:Tempus Sans ITC, trebuchet, Tahoma, Arial;
		line-height:20px;
		font-size:1.5em;
		text-decoration:inherit;
		list-style-type:none;
		}
		
.active li {			
		margin:10px 0 0 100px;
		}
		

		
/*Sara P Robinson - 05270451*/