/*
	Title:     Malpas FC
	Author:    Dan Hitchins
	Updated:   June 17 2007
*/
 
/*
	tag redefines
*/

*{margin:0;padding:0;}

body{font:0.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;margin:10px 0 0 0;padding:0;background: #fff url(../img/malpas-bg.jpg) repeat-x;color:#333;}
img{border:none;}

/*
	links
*/
a{color:#e41645;}
a:visited{color:#238bb1;}
a:hover{color:#981e3a;}

ul,ol{margin:20px;}
li{margin:5px 15px;}

/*
	global
*/
.clear{clear:both;padding:0;margin:0;}

/*
	mixed bag
*/
#skip{background:#e5f0f7;}
#skip p{font-size:0.82em;border-bottom:solid 5px #fff;margin:0;padding:5px;}

/*
	page structure
*/
#inner-wrapper{width:955px;background:#fff;border:solid 5px #fff;margin:0 auto;}
#extra-two{width:975px;height:10px;background:url(../img/malpas-bottom-bg.jpg) no-repeat;margin:0 auto;}

/*
	header
*/
#header{background:#004a87 url(../img/malpas-mast-bg.jpg) repeat-x;height:120px;margin-bottom:5px;}
#header .logo{float:left;}
#header .strapline{float:right;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:2.18em;color:#fff;font-weight:700;margin-top:48px;margin-right:5px;}

/************ START COLUMN STRUCTURE ************/

/****** LAYOUT 1 ******/

.layout1 .outer{border-left:160px solid #e5f0f7;border-right:240px solid #e5f0f7;}
.layout1 .inner{width:100%;}
/*
	div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
	div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
	blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
*/
.layout1 .float-wrap{float:left;width:100%;margin-left:-160px;}
.layout1 #content{float:right;margin-right:-160px;width:100%;position:relative;min-height:400px;height:auto !important;height:400px;background:url(../img/malpas-content-bg.jpg) no-repeat;}
* html .layout1 #content{position:relative;}
.layout1 .content-wrap{padding:0 5px;}

/* 	
	left column 
	div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
	div.left is carried over into the proper position. 
*/
.layout1 #left{float:left;width:160px;position:relative;padding:0;}

/* 
	right column
*/
.layout1 #right{float:right;width:240px;margin-right:-240px;position:relative;padding:0;}

/****** LAYOUT 2 ******/

.layout2 .outer{border-left:160px solid #e5f0f7;}
.layout2 .inner{width:100%;}
.layout2 .float-wrap{float:left;width:100%;margin-left:-160px;}
.layout2 #content{float:right;margin-right:-160px;width:100%;position:relative;min-height:400px;height:auto !important;height:400px;background:url(../img/malpas-content-bg.jpg) no-repeat;}
* html .layout2 #content{position:relative;}
.layout2 .content-wrap{padding:0 5px;}

/* 	
	left column 
*/
.layout2 #left{float:left;width:160px;position:relative;padding:0;}

/************ END COLUMN STRUCTURE ************/

/*
	primary navigation
*/
#left .primary-navigation ul{list-style:none;border:none;margin:0;padding:0;position:relative;}
#left .primary-navigation li{margin:0;display:inline;}
#left .primary-navigation li a{border-bottom:1px solid #fff;background:#e5f0f7 url(../img/malpas-primary-nav-bg.jpg) repeat-x;display:block;color:#004a87;font-weight:700;margin:0;padding:5px;text-decoration:none;}
#left .primary-navigation li a:hover,#left .primary-navigation li a.active:hover{background:#006bb0 url(../img/malpas-primary-nav-active-bg.jpg) repeat-x;color:#fff;}
#left .primary-navigation li a.active{background:#006bb0 url(../img/malpas-primary-nav-active-bg.jpg) repeat-x;color:#fff;}
#left .primary-navigation ul ul{background:url(../img/malpas-primary-child-bg.jpg) repeat-x;border-bottom:solid 1px #fff;}
#left .primary-navigation li li a,#left .primary-navigation li li a.active{border-bottom:none;background:none;display:block;color:#004a87;font-weight:400;margin:0;padding:2px 10px;}
#left .primary-navigation li li a.active{font-weight:700;background:none;}
#left .primary-navigation li li a:hover,#left .primary-navigation li li a.active:hover{background:none;color:#e41645;}

/*
	content
*/
h1{margin:0 0 10px 0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:2.18em;color:#0b538f;font-weight:700;}
h2{margin:0 0 10px 0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.82em;color:#0b538f;font-weight:700;}

/*
	footer
*/
#footer{padding-top:5px;font-size:0.82em;background:#fff url(../img/malpas-footer-bg.jpg) repeat-x;margin:5px 0;}
#footer ul{display:inline;margin:0 0 0 5px;padding:0;}
#footer ul li{border-left:1px solid #333;list-style:none;display:inline;margin:0;padding:0 15px;}
#footer ul li.first{padding-left:0;border-left:none;list-style:none;display:inline;}
#footer div.copyright{float:left;margin:0;padding:5px;}
#footer p.top{float:right;margin:0;padding:5px 5px 5px 15px;}
#footer div.copyright p{margin:0;padding:0;}

/*
	latest articles
*/
#right p a{font-weight:700;}
#right .featured-articles{clear:both;}
#right .featured-articles h2{background:#006bb0 url(../img/malpas-primary-nav-active-bg.jpg) repeat-x;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.18em;margin:0;padding:5px;position:relative;color:#fff;}
#right .featured-articles ul{list-style:none;border:none;margin:0;padding:0;}
#right .featured-articles li{background:url(../img/malpas-feature-bg.gif) repeat-x;border-top:solid 1px #fff;margin:5px;padding:5px;}
#right .featured-articles p.date{font-size:0.82em;margin:0;}
#right .featured-articles h3{margin:3px 0 0;font-size:100%;}
#right .featured-articles div.summary{margin:3px 0 0;}

/*
	associated articles
*/
#associated-articles{clear:both;}
#associated-articles div.article{margin-bottom:20px;}
#associated-articles h2{margin:20px 0 10px 0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.82em;color:#0b538f;font-weight:700;}
#associated-articles p.date{font-size:0.82em;margin:0;}
#associated-articles h3{margin:3px 0 0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.18em;}
#associated-articles div.summary{margin:3px 0 0;}

/*
	article page
*/
#article-date{font-size:0.82em;margin:0 0 3px 0;}