/*-----------------------------------------------
Chig.org.uk Main Stylesheet

Version: 1.0
Author:  George Pribul
E-mail:  gp3509@bristol.ac.uk
Website: www.georgepribul.eu
-----------------------------------------------*/


/* Global Styles
-----------------------------------------------*/

* {
	padding:0px;
	margin:0px;
	}
	
html {
	min-height:100%;
	margin-bottom:1px;
	}

body {
	background:#CCCCCC url(../Images/Background.jpg) repeat-x;
	color:#111111;
	}
	
p {
	margin:5px 10px 10px 0px;
	}
	
a {
	text-decoration:none;
	}

img {
	border:none;
	}


/* Link styles
-----------------------------------------------*/

p a, p a:link, p a:visited, h4 a, h4 a:link, h4 a:visited {
	border-bottom:1px dotted #CC5500;
	color:#CC5500;
	}

p a:hover, h4 a:hover {
	border-bottom-style:solid;
	}
	
p a:active, h4 a:active {
	border-bottom-color:#FF0000;
	color:#FF0000;
	}

.infobox a, .infobox a:link, .infobox a:visited, .footer a, .footer a:link, .footer a:visited {
	border-bottom:1px dotted #FFFFFF;
	color:#FFFFFF;
	}

.infobox a:hover, .footer a:hover {
	border-bottom-style:solid;
	}
	
.external {
	background:url(../Images/ExternalLink.gif) no-repeat right top;
	padding-right:11px;
	}
	
.file {
	background:url(../Images/FileLink.gif) no-repeat right top;
	padding-right:11px;
	}


/* Table styles
-----------------------------------------------*/

.shadow {
	background:url(../Images/Shadow.gif) no-repeat bottom right;
	display:inline;
	float:left;
	margin-top:20px;
	position:relative;
	left:20px;
	}

.shadow table {
	position:relative;
	left:-5px;
	top:-5px;
	}

table {
	border-collapse:collapse;
	background:#DDDFFF;
	}
		
th {
	background:#3F5772 url(../Images/TableHeader.gif) repeat-x;
	color:#FFFFFF;
	height:35px;
	}

td {
	color:#333359;
	text-align:center;
	font-size:90%;
	height:35px;
	}
		
.odd {
	background:#DADAFA;
	}

tr:hover {
	background:#CCCFEF;
	}

td a, td a:link, td a:visited {
	color:#333359;
	font-weight:bold;
	padding:5px 8px 5px 8px;
	}

td a:hover {
	background:url(../Images/TableLink.gif) no-repeat center;
	color:#ffffff;
	}

/* Page design
-----------------------------------------------*/

#page {
	margin:0 20px 0 20px;
	font-family:Calibri, "Segoe UI", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Arial, sans-serif;
	}
	
#main {
	margin:0 auto;
	height:100%;
	min-width:750px;
	max-width:950px;
	line-height:140%;
	}

#masthead {
	background:#333333 url(../Images/Masthead-bottom.gif) repeat-x left bottom;
	height:124px;
	position:relative;
	}

#masthead-left {
	background:url(../Images/Masthead-left.gif) no-repeat left bottom;
	width:10px;
	height:124px;
	position:absolute;
	left:0px;
	top:0px;
	}

#masthead-right {
	background:url(../Images/Masthead-right.gif) no-repeat right bottom;
	width:11px;
	height:124px;
	position:absolute;
	right:-1px;
	top:0px;
	}
	
#emblem {
	background:url(../Images/Emblem.gif);
	position:absolute;
	left:20px;
	top:15px;
	height:72px;
	width:72px;
	}

h1 {
	background:url(../Images/Title.jpg);
	height:32px;
	width:591px;
	position:absolute;
	right:25px;
	top:25px;
	text-indent:-9000px;
	}


/* Main navbar
-----------------------------------------------*/

#navbar {
	position:absolute;
	bottom:10px;
	left:20px;
	text-align:center;
	font-size:90%;
	}
	
#navbar span {
	background:#333333;
	color:#BBBBBB;
	display:block;
	float:left;
	height:22px;
	margin:0 10px 0 10px;
	padding:0 10px 0 10px;
	font-weight:bold;
	}

#navbar span:hover {
	color:#FFFFFF;
	cursor:default;
	}


/* Site search box
-----------------------------------------------*/
	
#sitesearch {
	background:#444444 url(../Images/Search-highlight.jpg) no-repeat;
	border:1px solid #444444;
	width:115px;
	height:17px;
	position:absolute;
	right:10px;
	bottom:13px;
	}

#sitesearch-go {
	background:#444444 url(../Images/Search.jpg);
	display:block;
	float:right;
	width:20px;
	height:17px;
	border:none;
	cursor:pointer;
	}
	
#sitesearch-go:hover {
	background:none;
	}

#sitesearch-input {
	background:#292929;
	color:#bbbbbb;
	display:block;
	float:right;
	width:95px;
	height:17px;
	border:none;
	font-family:Calibri, "Segoe UI", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size:14px;
	text-align:center;
	}


/* Subnav bar
-----------------------------------------------*/

#subnavbar {
	background:#606060 url(../Images/Subnavbar-bottom.gif) repeat-x left bottom;
	height:31px;
	position:relative;
	font-size:75%;
	}

#subnavbar-left {
	background:url(../Images/Subnavbar-left.gif) no-repeat left bottom;
	width:15px;
	height:31px;
	position:absolute;
	left:0px;
	top:0px;
	}

#subnavbar-right {
	background:url(../Images/Subnavbar-right.gif) no-repeat right bottom;
	width:16px;
	height:31px;
	position:absolute;
	right:-1px;
	top:0px;
	}

.subglobalNav {
	visibility:hidden;
	position:absolute;
	top:-1px;
	left:5px;
}

.subglobalNav a {
	display:block;
	height:17px;
	float:left;
	padding:0 10px 0 10px;
	margin:0 5px 0 5px;
	text-align:center;
	font-weight:bold;
	color:#CCCCCC;
}

.subglobalNav a:hover {
	color:#FFFFFF;
	}

a.subnavcontact {
	display:block;
	height:17px;
	font-weight:bold;
	position:absolute;
	top:-1px;
	right:20px;
	color:#CCCCCC;
	}

a.subnavcontact:hover {
	color:#FFFFFF;
	}
	
	
/* Main text area
-----------------------------------------------*/
	
#maintext {
	background:#FFFFFF;
	color:#111111;
	margin:0 12px 0 12px;
	border:solid #888888;
	border-width:0 1px 0 1px;
	padding-left:10px;
	position:relative;
	font-size:90%;
	}

h2 {
	display:block;
	background:url(../Images/Bar-h1.jpg) no-repeat left bottom;
	padding:5px 0 10px 0;
	margin-bottom:10px;
	font-size:280%;
	line-height:100%;
	}

h3 {
	display:block;
	background:url(../Images/Bar-h2.jpg) no-repeat left bottom;
	font-size:150%;
	padding:20px 0 10px 0;
	}

h4 {
	background:url(../Images/Bullet.gif) no-repeat left center;
	font-weight:bold;
	font-size:100%;
	margin-top:15px;
	padding-left:16px;
	}


/* Right orange infobox
-----------------------------------------------*/

.infobox {
	background:url(../Images/Infobox.jpg);
	color:#FFFFFF;
	float:right;
	width:220px;
	margin:20px 0 20px 0;
	font-size:85%;
	font-weight:bold;
	position:relative;
	}
	
.infobox-text {
	padding:0 10px 0 35px;
	}
	
.infobox-top {
	background:url(../Images/Infobox-top.gif);
	height:20px;
	width:200px;
	position:absolute;
	left:20px;
	top:-8px;
	}
	
.infobox-bottom {
	background:url(../Images/Infobox-bottom.gif);
	height:20px;
	width:200px;
	position:absolute;
	left:20px;
	bottom:-8px;
	}

.infobox-header {
	background:url(../Images/Bar-infobox.jpg) no-repeat left bottom;
	display:block;
	font-size:130%;
	padding:5px 0 10px 0;
	margin-bottom:10px;
	}


/* Photos
-----------------------------------------------*/
	
.photo-frame {
	background:#526B84 url(../Images/Photo-frame.jpg);
	display:inline;
	float:right;
	width:190px;
	height:145px;
	margin:20px 30px 20px 0;
	position:relative;
	}

.photo {
	border:1px solid #FFFFFF;
	position:absolute;
	top:15px;
	right:18px;
	}

.photo-frame span {
	color:#ffffff;
	width:170px;
	display:block;
	text-align:center;
	font-size:85%;
	font-weight:bold;
	position:absolute;
	bottom:6px;
	right:0px;
	}
	

/* Bottom blue statusbar
-----------------------------------------------*/

#statusbar {
	background:#3F5772 url(../Images/Statusbar-top.gif) repeat-x left top;
	color:#ffffff;
	display:block;
	width:100%;
	height:30px;
	font-size:80%;
	line-height:100%;
	position:relative;
	}
	
#statusbar a {
	width:100%;
	height:100%;
	display:block;
	color:#FFFFFF;
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	}

#statusbar-left {
	background:url(../Images/Statusbar-left.gif) repeat-y;
	width:15px;
	height:30px;
	position:absolute;
	left:0px;
	top:0px;
	}

#statusbar-right {
	background:url(../Images/Statusbar-right.gif) repeat-y;
	width:16px;
	height:30px;
	position:absolute;
	right:-1px;
	top:0px;
	}

#statusbar-updated {
	position:absolute;
	left:30px;
	top:10px;
	z-index:1;
	}

#statusbar-backtotop {
	position:absolute;
	right:30px;
	top:10px;
	z-index:1;
	}


/* Bottom orange designbar
-----------------------------------------------*/

#designbar {
	background:#DE5901 url(../Images/Designbar-top.gif) repeat-x left top;
	color:#ffffff;
	display:block;
	width:100%;
	height:38px;
	position:relative;
	text-align:center;
	}

#designbar-left {
	background:url(../Images/Designbar-left.gif);
	width:15px;
	height:38px;
	position:absolute;
	left:0px;
	top:0px;
	}

#designbar-right {
	background:url(../Images/Designbar-right.gif);
	width:16px;
	height:38px;
	position:absolute;
	right:-1px;
	top:0px;
	}

#designbar-chig {
	background:url(../Images/Designbar-chig.gif);
	height:30px;
	width:180px;
	position:absolute;
	left:30px;
	top:8px;
	}

#designbar-wc3 {
	background:url(../Images/Designbar-wc3.gif);
	height:30px;
	width:180px;
	position:absolute;
	right:30px;
	top:8px;
	}

.footer  {
	color:#ffffff;
	font-weight:bold;
	font-size:80%;
	line-height:300%;
	}