/*------------------------------------------------------------------
[Master Stylesheet]

Project:			F1Help
Version:			1.0
Last change:		21/07/2010 - Claire Perrin
Author:				Rick Nunn
------------------------------------------------------------------*/


/* ###### General ###### */

*{
	margin:0; 
	padding:0;
	}

body{
	background: #fff;
	color:#666;
	font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
	margin:0;
	font-size: 12px;
	line-height: 18px;
	}

a{
	color: #0088CC;
	text-decoration: none;
	border-bottom: 1px dashed #0088CC;
	}

a:hover{
	color: #0088CC;
	border-bottom: 1px solid #0088CC 
	}

#borderwrap{
	background: url(/assets/img/bg-border.gif) #fff;
	margin:0 auto;
	width:950px;
	}

#topbord{
	background: url(/assets/img/border-top.gif) bottom left #fff;
	height:12px;
	line-height:1px;
	font-size:1px;
	width:950px;
	}

#border-bot{
	background: url(/assets/img/border-bot.gif) no-repeat top left #fff;
	height:17px;
	}

#container{
	background: #F0F0F0;
	margin:0 auto;
	text-align:justify;
	width:890px;
	}

/* ###### Head ###### */

#head{
	height: 100px;
	background: url(/assets/img/logo.png) no-repeat 10px 5px; 
	}

#head h1{
	margin-left: -9999px;
	height: 0px;
	}

#hed1contact {
color:#666;
float:right;
font-size:16px;
font-weight:bold;
line-height:20px;
padding:10px 10px 0 0;
text-align:right;
width:200px;
	}

#hed1contact p{	margin-bottom: 15px;	}


/* ###### Menu ###### */

.nav_group { 	background: #0088CC url(/assets/img/fade_sme.gif) repeat-x scroll left bottom; 	}


ul.jd_menu *{	border: none;	}

ul.jd_menu li {
	border-right:1px solid #555555;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	padding:4px 10px 2px 10px;
	white-space:nowrap;
	}

ul.jd_menu li.parent{
	background:transparent url(/assets/img/down.gif) no-repeat scroll right center;
	padding:4px 20px 2px 10px;
	}

#navigation li a{
	color: #FFF;
	border-bottom: none;
	}

#navigation li a:hover{
	color: #FFF;
	border-bottom: 1px solid #FFF;
	}

#h2-bb {
	background:transparent url(/assets/img/h2-botborder.gif) repeat-x scroll left top;
	clear:both;
	font-size:1px;
	height:20px;
	}
	
/* ###### JD MENU ###### */

ul.jd_menu {
	height: 25px;
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

/* Teh sub menu are this */

ul.jd_menu ul {
	border:1px solid #666;
	border-top:0;
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 10000;
	
	}

ul.jd_menu ul ul {border:1px solid #666; margin-top:0;	}

ul.jd_menu ul {
	margin-top:1px;
	margin-left:-1px;
	opacity:.95;
	}

ul.jd_menu ul li {
	padding: 5px;
	background: #E6E6E6;
	border: none;
	color: #70777D;
	float: none;
	margin: 0px;
	}

ul.jd_menu a, 
ul.jd_menu a:active,
ul.jd_menu a:link,
ul.jd_menu a:visited {
	text-decoration: none;
	color: #FFF;
	}

ul.jd_menu ul li a,
ul.jd_menu ul li a:active,
ul.jd_menu ul li a:link,
ul.jd_menu ul li a:visited {		color: #70777D;	}

ul.jd_menu li.jdm_active_menubar,
ul.jd_menu li.jdm_hover_menubar {	color: #fff;	}

ul.jd_menu ul li.jdm_active,
ul.jd_menu ul li.jdm_hover {
	background: #aaa!important;
	padding: 5px;
	color: #FFF;
	}
	
ul.jd_menu ul li.jdm_active a.jdm_active,
ul.jd_menu ul li.jdm_hover a.jdm_hover {	color: #FFF;	}


/* ###### Vnav ###### */

#vnav{
	float:left;
	padding-left: 10px;
	width: 160px;
	}

#vnav img{	margin-bottom: 10px;	}

#vnav a.imagelink{	border: none;	}

#vnav a.imagelink img{	 border: 1px solid #0889CA;	}

#vnav a.imagelink:hover img{	border: 1px dashed #0889CA;	}

.menubox{
	/*margin-bottom:10px;*/
	width:160px;
	background: #f0f0f0; /* background color explicitly set to that of #container so that jquery corner works in safari */
	margin-bottom: 10px;
	}

.menubox-title, .menubox-title-news{
	background: url(/assets/img/menubox-titlebg.jpg) no-repeat;
	color:#fff;
	font-weight:bold;
	height:25px;
	line-height:25px;
	margin: 0;
	padding:0 10px;
	position:relative;
	}

.menubox-title-news a{
	color: #fff;
	border: none;
	}

.menubox-title-news a:hover{	text-decoration: underline;	}

.menubox-title img {
	position:absolute;
	top:5px;
	right:5px;
	}

.menubox-cont { padding:10px; margin:0; background:#fff;	}

.menubox_list {
	margin:0;
	list-style:none;
	}

.menubox a { font-weight:bold; 	}

.menuboxfoot{
	font-size:0px;
	height:8px;
	background:#0088CC none repeat scroll 0 0;
	}
	
.menubox-cont {
background:transparent url(/assets/img/menubox-bg-sme.gif) repeat-y scroll 0 0;
	}

/* ###### Content ###### */

#content{
	background: #FFF;
	padding: 20px;
	margin: 0 10px 10px 0;
	_margin-right: 5px;
	width: 660px;
	float: right;
	}

#content a{	font-weight: bold;	}

#content h1{
	font-size: 26px;
	line-height: 34px;
	padding-bottom: 9px;
	color: #0088CC;
	}

#content h2{
	font-size: 22px;
	line-height: 28px;	
	padding-bottom: 9px;
	color: #0088CC;
	}

#content h3{
	font-size: 18px;
	line-height: 24px;	
	padding-bottom: 9px;
	color: #0088CC;
	}

#content h4{
	font-size: 16px;
	line-height: 22px;	
	padding-bottom: 9px;
	color: #0088CC;
	}

#content h5{
	font-size: 14px;
	line-height: 20px;	
	padding-bottom: 9px;
	color: #0088CC;
	}

#content h6{
	font-size: 12px;
	line-height: 18px;	
	padding-bottom: 9px;
	color: #0088CC;
	}

#content p{
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 18px;
	}

#content ol, #content ul{
	margin-left: 30px;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 18px;
	}

#content ul li {	}

#content ol li{	}

#content img{
	padding: 9px;
	border: 1px solid #0088CC;
	margin-bottom: 18px;
	}

#content p.key{
	text-align: right;
	margin-right: 5px;
	}

#content p.key img{
	padding: 0;
	border: none;
	margin: 0 5px 0 10px;
	
	}

#content img.left{	
	margin: 0 10px 0 0;
	float: left;
	}

#content img.right{
	margin: 0 0 0 10px;
	float: right;
	}

/* ###### Foot ###### */

#footer {
	background:#0088CC url(/assets/img/fade_sme.gif) repeat-x scroll left bottom;
	border-top:5px solid #FFFFFF;
	clear:both;
	color:#FFFFFF;
	text-align:center;
	width:890px;
	}

#footer p{	line-height: 25px;	}

#footer a{
	color:#FFFFFF;
	text-decoration: underline;
	border: none;
	}

#footer a:hover{
	color:#FFFFFF;
	text-decoration: none;
	border: none;
	}
	
/* ##### Other Forms ###### */

form{
	float: left;
	width: 230px;
	}

label{
	float: left;
	width: 80px;
	}
	
form div{	margin-bottom: 10px;	}

form .buttons{ margin-left: 80px;	}

/* ###### Contact ###### */

#contact-form{
	width: 592px;
	color: #0088CC;
	margin: 10px 0 10px 25px;
	}
	
#contact-form div{	float: left;	}
	
#contact-form label{
	float: left;
	width: 70px;
	margin-bottom: 15px;
	margin-left: 15px;
	}

#contact-form input, #contact-form textarea{
	border: 1px solid #CCC;
	border-bottom: 1px solid #0088CC;
	}
	
#contact-form input{
	width: 200px;
	height: 18px;
	padding: 2px;
	font-family: inherit;
	}

#contact-form textarea{
	height: 55px;
	width: 490px;	
	padding: 2px;
	font-family: inherit;
	}

#contact-form .submitbutton{
	float: right;
	margin: 10px;
	}

#contact-form .submitbutton input{
	height: 22px;
	}

/* ###### Misc ###### */

img{	border: none;	}

.clear{	clear: both;	}

iframe{	border: 1px solid #0088CC;	}

/*.Support #content p img{
	padding: 0;
	margin: 0;
	border: none;
	}*/

/* ###### Tables ###### */

table {
	border-collapse: collapse;
	margin: 5px;
	}
table td, table th {	border: 1px solid #eee;	}

table th{	padding: 0 5px;	}

table td{	text-align: center;	}

table tr{	height: 20px;	}

#content table img{
	border: none;
	padding: 0;
	margin: 0;
	}

/* ###### cawrap ###### */

.cawrap{
	width: 200px;
	float: left;
	margin-left: 15px;
	_margin-left: 7px;
	}
	
.cawrap .cahead{
	background: url(/assets/img/caheadbg.png) #F0F0F0 no-repeat;
	height: 29px;
	text-align: center;
	}

.cawrap .cacontent{
	background: #F0F0F0;
	padding: 10px;
	}

#content .cawrap .cacontent p{	padding-bottom: 0;	}

.cawrap .cafoot{
	height: 19px;
	background: url(/assets/img/cafootbg.png) no-repeat;
	text-align: right;
	}
#content .cawrap .cafoot a{
	border-bottom: none;
	margin-right: 5px;
	}

/*NEWS*/
#content .news ul{	margin: 0;	}

#content .news ul li{	list-style: none;	}

#content .news ul li a.title{
	border-bottom: none;
	font-size: 14px;
	}
	
#content .news ul li a.title:hover, #archive ul li a:hover{	border-bottom:1px dashed #0088CC;	}

#content .news ul li p.date, #content .news p.newseventdate{
	text-align: right;
	padding-bottom: 2px;
	font-weight: bold;
	font-style: italic;
	}

#archive ul li{
	list-style: none;
	overflow: hidden;
	}
	
#archive ul li a{
	font-size: 14px;
	border-bottom: none;
	width: 35px;
	border-bottom:1px dashed #fff;
	}
	
#archive ul li a:hover{	border-bottom:1px dashed #0088CC;	}
	
#archive ul li ul li{
	border: none;
	display: inline;
	}
	
#archive ul li ul li a{
	color: #333;
	font-size: 12px;
	font-weight: normal;
	}
	
#archive ul li ul li a:hover{
	color: #0088CC;
	border-bottom:1px dashed #fff;
	}

#home_news ul li p.date{	display: none;	}
	
#home_news ul li{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #E4E4E4;
	text-align: left;
	}
	
#home_news ul li a{
	border: none;
	text-align: left;
	}
	
#home_news ul li a:hover{	text-decoration: underline;	}