

/* CSS Document */

.main
{ 
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	width:640px;
	background-color:#FFFFFF;
}



* html body.{ /* centre content for ie5 */
	text-align: center; 
	text-al\ign: left;
	
}


.page-title
{
	padding:0px;
	border-bottom:solid 5px #cccccc;
	text-align:left;
}

.content-grey-header
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	line-height:1.3em;
	color:#7C7C7C;
	font-weight:normal;
	margin:20px 0px 10px 10px;	
}

.leftimage
{
	float:left;

}


.rightimage
{
	float:right;

}


.leftimage2
{
	float:left; height:35px;

}


.rightimage2
{
	float:right; height:35px;

}
.clear-both
{
	clear:both;
}


.redgrey
{
	background-repeat:repeat-x;
	margin-top: 5px;
	height:10px;
	width:640px;	
	background-image:url("../images/tv-redgreystripe.gif");
	
}

* html div.redgrey
{
	background-repeat:repeat-x;
	margin-top: 5px;
	height:10px;
	width:640px;	
	background-image:url("../images/tv-redgreystripe.gif");
	margin-bottom:-10px;
	
}

.middlecontent a, .middlecontent a:visited
{color:#cc0000; text-decoration:none
}

.middlecontent a:hover
{color:#cc0000; text-decoration:underline
}

.content
{ 
	border: #999999 1px solid; 
	/*min-height:1200px*/
}

div.content
{ 
	border: #999999 1px solid; 
	
	height:100%
}




.line {
	width:150px;
	border-top:#CCCCCC solid 1px;
	margin-top: 10px;
	height: 10px;
}


.line2 {
	width:450px;
	border-top:#CCCCCC solid 3px;
	height: 3px;
	margin-top:-20px;
	margin-bottom: -10px;
}

.line3 {
	width:600px;
	border-top:#CCCCCC solid 3px;
	height: 3px;
	margin:20px 0 0 10px;

	text-align:center
	
}

* html div.line {
	margin-bottom:-10px;
}

p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.5;
	color:#333333;
}


.indent p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	line-height:1.5;
	color:#000000;
	
}

li.datatable table { padding:5px; }
li.datatable th {
	TEXT-ALIGN: left; MARGIN: 0px 0px 6px; FONT-FAMILY:  Arial, Helvetica, sans-serif
}
li.datatable td {
	TEXT-ALIGN: left; MARGIN: 0px 0px 6px;  FONT-FAMILY: Arial, Helvetica, sans-serif; background-color:#DFDFDF;
}

.datatable table { padding:5px; }
.datatable th {
	TEXT-ALIGN: left; MARGIN: 0px 0px 6px; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size:75%; 
}
.datatable td {
	TEXT-ALIGN: left;   MARGIN: 0px 0px 6px;  FONT-FAMILY: Arial, Helvetica, sans-serif; background-color:#DFDFDF; font-size:75%; 
}


.footer
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:1.5;
	color:#333333;
	padding:10px;
	text-align:left;
}

.caption
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:72%;
	line-height:1.2;
	color:#333333;
	font-weight:bold;
	padding:5px 0px 15px 0px
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	margin-bottom:-5px;
	color:#666666;

}

h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:82%;
	line-height:1.5;
	color:#333333;
	font-weight:bold
}


ul 
{
	list-style-type: none;
	list-style-image:url("../images/bullet_list.gif");
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.5;
	color:#333333;	
	
}

li
{
	padding: 0 0 2px -5px;
}




.contentholder
{
	width:630px;
	text-align:left;	
}

/* left-hand navigation */

.left-navigation-container
{
	float:left;
	width:174px;
	padding:100px 6px 0px 10px;
	text-align:left;
	background: url(../images/logo.jpg) 50% 15px no-repeat;

}

* html .left-navigation-container { /* ie5 width fix */
	width:160px;
	w\idth:154px;	
}




a.footer, a.footer:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#cf002d;
	line-height:2em;
    width:150px;
	text-decoration:none;	

}

a.footer:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:2em;
	color:#cc0000;
	text-decoration:underline;	
}





a.navigation, a.navigation:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#cf002d;
	line-height:2em;
    width:150px;
	text-decoration:none;	

}

a.navigation:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:2em;
	color:#cc0000;
	text-decoration:underline;	
}



a.navigations, a.navigations:visited
{
	font-family:Arial, Helvetica, sans-serif;
	color:#cf002d;
	font-size:70%;
    width:150px;
	text-decoration:none; 
	margin-left:15px;
	line-height:2em;


}

a.navigations:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#cc0000;
	text-decoration:underline;
	margin-left:15px;
	line-height:2em;	

}


.nolink
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#333333;
	line-height:2em;
    width:150px;
	text-decoration:none; 


}

.nolinksub
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#333333;
	line-height:2em;
    width:135px;
	text-decoration:none; 
	margin-left:15px;

}

/* middle content */

.middlecontent
{
	float:left;
	width:410px;
	padding:20px 10px 20px 10px;
	text-align:left;	
}

.indent
{ 
	border-left:#CCCCCC solid 2px;
	padding-left:50px; 
	padding-right:50px 
}


/* right hand elements */

.righthand
{
	float:left;
	width:150px;
	text-align:left;
	padding-top: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:1.3;
}

.boxgrey
{
	margin-top:10px;
	border:#666666 solid 1px;
	height:68px; 
	width:146px
}

.boxgrey2
{
	margin-top:10px;
	border:#666666 solid 1px;
	height:36px; 
	width:146px
}

.boxlgrey
{
	border:#cccccc solid 1px; 
	background-color:#eaeaea;
	height: 34px;
	width:144px
}

.lefticon
{
	float:left; 
	height:34px; 
	width:38px; 
	background-color:#000000;  

}


.rightlink
{
	float:left;
	padding:5px 

}
.righthand a, .righthand a:visited
{
	
	color:#cf002d;
    width:150px;
	text-decoration:none;	

}

.righthand a:hover
{
	
	color:#cc0000;
	text-decoration:underline;	

}


input { 
	background-color:#000000; 
	color:#FFFFFF; 
	border:#000000 solid 1px; 
	cursor:pointer  
}


.bullet-list-item
{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-image:url("../images/generic/bullet_list.gif");
	background-repeat:no-repeat;
	padding:0 0 4px 20px;
	line-height:1.3;
	color:#333333;
}

.tick-list-item
{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-image:url("../images/generic/tick_list.gif");
	background-repeat:no-repeat;
	padding:0 0 4px 20px;
	line-height:1.3;
	color:#333333;
}

.tick-list-item-white
{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-image:  url("../images/generic/p4l_tick_list_white.gif");
	background-repeat:no-repeat;
	padding:0 0 4px 20px;
	line-height:1.3;
	color:#333333;
	color:#ffffff;
}

.tick-list-item-black
{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-image:  url("../images/generic/p4l_tick_list_black.gif");
	background-repeat:no-repeat;
	padding:0 0 4px 20px;
	line-height:1.3;
	color:#333333;
	color:#ffffff;
}

a img { border: 0; }
