/***********************************************/
/* global.css                                  */
/* epilepsyconnections.org.uk                  */
/* last modified 04/03/08                      */
/* stevenross@electromill.com                  */
/***********************************************/

body{font-family: Arial,sans-serif;	color: #333333;	line-height: 1.166;	margin: 0px; padding: 0px;	background: #cccccc url(../images/bg_grad.jpg) fixed;}

/******* hyperlink and anchor tag styles *******/
a:link, a:visited{color: #005FA9;	text-decoration: none;}
a:hover, p a:hover, h4 a:hover {text-decoration: underline; color: #f00;}

/************** header tag styles **************/
h1{ font: bold 120% Arial,sans-serif; color: #155388; margin: 0px; padding: 0px;}
h2{ font: bold 114% Arial,sans-serif; color: #155388; margin: 0px; padding: 0px;}
h3{ font: bold 105% Arial,sans-serif; color: #155388; margin: 0px; padding: 0px;}
h4{ font: 100% Arial,sans-serif; color: #333333; margin: 0px; padding: 0px;}
h5{ font: 100% Arial,sans-serif; color: #334d55; margin: 0px; padding: 0px;}

/*************** list tag styles ***************/

ul{ list-style-type: square;}
ul ul{ list-style-type: disc;}
ul ul ul{ list-style-type: none;}

/*************** Layout Divs  ***************/
#pagecell1{
	position:absolute;
	top: 85px;
	left: 2%;
	right: 2%;
	width:95.6%;
	background-color: #ffffff;
}


#masthead{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width:95.6%;
	
}

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #E9F0F7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#content{padding: 0px 10px 0px 0px;	margin:0px 0px 0px 178px;	border-left: 1px solid #ccd2d2;}

/************** site banner ****************/
#siteName{	margin: 0;	padding: 16px 0px 4px 0px;	font:140% Arial, Helvetica, sans-serif;	color: #1A68AB;	letter-spacing:.3em;}
#siteName img {padding: 0 10px 0 0; float: left;}

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 114px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
	background-image: url(../images/pagename.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #155388;
}

#pageName h2{display:none;}

#pageName img{position: absolute;	top: 0px;	right: 6px;	padding: 0px;	margin: 0px;}

/************* Nav styles ****************/

#globalNav{position: relative;width: 100%;min-width: 640px;height: 32px;padding: 0px;margin: 0px;background-image: url(../images/glbnav_background.gif);}

#globalNav p{position: absolute;top: 5px;right: 10px;font-size: 95%;color: #ffffff;font-weight: bold;margin: 0px;padding: 2px 5px 4px 5px;}

.skipLinks {display: none;}

/************** feature styles *****************/
.frontleft {float: left;}
.frontright {float: right;}
.frontSingle img {float:right; padding-left: 15px;}
.frontSingle p {padding: 0 0 0 15px; font-size: 110%; font-weight: bold;}
.frontSingle h3 {padding: 15px 0 0 15px;}

.clearRight {clear: right;}

.bottomleft {float: left; width: 40%;}

.frontleft p, .bottomleft p {padding: 0 0 0 15px;}

.frontleft h3, .bottomleft h3, .bottomright h3, frontright h3{padding: 10px 0 0 15px;}

.bottomright {float: right; width: 60%;}

.frontright h4, .frontleft h4, .bottomleft h4, .bottomright h4{
font-size: 140%;
font-weight: bold;
padding: 0 0 0 0.5em;
margin-bottom: -0.5em;
color:#003366;
}

.frontright a, .frontleft a, .bottomleft a, .bottomright a {color:#003366;}

.newsarticle {width: 40%;float: left;padding: 1em;}

.newsarticle h5 {font-size: 110%;color:#003366;}

.newsarticle p {font-size: 80%;}

.feature{
	padding: 0px 0px 10px 10px;
	min-height: 275px;
	height: 275px; 
}

html>body .feature {height: auto;}

.feature h3, .feature h4{
	font: bold 175% Arial,sans-serif;
	color: #21536A;
	padding: 30px 0px 5px 0px;
}

.feature p{	font: 115% Arial,sans-serif;color: #21536A;}

.feature img{float: right;	padding: 0px 10px 0px 0px;}
#left{float:left;width: 50%;min-width: 250px;}
#right{float:right;width: 50%;min-width: 250px;}
.front {padding: 0 5px 0 10px;}
.front h4 a {font: large bold;font-family: Arial, Helvetica, sans-serif;}
.floatLeft {float: left;}
.floatRight {float: right;}
img {border: none;}

/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #155388;
}

.story h4{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{	text-decoration: underline;}

/************** siteInfo styles ****************/

#siteInfo{
	float: left;
	font-size: small;
	color: #999999;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo img{	padding: 4px 4px 4px 0px;	vertical-align: middle;}

#siteInfo img.facebook {
	 float:right;
}

/************ sectionLinks styles **************/

#sectionLinks{margin: 0px;	padding: 0px;}

#sectionLinks h3{	padding: 10px 0px 2px 10px;	border-bottom: 1px solid #cccccc;}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-weight: normal;
	font-size: 90%;
	padding: 5px 0px 3px 0px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: normal;
	font-size: 90%;
	text-decoration: none;
}

#sectionLinks li{
list-style:circle;
margin-left: 20px;
color:#21536A;
}


/************* image captions **************/
p.caption {width: 500px; text-align:center; background-color: #F4F4F4;}

/************* contact and maps **************/
.contactGlasgow {float: left; width: 50%;}
.contactForth {float: left; width: 50%;}

/************* front page **************/
.flying {
border: #FFFF00 thick;
margin-top: -115px;
}



/************* footer **************/
#validation {float: right; margin-top: 15px;}
#siteInfo {float: left;}
#pagecell1 { background: #FFFFFF url(../images/footerBG.jpg) bottom repeat-x;}