/* CSS Document for TheGlasgowStory */
/* Tableless layout created by Scott Graham */
/* scott.graham@strath.ac.uk */

/*************************************/
/**** Basic Structure and colours ****/
/*************************************/
	
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-style: normal;
		line-height: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		color: #000000;
		text-decoration: none;
		background-color:#F3F3F3;
		margin: 0px;
		padding: 0px;
	}
	
	.hide {display: none; height: 0px; margin: 0px; padding: 0px; font-size: 0px;}
	
	h3 {font-size: 100%; margin: 0px; padding: 0px;}
	
	#titlehead	{height: 50px; display: block; border-bottom: 1px solid #6693BC;  border-top: 1px solid #000000; background-color:#6693BC; z-index:5; margin: 0px; padding: 0px;}
	#titlelogo	{height: 100px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; background-color:#6693BC; z-index:1; display: block; width: 100%;}
	#titlenav	{border-bottom: 1px solid #000000; background-color:#6693BC; z-index:5;}
	
	#contentleft	{width: 23%; float: left;}
	#contentmain	{width: 58%; float: left;}
	#contentright	{width: 19%; float: left; clear:right;}
	
	#essay {border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; background-color:#ffffff;}
	
	#spacer {height: 30px;}
	
	#footer	{border-bottom: 1px solid #000000; border-top: 1px solid #000000;}

/*************************************/
/********** Design Elements **********/
/*************************************/



/*************************************/
/****** title box - navigation *******/
/*************************************/
	#titlehead h1{
		margin: 0px;
		padding: 0px;
		font-size: 0px;
	}
	#titlehead h1 a{
		width: 334px;
		height: 43px;
		display: block;
		cursor: pointer;
		background-image:url(/graphics/logo.gif);
		background-repeat:no-repeat;
		z-index:6;
		margin: 3px 0px 0px 0px;
		padding: 0px;
		font-size: 0px;
		text-decoration: none;
		color: #6693BC;
	}
	
	#titlenav #nav {
		padding: 5px 0px 0px 5px;
		margin: 0px 0px 0px 0px;
	}
	#titlenav #nav ul {
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
	}
	
	#titlenav #nav ul li{
		list-style-type: none;
		display: inline;
	}
	
	.navspacer {
		clear: both; 
		height: 12px; 
		overflow:hidden;
	}
	
	#titlenav #nav ul li a{
		padding: 4px;
		margin: 0px;
		border: 1px solid #6693BC;
		border-bottom: 8px solid #6693BC;
		color: #FFFFFF;
		text-decoration: none;

	}
	#titlenav #nav ul li a:hover, #titlenav #nav ul li a:active{
		padding: 4px;
		margin: 0px;
		border: 1px solid #000000;
	/*	border-bottom: 8px solid #CC3300; */
		color: #000000;
		background-color:#FFFFFF;
	}
	#titlenav #nav ul li .active{
		padding: 4px;
		margin: 0px;
		border: 1px solid #000000;
		border-bottom: 8px solid #CC3300; 
		color: #000000;
		background-color:#FFFFFF;
	}
	#titlenav #nav ul li .divider {
		border-left: 1px ridge #ffffff;
	}

/*************************************/
/********** Side bars ****************/
/*************************************/
	.sideheader, .sidesubheader {
		font-weight: bold;
		border-bottom: 1px solid #000000;
		padding: 2px;
		background-color: #E6E6E6;
		text-align: left;
	}
	.sidesubheader {
		border-top: 1px solid #000000;
	}
	.sideheaderlink a{
		font-weight: bold;
		border-top: 1px solid #000000;
		padding: 2px;
		background-color: #E6E6E6;
		text-align: left;
		display: block;
		color: #000000;
		text-decoration: none;
		background-color: #E6E6E6;
	}
	.sideheaderlink a:active{
		font-weight: bold;
		border-top: 1px solid #000000;
		padding: 2px;
		background-color: #E6E6E6;
		text-align: left;
		display: block;
		color: #CC3300;
		text-decoration: none;
		background-color: #F3F3F3;
	}
	.sideheaderlink a:hover{
		color: #CC3300;
		background-color: #F3F3F3;
	}
	#fimage {
		padding: 2px;
		margin: 0px;
		font-size: smaller;
		color:#6693BC;
		text-align:center;
	}
	#fimage a{
		color:#6693BC;
		text-decoration: none;
	}
	#fimage a:hover, #fimage a:active{
		color:#CC3300;
		text-decoration: underline;
	}
	#fimage a img{
		border: 1px solid #6693BC;
	}
	#fimage a:hover img, #fimage a:active img{
		border: 1px solid #CC3300;
	}
	#oimage {
		padding: 2px;
		margin: 0px;
		font-size: smaller;
		color:#6693BC;
		text-align:center;
	}
	#oimage a{
		color:#6693BC;
		text-decoration: none;
	}
	#oimage a:hover, #fimage a:active{
		color:#CC3300;
		text-decoration: underline;
	}
	#oimage a img{
		border: 1px solid #6693BC;
	}
	#oimage a:hover img, #fimage a:active img{
		border: 1px solid #CC3300;
	}
	#cimage {
		padding: 2px;
		margin: 0px;
		font-size: smaller;
		color:#6693BC;
		text-align:center;
	}
	#branding {
		text-align: center;
		margin: 0px auto 0px auto;
	}
	#branding ul {
		margin: 0px auto 0px auto;
		padding: 0px;
	}
	#branding ul li {
		list-style-type: none;
	}
	#branding ul li .nof {
		margin: 0px auto 0px auto;
		width: 137px;
		height: 82px;
		display: block;
		background-image:url(/graphics/nof.gif);
		cursor: pointer;		
	}
	#branding ul li .enrich {
		margin: 0px auto 0px auto;
		width: 137px;
		height: 52px;
		display: block;
		background-image:url(/graphics/enrich.gif);
		cursor: pointer;
	}
	#secnav {
		margin: 0px;
		padding: 0px;
	}
	#secnav ul {
		margin: 0px;
		padding: 0px;
	}
	#secnav ul li{
		list-style-type: none;
		margin: 0px;
		padding: 0 0 0 0px;
		border-bottom: 1px solid #000000;		
	}
	#secnav ul li ul{
		margin: 0 0 0px 0;
		clear:both;
	}
	#secnav ul li ul li{
		list-style-type: none;
		margin: 0px;
		padding: 0 0 0 0px;
		border-bottom: 0px solid #000000;	
		border-top: 1px solid #999999;	
	}
	#secnav ul li .theme{
		display: block;
		margin: 0px;
		padding: 2px 0px 4px 20px;
		text-decoration: none;
		background-image:url(/graphics/secnav_off.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		color: #6693BC;
		background-color: #F3F3F3;
	}
	#secnav ul li .theme:hover, #secnav ul li .theme:active, #secnav ul li .themeactive{
		display: block;
		margin: 0px;
		padding: 2px 0px 4px 20px;
		text-decoration: none;		
		background-image:url(/graphics/secnav_on.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-color: #6693BC;
		color: #F3F3F3;
	}
	#secnav ul li .topic{
		display: block;
		margin: 0px;
		padding: 0px 0px 0px 35px;
		text-decoration: none;
		background-image:url(/graphics/secnav_2_off.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-color: #FFFFFF;
		color: #000000;
	}
	#secnav ul li .topic:hover, #secnav ul li .topic:active, #secnav ul li .topicactive{
		display: block;
		margin: 0px;
		padding: 0px 0px 0px 35px;
		text-decoration: none;
		background-image:url(/graphics/secnav_2_on.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-color:#CC3300;
		color: #FFFFFF;
	}
	#quicksearch {
		text-align: center;
	}
	#quicksearch form{
		margin: 0 auto 5px auto;
		padding: 0px;
	}
	#quicksearch .qsearchbox {
		width: 130px;
		margin: 2px 0px 2px 0px;
		background-color:#FFFFFF;
		border: 1px solid #6693BC;
	}
	#photoalbum {
		padding: 2px;
	}
	#photoalbum p{
		padding: 0px;
		margin: 6px 0px 6px 0px;
	}
	#photoalbum a {
		color: #CC3300;
		text-decoration: none;
	}
	#photoalbum a:hover, #photoalbum a:active {
		color: #000000;
		text-decoration: underline;
	}
	#login {
		padding: 2px;
		text-align: center;
		color: #000000;
	}
	#login span {
		width: 80px;
		text-align: right;
		margin: 0 2px 0 0;
	}
	#login a{
		color: #CC3300;
		text-decoration: none;
	}
	#login a:hover, #login a:active{
		color: #000000;
		text-decoration: underline;
	}
	#login form {
		margin: 0 auto 0 auto;
		font-size: smaller;
		font-weight: bold;
	}
	#login form .loginbox{
		width: 70px;
		margin: 2px 0px 2px 0px;
		background-color:#FFFFFF;
		border: 1px solid #6693BC;
	}
	#otheroptions ul {
		margin: 5px 0 0 0;
		padding: 0px;
	}
	#otheroptions ul li {
		list-style-type: none;		
		margin: 0px;
		padding: 0px;
	}
	#otheroptions ul li a {
		color: #CC3300;
		padding: 0px 0px 0px 25px;
		text-decoration: none;
		background-image:url(/graphics/rhs_bullet_off.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	#otheroptions ul li a:hover, #otheroptions ul li a:active {
		color: #000000;
		text-decoration: underline;
		background-image:url(/graphics/rhs_bullet_on.gif);
	}
	
/*************************************/	
/******** Main Content Space *********/
/*************************************/
	
	.mainheader {
		font-weight: bold;
		border-bottom: 1px solid #000000;
		padding: 2px;
		background-color: #F3F3F3;
	}
	#contentbox {
		padding: 2px;
	}
	#subheaders {
		padding: 2px;
	}
	#subheaders h4 {
		font-size: 100%; 
		margin: 5px 0 0 0; 
		padding: 0px;
	}
	#subheaders h4 a{
		color: #CC3300;
		text-decoration: none;
	}
	.ssh {
		text-align:center;
	}
	.ssh h5 {
		font-size: 100%;
		font-style: bold;
		margin: 0px;
		padding: 0px;
	}
	#subheaders h4 a:hover, #subheaders h4 a:active {
		text-decoration: underline;
		color: #000000;
	}
	#contentbox a img{
		border: 1px solid #CC3300;
	}
	#contentbox a {
		color: #CC3300;
		text-decoration: none;
	}
	#contentbox a:hover img, #contentbox a:active img{
		border: 1px solid #000000;
	}
	#contentbox a:hover, #contentbox a:active {
		color: #000000;
		text-decoration: none;
	}
	#essayinfo {
		border-top: 1px dotted #6693BC;
		padding: 3px;
		text-align: center;
	}
	#essayinfo ul {
		margin: 0px 0px 0px 10px;
		padding: 0px;
	}
	#essayinfo ul li{
		list-style-type: none;
		display: inline;
		padding: 0px 0px 0px 0px;
		margin: 0px 20px 0px 0px;
	}
	#essayinfo ul li .top{
		font-size: smaller;
		font-weight: bold;
		color: #6693BC;
		padding: 0px 0px 0px 17px;
		background-image:url(/graphics/top.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	#essayinfo ul li .print{
		font-size: smaller;
		font-weight: bold;
		color: #6693BC;
		padding: 0px 0px 0px 17px;
		background-image:url(/graphics/print.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	#essayinfo ul li .top:hover, #essayinfo ul li .top:active{
		font-size: smaller;
		font-weight: bold;
		color: #CC3300;
		text-decoration: underline;
		padding: 0px 0px 0px 17px;
		background-image:url(/graphics/top-a.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	#essayinfo ul li .print:hover, #essayinfo ul li .print:active{
		font-size: smaller;
		font-weight: bold;
		color: #CC3300;
		text-decoration: underline;
		padding: 0px 0px 0px 17px;
		background-image:url(/graphics/print-a.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	#essayinfo ul li .imgsrch{
		font-size: smaller;
		font-weight: bold;
		color: #6693BC;
		padding: 0 0 0 19px;
		background-image:url(/graphics/search.gif);
		background-repeat: no-repeat;
		background-position: bottom left;

	}
	#essayinfo ul li .imgsrch:hover, #essayinfo ul li .imgsrch:active{
		font-size: smaller;
		font-weight: bold;
		color: #CC3300;
		text-decoration: underline;
		background-image:url(/graphics/search-a.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	#moreinfo {
		padding: 3px;
		border-top: 1px dotted #6693BC;
		text-align: center;
	}
	#moreinfo ul {
		margin: 0px 0px 0px 10px;
		padding: 0px;
	}
	#moreinfo ul li{
		list-style-type: none;
		display: inline;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	#moreinfo ul li .divider {
		border-left: 1px ridge #6693BC;
	}
	#moreinfo ul li .pp{
		font-size: smaller;
		font-weight: bold;
		color: #6693BC;
	}
	#moreinfo ul li .pp:hover, #moreinfo ul li .pp:active{
		font-size: smaller;
		font-weight: bold;
		color: #CC3300;
		text-decoration: underline;
	}
	#moreinfo ul li .np{
		font-size: smaller;
		font-weight: bold;
		color: #6693BC;
		margin: 0 25px 0 0;
	}
	#moreinfo ul li .np:hover, #moreinfo ul li .np:active{
		font-size: smaller;
		font-weight: bold;
		color: #CC3300;
		text-decoration: underline;
	}
	#moreinfo ul li .freading{
		font-size: smaller;
		font-weight: bold;
		color: #6693BC;
		padding: 0px 0px 0px 17px;
		margin: 0 110px 0 0;
		background-image:url(/graphics/read.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	#moreinfo ul li .freading:hover, #moreinfo ul li .freading:active{
		font-size: smaller;
		font-weight: bold;
		color: #CC3300;
		text-decoration: underline;
		padding: 0px 0px 0px 17px;
		background-image:url(/graphics/read-a.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	#imageinfo {
		padding: 3px;
		border-bottom: 1px dotted #6693BC;
		text-align: center;
		margin: 2px 0 5px 0;
	}
	#imageinfo ul {
		margin: 0px 0px 0px 10px;
		padding: 0px;
	}
	#imageinfo ul li{
		list-style-type: none;
		display: inline;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	#imageinfo ul li .divider {
		border-left: 1px ridge #6693BC;
	}
	#imageinfo ul li a{
		font-size: smaller;
		font-weight: bold;
		color: #6693BC;
	}
	#imageinfo ul li a:hover, #imageinfo ul li a:active{
		font-size: smaller;
		font-weight: bold;
		color: #CC3300;
		text-decoration: underline;
	}
	#image img {
		border: 1px solid #6693BC;
	}
	#image {
		text-align: center;
	}
	#imagecaption {
		border-top: 1px dotted #6693BC;
		padding: 3px;
		text-align: center;
	}
	#imagecaption p {
		text-align: left;
	}
	#imagecaption ul {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	#imagecaption ul li{
		list-style-type: none;
		display: inline;
		padding: 0px 0px 0px 0px;
		margin: 0px 20px 0px 0px;
	}
	#imagecaption ul li .top{
		font-size: smaller;
		font-weight: bold;
		color: #6693BC;
		padding: 0px 0px 0px 17px;
		background-image:url(/graphics/top.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	#imagecaption ul li .top:hover, #imagecaption ul li .top:active{
		font-size: smaller;
		font-weight: bold;
		color: #CC3300;
		text-decoration: underline;
		padding: 0px 0px 0px 17px;
		background-image:url(/graphics/top-a.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
	}


/*************************************/
/************ Essay Stuff ************/
/*************************************/

	.imageleft {
		margin: 0px 10px 10px 5px;
		border: 1px solid #000000;
	}
	a:hover .imageleft, a:active .imageleft {
		margin: 0px 10px 10px 5px;
		border: 1px solid #00FF00;
	}
	.imageright {
		margin: 0px 5px 10px 10px;
		border: 0px;		
	}

	
/*************************************/
/********** Image Gallery ************/
/*************************************/
	
	.frame {
		background-color: #EEEEEE;
		text-align: center;
		margin: 2px;
		padding: 2px;
		float: left;
		width: 130px;
		height: 200px;
		overflow: hidden;
		border: 1px solid #666666;
	}
	.frame a .thumb {
		margin: 0px;
		padding: 0px;
		border: 1px solid #000000;
	}
	.frame a{
		margin: 0px;
		padding: 0px;
		color: #000000;
	}
	#galinfo {
		padding: 3px;
		margin: 5px 0 0 0 ;
		border-top: 1px dotted #6693BC;
		text-align: center;
		display: block;
	}
	#galinfo ul {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	#galinfo ul li{
		list-style-type: none;
		display: inline;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	#galinfo ul li .divider {
		border-left: 1px ridge #6693BC;
	}
	#galinfo ul li a{
		font-size: smaller;
		font-weight: bold;
		color: #6693BC;
	}
	#galinfo ul li a:hover, #galinfo ul li a:active{
		font-size: smaller;
		font-weight: bold;
		color: #CC3300;
		text-decoration: underline;
	}

/*************************************/
/************* Footer ****************/
/*************************************/

	#footer ul{
		margin: 0px;
		padding: 0px;
	}
	#footer ul li{
		margin: 0px;
		padding: 0px;
		display: inline;
		padding: 2px 3px 2px 0px;
	}
	#footer ul li .divider {
		border-left: 1px ridge #000000;
	}
	#footer ul li a {
		color: #000000;
		text-decoration: none;
	}
	#footer ul li a:hover, #footer ul li a:active {
		color: #CC3300;
	}

/*************************************/
/************ Controls ***************/
/*************************************/
	
	#controls {
		position: absolute;
		right: 5px;
		top: 10px;
		padding: 0px;
		margin-right: 0px;
		margin-left: auto;
		text-align: right;
		width: 400px;
	}
	#controls ul {
		margin-right: 0px;
		margin-left: auto;
	}
	#controls ul li{
		list-style-type: none;
		display: inline;
	}
	#controls ul li a{
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: none;
	}
	#controls ul li a:hover, #controls ul li a:active{
		color: #000000;
	}
	#controls ul li .divider {
		border-left: 1px ridge #ffffff;
	}

/*************************************/
/************ LogoLayer **************/
/*************************************/
	
	#logolayer {
		position:absolute; 
		left:0px; 
		top:1px; 
		width:397px; 
		height:112px; 
		z-index:4;

	}
	#logolayer a {
		background-image: url(/graphics/logobg_00.gif);
		background-repeat: no-repeat;
		background-position: left top;
		cursor:pointer;
		display: block;
		width:397px; 
		height:112px; 
	}
	#logolayer span {
		display: none;
		font-size: 0px;
		margin: 0px;
		padding: 0px;
	}

/*************************************/
/********* Advanced Search ***********/
/*************************************/

	.searchpd {
		width: 350px;
	}
	.searchpdp {
		width: 357px;
		font-size: 9px;
	}
	.searchtable {
	}
	
// ENDS