*		/* Sets all elements to have no margin or padding */
{
	margin: 0 ;
	padding: 0 ;
}

body		/* Sets background colour and applies to entire screen */
{
	width: 100% ;
	height: 100% ;
	background-color: #FFFFFF ;
	font-family: Arial, Verdana, Helvetica, 'sans serif' ;
	scrollbar-base-color: #DBACAF ;
}

#wrapper	/* Sets width of the site and centres on page */
{
	display: block ;
	position: relative ;
	margin: 5px auto;
	background-color: #FFFFFF ;
	width: 1000px ;
	min-width: 1000px ;
	height: auto ;
	z-index: 1 ;
}

#header		/* Absolutely positions the header to the top left corner of the wrapper. Z-index must be higher than #wrapper, lower than #nav */
{
	display: block ;
	position: absolute ;
	top: 0px ;
	left: 0px ;
	background: #FFFFFF url(http://www.tcells.org/scientific/images/header.gif) no-repeat top left ; 
	width: 1000px ;
	height: 200px ;
	z-index: 10 ;
}

#nav		/* Absolutely sets navigation element to the top left of the wrapper. Z-index must be high to ensure on top. */
{
	list-style: none ; 
	height: 36px ; 
	background: url(http://www.tcells.org/scientific/images/background.gif) repeat-x ; 
	position: absolute ;
	top: 0px ;
	left: 0px ;
	z-index: 500 ;
	width: 1000px ;
}

#contents	/* Relative position of contents below the header. Margin-top sets how low down the page the contents appears. If height of header changes so to must margin-top */
{
	position: relative ;
	display: block ;
	float: left ;
	margin-top:  200px ;
	width: 730px ;
	height: auto ;
	min-width: 730px ;
	min-height: 350px ;
	text-align: justify ;
	background-color: #FFFFFF ;
	padding: 10px ;
}

#right_column
{
	position: relative ;
	display: block ;
	float: right ;
	margin-top: 200px ;
	width: 240px ;
	height: auto ;
	min-width: 240px ;
	min-height: 330px ;
	background-color: #FFFFFF ;
	padding: 10px 5px ;
	text-align: justify ;
}

#footer
{
	position: relative ;
	display: block ;
	clear: both ;
	width: 1000px ;
	min-width: 1000px ;
	height: auto ;
	min-height: 30px ;
	background-color: #EEECEC ;
}

/* Navigation */
.preload1
{
	background: url(http://www.tcells.org/scientific/images/menu.gif) ;
}

.preload2
{
	background: url(http://www.tcells.org/scientific/images/drop_hover.gif) ;
}

#navigation li.top 
{
	display: block ; 
	float: left ; 
	height: 36px ;
}

#navigation li a.top_link 
{
	display: block ; 
	float: left ; 
	height: 35px ; 
	line-height: 33px ; 
	color: #CCCCCC ; 
	text-decoration: none ; 
	font-size: 11px ; 
	font-weight: bold ; 
	padding: 0 0 0 10px ; 
	cursor: pointer ;
	background: url(http://www.tcells.org/scientific/images/background.gif);
}

#navigation li a.top_link span 
{
	float: left ; 
	display: block ; 
	padding: 0 12px 0 5px ; 
	height: 35px ; 
	background: url(http://www.tcells.org/scientific/images/background.gif) right top no-repeat ;
}

#navigation li a.top_link span.down 
{
	float: left ; 
	display: block ; 
	padding: 0 20px 0 5px ; 
	height: 35px ; 
	background: url(http://www.tcells.org/scientific/images/drop_menu.gif) no-repeat right top ;
}

#navigation li:hover a.top_link 
{
	color: #FFFFFF ; 
	background: url(http://www.tcells.org/scientific/images/menu.gif) no-repeat ;
}

#navigation li:hover a.top_link span 
{
	background: url(http://www.tcells.org/scientific/images/menu.gif) no-repeat right top ;
}

#navigation li:hover a.top_link span.down 
{
	background: url(http://www.tcells.org/scientific/images/drop_hover.gif) no-repeat right top ;
}


/* Default list styling */

#navigation li:hover 
{
	position: relative ; 
	z-index: 200 ;
}

#navigation li:hover ul.drop
{
	left: 1px ; 
	top: 36px ; 
	background: #DBACAF ; 
	padding: 3px 5px 3px 5px ; 
	border: 1px solid #5C731E ;
	white-space: nowrap ; 
	width: auto ; 
	height: auto ;
	z-index: 300 ;
}

#navigation li:hover ul.drop li
{
	display: block ; 
	height: 20px ; 
	position: relative ; 
	float: left ; 
	width: 100% ; 
	font-weight: normal ;
}

#navigation li:hover ul.drop li a
{
	display: block ; 
	font-size: 11px ; 
	height: 18px ; 
	width: 100% ; 
	line-height: 18px ; 
	text-indent: 5px ; 
	color: #000000 ; 
	text-decoration: none; 
	border:1px solid #DBACAF ;
}

#navigation li:hover ul.drop li a:hover 
{
	background: #AC4249 ; 
	color: #FFFFFF ; 
	border-color: #FFFFFF ;
}

#navigation li:hover li:hover ul,
#navigation li:hover li:hover li:hover ul,
#navigation li:hover li:hover li:hover li:hover ul,
#navigation li:hover li:hover li:hover li:hover li:hover ul
{
	left: 90px ; 
	top: -4px ; 
	background: #BBD37E; 
	padding: 3px ; 
	border: 1px solid #5C731E ; 
	white-space: nowrap ; 
	width: 90px ; 
	z-index: 400 ; 
	height: auto ;
}

#navigation ul, 
#navigation li:hover ul ul,
#navigation li:hover li:hover ul ul,
#navigation li:hover li:hover li:hover ul ul,
#navigation li:hover li:hover li:hover li:hover ul ul
{
	position: absolute ; 
	left: -9999px ; 
	top: -9999px ; 
	width: 0 ; 
	height: 0 ; 
	margin: 0 ; 
	padding: 0 ; 
	list-style: none ;
}

/* Default styling */

h1
{
color: #6699FF ;
font-size: 18px ;
padding: 5px 5px ;
}

h2
{
color: #6699FF ;
font-size: 16px ;
padding: 5px 5px ;
}

h3
{
color: #6699FF ;
font-size: 14px ;
padding: 5px 1px ;
}

.img_left
{
	float: left ;
	padding: 5px 10px 10px 5px ;
	border: none ;
}

.img_right
{
	float: right ;
	padding: 5px 10px 10px 5px ;
	border: none ;
}
p
{
	padding: 3px 5px ;
	font-size: 12px ;
	color: #000000 ;
}

p.motto
{
	padding: 5px ;
	font-size: 14px ;
	color: #5C731E ;
	font-style: italic ;
}

.copyright
{
	float: left ;
	font-size: 10px ;
	font-color: #FFFFFF ;
}

p.align_left
{
	float:left;
	font-size:12px;
}

p.align_right
{
	float:right;
	font-size:12px;
}

.footer_right
{
	float: right ;
	font-size: 10px ;
}

a:link.footer_links, a:active.footer_links, a:visited.footer_links
{
	color: #000000 ;
	text-decoration: underline ;
	padding-right: 5px ;
}

a:hover.footer_links
{
	color: #000000 ;
	text-decoration: none ;
	padding-right: 5px ;
}

a:link, a:active
{
	color: #BD3141 ;
	text-decoration: underline ;
}

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

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

ol
{
	list-style-type: lower-roman ;
	padding:5px 0px 5px 200px ;
	font-size: 12px ;
}

ul.content
{
	padding:5px 0px 5px 200px ;
	font-size: 12px ;
}

ul.beginners
{
	padding:5px 0px 5px 50px ;
	font-size: 12px ;
}

h3.beginners
{
	padding-left: 310px ;
}

/* News Items */
/* News Contents */

.news_wrap {
	width: 220px;
	clear: both;
	padding-top: 10px;
	background-repeat: no-repeat;
	background-position: center top;
}
.date_container {
	width: 25px;
	float: left;
}
.date_container strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px ;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	color: #6699FF;
	display: block;
}
.date_container em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: right;
	color: #6699FF;
	display: block;
	padding-top: 3px;
	font-style: normal;
}
.news_content {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6699FF;
	width: 184px;
	float: right ;
	padding-left: 3px;
	padding-bottom: 3px;
}

/* Right column navigation elements */
#rightnav ul 
	{
	list-style-type: none ;
	font-size: 12px ;
	}
	
#rightnav li 
	{
	padding: 2px 0px 2px 30px ;
	width: 150px ;
	}
	
#rightnav li a:link, #rightnav  li a:visited 
	{
	padding: 2px 0px 2px 5px ;
	text-align: left ;
	background-color: #DBACAF ;
	color: #000000 ;
	vertical-align: middle ;	
	list-style-position: outside ;
	display: block ;
	text-decoration: none ;
	font-weight: normal ;
	border: 1px solid #AC4249 ;
	}
	
#rightnav li a:hover
	{
	padding: 2px 0px 2px 5px ;
	text-align: left ;
	background-color: #AC4249 ;
	color: #FFFFFF ;
	vertical-align: middle ;
	list-style-position: outside ;
	display: block ;
	text-decoration: none ;
	font-weight: normal ;
	}

/* PHP Submission */

.label
	{
	text-align: right ;
	font-size: 12px ;
	color: #000000 ;
	}

#submit
	{
	text-align: center ;
	}


/*Mugshots */

#mugshots
	{
	width: 150px ;
	padding: 10px ;
	float: left ;
	text-align: center ;
	}

#photos
	{
	float: left ;
	padding: 20px ;
	text-align: center ;
	height: 400px ;
	}

#contents_photos
{
	position: relative ;
	display: block ;
	float: left ;
	margin-top:  200px ;
	width: 1000px ;
	height: auto ;
	min-width: 730px ;
	min-height: 350px ;
	text-align: justify ;
	background-color: #FFFFFF ;
	padding: 10px 0px ;
}