/*******************************************************************************

    ITS-UK Screen CSS
    v1.0
    Author: G Nichols, K Wilson
    (c) IBI Group (www.ibigroup.com)

********************************************************************************
    Base
*******************************************************************************/
body {
    background: #373737 url(../images/css/bodybg.jpg) repeat-x 0 0;
    color: #fff;
   	font: 74% Tahoma, Arial, Sans-Serif;
   	line-height: 1.5;
}

textarea { font-family: Tahoma, Arial, Sans-Serif; }
address { font-style: normal; }

a { text-decoration: none;}

:focus { outline: solid 2px #f05046; }

#container {
	width: 728px;
	background: #ffffff url(../images/css/roundedtop.jpg) no-repeat 0 0;
	margin-top: 16px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -380px;
	padding: 16px;
	color: #1d1b1c;
	border-bottom: solid 16px #373737;
}

#maincontent {
	float: left;	
	width: 504px;
}

#maincontent p,
#maincontent table,
#maincontent ul,
#maincontent ol {
	margin-bottom: 16px;
	}
	
	#maincontent p img {
		float: right;
	}
		
#maincontent ul,
#maincontent ol {
	padding-left: 22px;
}
	
#maincontent ul { list-style-type: disc; }
#maincontent ol { list-style-type: decimal; }

h1, h2, h3 {
	color: #000;
	font-weight: normal;
	line-height: normal;
}

h1 { 
	font-size: 2.4em;
	padding-bottom: 4px;
	font-family: Georgia, Times New Roman, Serif;
	clear: both;
	line-height: normal;
}

h2 {
	font-size: 1.4em;
	font-family: Georgia, Times New Roman, Serif;
}

h3 {
	font-size: 1.2em;	
}

/*******************************************************************************
    Header and Navigation
*******************************************************************************/
#header {
	
}
	#header ul {
	    padding: 24px 0 32px 0;
		text-transform: lowercase;
		position: relative;
		float: right;
		width: 554px;
		text-align: right;
	}
	
		#header ul li {
			border-right: 1px solid #1f419b;
			display: inline;
			line-height:16px;
		}
				
		        #header ul li a { margin: 0 8px; }		        
                #header ul li a:hover { border-bottom: 1px solid #1f419b; }		        
			
			    #header li ul li {
				    border-color: #bb9126;
			    }
		        
				    #header li ul li a { color: #bb9126; }
				    #header li ul li a:hover { border-bottom: 1px solid #bb9126; }
				    
		#header ul li.last { border-right: none; }
		#header ul li.last a { margin-right: 0; }
		
			#header ul li.last ul li a {
				margin-right: 8px;
			}
			
			#header ul li.last ul li.last a {
				margin-right: 0;
			}
		
		            #header li ul {
		                position: absolute;
		                top: 44px;
		                right: 0;
		                padding: 0;
		                margin: 0;
		            }
		
			
	#header a {
		color: #1f419b;
	}
	
		#header li.selected a {	color: #bb9126;	}
		#header li.selected a:hover { border-bottom: 1px solid #bb9126;	}
		
		
    #header p.breadcrumbs {
		float:left;
        clear: both;
        color: #666;
    }
    
		#header p.breadcrumbs a {
			color: #1f419b;
		}
		
		#header p.breadcrumbs a:hover {
			 border-bottom: 1px solid #1f419b;
		}
    
        #header p.breadcrumbs span.breadcrumb {
            text-transform: lowercase;
        }

    #header p.logininfo {
		float:right;
        color: #666;
    }

span.username { font-weight: bold }
	
		#header div.home a {
			display:block;
			height: 54px;
			width: 159px;
			float:left;
		}

#headerlinks {
	clear: both;
}
	

/*******************************************************************************
    Main Content
*******************************************************************************/
#main {
    clear: both;
    border-top: 1px solid #f2f6ff;
    background: #fff url(../images/css/mainbg.gif) repeat-y 100% 0;
    float: left;
}
	
	#main a { color: #1f419b; }
	
	#main a:hover { border-bottom: 1px solid #1f419b; }
	
		#main h1 a,
		#main h2 a{
			color: #1f419b;
		}
			
		#main h1 a:hover,
		#main h2 a:hover{
			border-bottom: solid 1px #1f419b;
		}

#newsstory {
	float: left;
}

	#newsstory p.mainpic {
		margin-bottom: 0;
	}

		#newsstory p.mainpic img {
			padding: 4px;
			border: solid 10px #cbcbcb;
			float: right;
			text-align: right;
			margin: 0 0 8px 8px;
		}
	
	#newsstory p.date { 
		margin: 0;
		margin-top: 8px;
	}

#adscontainer {
	border-top: solid 1px #bb9126;
	border-bottom: solid 1px #bb9126;
	clear: both;
	padding: 8px 0;
	height: 80px;
	width: 503px;
	margin-bottom: 16px;
}

	#adscontainer div.ad a {
		color: #fff;
		display: block;
		width: 157px;
		height: 80px;
	}

	#adscontainer div.ad a:hover.ad {
		border: none;
	}

.ad {
	color: #fff;
	width: 157px;
	height: 80px;
	float: left;
	overflow: hidden;
}

	.red {
		background: #95211a url(../images/css/box3.gif) no-repeat 0 0;
		margin-right: 16px;
	}

	.blue {
		background: #1e3982 url(../images/css/box2.gif) no-repeat 0 0;
		margin-right: 16px;
	}

	.yellow {
		background: #bb9126 url(../images/css/box1.gif) no-repeat 0 0;
		margin-right: 0;
	}

	.ad h2 {
		font-size: 1.4em;
		padding: 4px 8px 0 8px;
		font-weight: normal;
		line-height: normal;
		color: #fff;
		font-family: tahoma, arial, sans-serif;
	}

	.ad p {
		padding: 0 8px 4px 8px;
		text-align: left;
		line-height: normal;
		font-size: 0.9em;
	}
	
.adtext {
	float: left;
	width: 157px;
	margin-right: 16px;
}

.last {
	margin-right: 0;
}

#newslist {
	float: left;
	background: #f1f5ff;
	padding: 16px 16px;
	width: 176px;
	color: #1f419b;
	margin-left: 16px;
}

	#newslist li { 
		margin-top: 16px; 
	}
	
	#newslist a { color: #1f419b; }
	
	#newslist a:hover { border-bottom: 1px solid #1f419b; }



/*******************************************************************************
    Form
*******************************************************************************/
p.form,
fieldset {
	border: solid 1px #000;
	background: #efefef;
	padding: 8px;
	margin-bottom: 16px;
}

	fieldset ul,
	fieldset li {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
		fieldset ul li {
			clear: both;
		}

	fieldset legend {
		font-size: 1.2em;
		padding: 0 8px;
		border: solid 1px #000;
		background: #f1f5ff;
		font-weight: bold;
	}

	p.form label,
	fieldset label {
		clear: both;
		float: left;
	}

		p.form label label,
		fieldset label label {
			clear: none;
			float: none;
		}
	
	p.form span.field,
	p.form span.value,
	fieldset span.field,
	fieldset span.value {
		padding-bottom: 8px;
		display: block;
	}

	p.form span.field,
	fieldset span.field {
		clear: both;
		float: left;
		width: 12em;
	}
	
	p.form span.value,
	fieldset span.value {
		float: left;
	}
	
	p.form span.value input,
	fieldset span.value input {
		width: 20em;
	}
	
	p.form span.cb input,
	fieldset span.cb input {
		width: auto;
	}
	
	p.form span.submit,
	p.form p.value {
		margin-left: 12em;
		clear: both;
		display: block;
	}	
	
	

/*******************************************************************************
    Footer
*******************************************************************************/
#footer {
	width: 728px;
	float: left;
	margin-top: 16px;
	font-size: 0.9em;
}

#footerbanner {
	background-color: #af851d;
	float: left;
	width: 728px;
	margin-bottom: 16px;
}

	#footerbanner p {
		float: right;
		padding-right: 16px;
		line-height: 32px;
	}
	
	#footerbanner ul {
		float: left;
		margin: 0 8px;
	}
	
		#footerbanner ul li {
			border-right: 1px solid #000;
			display: inline;
		    line-height: 32px;
		}
		
		    #footerbanner ul li a {
		        margin: 0 8px;
		        color: #000;
		    }
		    
		    #footerbanner ul li a:hover { border-bottom: 1px solid #000; }
		    
		#footerbanner ul li.last {
			border-right: none;
		}

	#footer .leftfloat {
		float: left;
		color: #666;
		margin-right: 16px;
		width: 157px;	
	}
	
		#footer .leftfloat a,
		#footer .rightfloat a {
			color: #1f419b;
		}
		
		#footer .leftfloat a:hover,
		#footer .rightfloat a:hover {
			 border-bottom: 1px solid #1f419b;
		}

	#footer ul.imagelist {
		float: right;
	}

	#footer p.rightfloat {
		float: right;
		color: #666;
		clear: right;
		margin-top: 8px;
		text-align: right;
		width: 157px;
	}
	
	#footer ul.rightfloat {
		float: right;
		color: #666;
	}
	
		#footer ul.rightfloat li {
			display: inline;
		}