/**** © 2008 soVision Ltd ****/
/** CSS Styles for Derek Twigg  **/

/* Site Wide Colours  
    Page background     :   #F3F3F3 
    Red background      :   #D83D38 
    Pale background     :   #F0E8E8
    White background    :   #FFFFF1
    Black background    :   #343434

    Red text            :   #D83D39 
    White text          :   #FFFFFF
    Black text          :   #333333
*/

/* PAGE HOLDER */
html{
    margin:0;
	padding:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:90%;
	background:#F3F3F3;
	height:100%;
}
body{
	width:100%;
	margin:0 auto 0 auto;
}
.container{
	width:998px;
	margin:0 auto 0 auto;
	background:#FFFFF1 url(../../images/bg.jpg) center repeat-y;
}
img{
	border:none;
}

/* STYLES FOR MAIN */
.main{
	margin:0 auto 0 auto;
	padding:0;
	height:100%;
}
.main-contain{
	margin:0 auto 0 auto;
	padding:0;
	width:980px;
	height:100%;
}
/* INTRO STYLES */
.intro{
	clear:both;
	margin:0 9px 0 9px;
	background:url(../../images/masthead.jpg) no-repeat top center;
	height:125px;
}
.intro h1{
    color:#FFFFFF;
    font-size:29px!important;
    font-weight:bold;
    margin:0 8px 0 420px;
    padding:26px 0 0 0;
}
.intro h2{
    color:#FFFFFF;
    font-size:20px!important;
    margin:0 8px 0 420px;
    padding:0;
}
/* HORIZONTAL NAV */
.hori-nav{
    margin:0 auto 0 auto;
    padding:0;
    width:980px;
    height:40px;
    line-height:40px;
    background:#D83D38 url(../../images/nav-bg.jpg) repeat-x top;
}
.hori-nav ul{
    margin:0 20px 0 10px;
    padding:0;
    list-style:none;
    height:40px;
    line-height:40px;
    background:url(../../images/nav-seperator.jpg) no-repeat left top;
}
.hori-nav li{
    display:inline;
    height:40px;
    line-height:40px;
    background:url(../../images/nav-seperator.jpg) no-repeat right top;
}
.hori-nav li a{
    display:inline-block;
    padding:0 10px 0 10px;
    color:#FFFFFF;
    text-decoration:none;
}
.hori-nav li a:hover{
    text-decoration:none;
    background:#343434;
    color:#FFFFFF;
}
/* LEFT COL */
.left-col{
    float:left;
	margin:0;
	padding:0;
	width:165px;
	border-bottom:1px solid #FFF;
}
/* SIDE NAV STYLES */ 
.side-nav{
	margin:0;
}
.side-nav-top{
	margin:0;
	padding:0;
}
.side-nav-top ul{
	margin:0 auto 0 auto;
	padding:0;
}
.side-nav-top li{
	list-style:none;
	margin:0 0 1px 0;
	padding:6px 0 6px 0;
	display:block;
	background:#343434;
}
.sub-nav ul{
	margin:0;
	padding:0; 
	}
.sub-nav li{
	list-style:none;
	display:inline-block;
	margin:0 0 1px 0;
	border:none;
}
.side-nav a{
	color:#FFFFFF;
	text-decoration:none;
	margin:0 0 0 0;
	padding:0 4px 0 14px;
	display:block;
}
.side-nav a:hover{
	color:#D83D39;
	text-decoration:none;
}
.side-nav .selected{
	font-weight:bold;
	display:block;
}
/* PAGE CONTENT STYLES */	
.content-area{
	float:left;
	margin:0;
	padding:0;
	width:956px;       
}
.content-area-list{
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:740px;
}
.text-panel{
    margin:24px 0 0 25px;
    padding:0 0 24px 0;
    float:left;
    width:500px;
}
.text-panel-full{
    margin:24px 0 0 25px;
    padding:0 0 24px 0;
    float:left;
    width:750px;
}
.text-panel-home{
    margin:24px 0 0 45px;
    padding:0 0 24px 0;
    float:left;
    width:600px;
}
/* RIGHT COLUMN STYLES */
.right-col{
	float:right;
	width:240px;
	margin:33px 0 24px 0;
	padding:0;
}
.caption{
    font-size:0.8em;
    text-align:center;
    margin-bottom:22px;
}
/* BOX OUT STYLES */
.box-out{
	width:240px;
	margin:0 auto 0 auto;
	background:#F0E8E8;
}
.box-out h2{
    font-weight:normal;
	margin:0;
	padding:4px 12px 0 12px;
	font-size:120%;
	text-align:left;
	text-decoration:none;
	color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
	background:#343434 url(../../images/bar-bg.jpg) repeat-x top;
}
.box-out h2 a{
    color:#FFFFFF;
    text-decoration:none;
    font-weight:normal;
}
.box-out h2 a:hover{
    text-decoration:none;
    color:#D83D39;
}
.box-out p{
	padding:6px;
	text-align:left;
}

/* STYLES FOR FOOT */
.foot{
	background:url(../../images/foot-bg.jpg) no-repeat center bottom;
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:998px;
	height:54px;
	color:#FFFFFF;
	font-size:0.9em;
}
.foot a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.foot a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.copy{
	float:left;
	padding:5px 18px 0 18px;
	margin:0;
}
.copy a{
	color:#0E5CA7;
	text-decoration:none;	
}
.copy a:hover{
	color:#0E5CA7;
	text-decoration:underline;	
}
.credit{
	float:right;
	padding:5px 18px 0 18px;
	margin:0;
}
/** ********************** CSS Styles for Accessible Header ********************** **/

/* STYLES FOR HEAD CONTAINER */
.head-container{
	width:998px;
	margin:0px auto 0px auto;
	background:url(../../images/common/head-bg.jpg) no-repeat top center;
	height:33px;
}
/* STYLES FOR SITE TOP NAV BUTTONS */
.date{
    margin:0px 5px 0px 5px;
	padding:15px 0px 0px 28px;
    float:left;
    font-size:12px;
    line-height:16px!important;
    color:#333333;
}
.main-tabs{
	margin:0px 5px 0px 5px;
	padding:13px 28px 0px 0px;
	font-size:0.85em;
	height:16px!important;
	line-height:16px!important;
	float:right;
}

/* TAB STYLING */
.main-tabs p{
    color:#333333;
    height:16px;
    display:inline-block;
    line-height:16px;
    font-size:12px!important;
    float:left;
}
.Aregular{
    width:16px;
    height:16px;
    display:inline-block;
    border:1px solid #000000;
    text-align:center;
    line-height:16px;
    font-size:10px!important;
    font-weight:bold;
    float:left;
    margin-left:4px;
    background:#FFFFFF;
    color:#000000;
}
.Alarge{
    width:16px;
    height:16px;
    display:inline-block;
    border:1px solid #999999;
    text-align:center;
    line-height:16px;
    font-size:13px!important;
    font-weight:bold;
    float:left;
    margin-left:4px;
    background:#FFFFFF;
    color:#999999;
}
.Axlarge{
    width:16px;
    height:16px;
    display:inline-block;
    border:1px solid #999999;
    text-align:center;
    line-height:16px;
    font-size:16px!important;
    font-weight:bold;
    float:left;
    margin-left:4px;
    background:#FFFFFF;
    color:#999999;
}
/* SEARCH RESULTS STYLING */
.searchItem
{
	border:1px solid #003D6E;
	margin:0 0 10px 0;
	padding:6px;
}
.searchresults h1
{
	font-size:1em;
	font-weight:bold;
}
.searchresults h2
{
	font-size:1em;
}
.searchresults h3
{
	font-size:1em;
}
.searchresults h4
{
	font-size:1em;
}
.searchresults h5
{
	font-size:1em;
}
.searchresults h6
{
	font-size:1em;
}
.searchresults p
{
	font-size:0.9em;
}
/* TEXT FORMATING */
h1{
	font-weight:normal;
	margin:0 0 0.2em 0;
	padding:0 0 0.1em 0;
	font-size:200%;
}
h2{
	font-weight:normal;
	margin:0.4em 0 0.2em 0;
	padding:0;
	font-size:140%;
	color:#D83D39;
}
h3{
	margin:0 0 1.2em 0;
	padding:0;
	font-size:130%;
}
h4{
	margin:0 0 1.2em 0;
	padding:0;
	font-size:120%;
}
h5{
	margin:0 0 1.2em 0;
	padding:0;
	font-size:110%;
}
h6{
	font-weight:normal;
	font-style:italic;
	margin:0 0 1.2em 0;
	padding:0;
	font-size:100%;
}
p{
	margin:0.2em 0 0.5em 0;
	padding:0;
	line-height:130%;
	text-align:justify;
}
a{
	text-decoration:underline;
	font-weight:bold;
	color:#333333;
}
a:hover{
	text-decoration:underline;
	color:#D83D39;
}
strong{
}
hr{
	border:0;
	height:1px;
	color:#F0E8E8;
	background:#F0E8E8;
}
.listitem_date{
    font-style:italic;
}
.toplistitem-date{
    font-style:italic;
    padding:0 6px 0 6px;
}