/*********************************************************
The Digital Knowledge Exchange

University of Teesside
Borough Road
Middlesbrough TS1 3BA
Tel:     +44 (0) 1642 38 42 87
Fax:     +44 (0) 1642 38 43 05
Email:   p.siedle@tees.ac.uk 
*************************************************************/

/* set some global values */
html *
{
    color: #ffffff;
    text-decoration:none;
    list-style-type: none;
    font-family:  verdana, arial, sans-serif;
    padding: 0;
    margin: 0;
}

body
{
	/* center content in page fix for IE */
    text-align:center;
	/* put the side image fixed to the browser window */
	background: no-repeat bottom left;
	/*background-attachment:fixed;*/
	/* the page background colour */
	background-color: #2e3e31;
}


p + p { margin-top: 6px; }


/* default link color settings */
a:link{color:white;}
a:visited{color:white;}
a:hover{color: yellow;}
a:active{color: yellow;}

/*******THIS DOESN'T WORK ***************/
/* alternate link colour class */

a.altLink:link{color:yellow;}
a.altLink:visited{color:yellow;}
a.altLink:hover{color:white;}
a.altLink:active{color:white;}/**/


/* make all the divs transparent so we can see the side image through them */
div *
{
    background-color: transparent;
}

/* a class to make things yellow */
.yellow
{
    color:yellow;
}

/* a class to make things lightgreen */
.lightgreen
{
    color:#9BAA9D;
}

.hide{
    color:#5a675d;
}

/* a class to make fonts heavier */
.heavier
{
    font-weight:700;
}




/*!!!!!!!! specify different font styles */
.font1
{
	font-family:  verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	
}

.font2
{
	padding: 10px;
	font-family:  verdana, arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
}

.font3
{
	font-family:  verdana, arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: yellow;
}

.font4
{
	font-family:  verdana, arial, sans-serif;
	font-size: 14px;
	font-style: italic; /*the <em> wrap inthe html does this anyway, but does no harm here */
}

.font5
{
	font-family:  verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 5px;
}

.font6
{
	font-family:  verdana, arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
}

.font7
{
	font-family:  verdana, arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	color: yellow;
}

.font8
{
	font-family:  verdana, arial, sans-serif;
	font-size: 18px;
}

.font9
{
	font-family:  verdana, arial, sans-serif;
	font-size: 11px;
	color: yellow;
}

.font10
{
	font-family:  verdana, arial, sans-serif;
	font-size: 11px;
	color: white;
}

.font11
{
	font-family:  verdana, arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	}

/* a class to draw a bottom border */
.bottom_border
{
	border-bottom: white solid thin;
	border-width: 1px;  /* IE doesn't recognise 'thin', so put 1 pixel width */
    
}

/* place the logo central to the page & pad it*/
#logo
{
    text-align: center;
    padding-top: 10px;
	padding-bottom: 15px;
}

#footer
{
    /*height: 40px;
	/*border: solid red; /* border to see it's position */
	width: 669px; /*!!!!!!!! the width of the content block */
	margin: auto; /* get the block centred */
	text-align: right; /* change to left, center or right, depending on your preference */
	padding-top: 20px;
	padding-bottom: 20px;
	
}

/* a div to contain the main info */
#content
{
    width: 669px; /*!!!!!!!! the width of the main content area with border to 3 sides */
    margin: auto;
    border-top: white thin solid;
    border-bottom: white thin solid;
	border-right: white thin solid;
	border-width: 1px;  /* IE doesn't recognise 'thin', so put 1 pixel width */
    text-align: left;
	/* state a position type, so we can now position it's children, ie the other columns & text within it */
	position: relative;
}

/* container for the menu items, we remove it from the html flow here.
So the main content's content (c_right) now determines the height of the main content area 
which draws the top, bottom & right border */
#c_left
{
    position: absolute;
	top: 0;
	left: 0;
}