/*
RAF Virtual CSS 
Designed by Alastair Lee for use by RAFvirtual.com 
copyright Alastair Lee
*/


/*---------[ General Settings ]---------*/
.contentleft {
	float: left;
	width: 120px;
	}
	
.contentright {
	float: right;
	width: 350px;
	}

.content p {
	}
	
.content h3 {
  	padding: 6px 10px 6px 10px;
	background: #313E5B;
	font-weight: bold;
	font-size: 1.4em;
	color: #FFFFFF;
	}	

.content h4 {
	font-size: 1em;
	line-height: 1.2em;
	background: #0F6;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #0F6;
	}	

.content h5 {
	font-size: 1em;
	line-height: 1.2em;	
	background: #9AA0AF;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #FFFFFF;
	}




body {
	font-family: Tahoma;
	font-size: 0.7em;
	line-height: 1.5;
	color: #313E5B;
	}
	
ul, ul li {
	list-style: none;
	}

A   { 
	text-decoration:none 
	}
	
	
 * {
 	margin: 0;
 	padding: 0;
 	}

.clear:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
	}

.clear {
	display: inline-table;
        min-height: 0;
	}


* html .clear { height: 1%; }
.clear { display: block; }	
	
	
.toptext {
	float: right;
	}	
	


/*---------[ page ]---------*/
#page {
	width: 764px;
	padding: 0 0 10px 0;
	margin: 0 auto;
	background: #FFFFFF;
	}
	
/*---------[ sheet ]---------*/
#sheet {
	width: 732px;
	padding: 0 0 10px 0;
	margin: 0 auto;
	text-align: left;
	}

/*---------[ sheet header]---------*/
.logo {
	float: left;
	}


.topmenu {
	float: right;
	}


/*---------[ toplinks ]---------*/
.toplinks {
	height: 10px;
	float: right;
	margin-bottom: 0px;
	} 
	
.toplinks ul {
	margin: 0px 0px 0px 0px;
	list-style: none;
	}

.toplinks li {
	float: right;
	}
	
.toplinks li a {
	display: block;
	float: left;
	margin-left: 20px;
	padding: 1px 0px 1px 12px;
	display: inline;
	font-size: 80%;
	text-transform: uppercase;
	line-height: 1em;
	color: #646E7D;
	background: url("http://www.rafvirtual.com/images/arrows.gif") no-repeat 0 50%;
	}

	
/*---------[ Nav Menu]---------*/
.nav {
	border-bottom: 5px solid #ECEEF1;
	}
	
.nav ul {
	padding: 0px;
	background: #313e5b;
	border-bottom: 1px solid #FFFFFF;
	}
	
.nav li {
	float: left;
	}
	
.nav li a {
	display: block;
	float: left;
	margin: 0px;
	padding: 7px 22px 7px 22px;
	width: auto;
	background: #313E5B;
	color: #E0E2E7;
	border-left: 1px solid #9AA0AF;
	text-decoration: none;
	font-family: "Arial";
	font-size: 0.9em;
	}
	
.nav li a.first {
	border-left: none;
	padding: 7px 23px;
	}
	
.nav li a:hover,
.nav li a:active,
.nav li a.here {
	background: #5279A9;
	}
	
/*---------[ footer]---------*/	

.footerbar {
	border-bottom: 1px solid #313E5B;
	}

.footer p {
	background: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	height: 5px;
	}
	
.footer ul {
	padding: 0px;
	float: left;
	margin: 1px 0;
	color: #FFFFFF;
	}
	
.footer li {
	float: center;
	}
	
.footer li a {
	display: block;
	margin: 0px;
	padding: 0px 10px;
	color: #646E7D;
	}

.footer p.notice {
	float: right;
	padding: 0px 10px;
	margin: 1px 0;
	}
	
	
/*---------[ breadcrumb ]---------*/

.breadcrumb {
	padding: 12px 4px;
	line-height: 1em;
	}

.breadcrumb a {
	text-decoration: underline;
	color: #313E5B;
	}
	
.breadcrumb a:hover {
   color: #313E5B;
   text-decoration: none;
   }
   
.breadcrumb a:active {
	text-decoration: none;
	}
	

	/*---------[ sidenav ]---------*/
	
	
.sidenav li a:hover,
.sidenav li a:active,
.sidenav li a.here {
	background: #D2D7DD url("http://localhost/rafv/images/on.gif") no-repeat 0 50%;
	}
	
.sidenav li ul{
	margin: 0;
	padding: 0;
	}

.sidenav li li a {
	background: #FFFFFF;
	padding-left: 5px;
	margin-left: 25px;
	font-weight: normal;
	}
	
.sidenav li li a:hover,
.sidenav li li a:active,
.sidenav li li a.here {
	background: #D2D7DD;	
	}

.sidenav li li li a {
	margin-left: 40px;
	}

	ul#sidenav {
	margin: 0px;
	padding: 0px;
	}
	
.sidenav li {
	padding: 0px;
	margin: 0px;
	}
		
.sidenav li a {
	display: block;
	line-height: 1.2em;
	padding: 3px 6px 4px 30px;
	margin: 0px;
	color: #313E5B;
	border-bottom: 1px solid #FFFFFF;
	background: #ECEEF1 url("http://localhost/rafv/images/off.gif") no-repeat 0 50%;
	}
	
	* html .sidenav li a {
	height: 1%;
	}
	
	.leftmenu {
	float:left;
	width: 165px;
	}
	
	.main {
	width: 556px;
	float: right;
	}
	
	
	
	
	
	
	
	
	
	
	
/*---------[ index left column ]---------*/
	
	
.leftcol {
	width: 522px;
	margin-top: 10px;
	float: left;
	}

.index {
	width: 522px;
	float: left;
	border-left: 1px solid #313E5B;
	border-bottom: 1px solid #313E5B;
	border-right: 1px solid #313E5B;
	}

.index h3 {
	padding: 6px 10px 6px 20px;
	background: #313e5b;
	font-weight: bold;
	font-size: 1.0em;
	color: #FFFFFF;
	}
	
.index p {
    padding: 6px 10px 6px 20px;
}


.minileft {
	width: 245px;
	float: left;
	border-left: 1px solid #313e5b;
	border-bottom: 1px solid #313e5b;
	border-right: 1px solid #313e5b;
	display: inline;
	}

.minileft h3 {
	padding: 6px 10px 6px 20px;
	background: #313e5b;
	font-weight: bold;
	font-size: 1.0em;
	color: #FFFFFF;
	}
	
.minileft p {
    padding: 6px 10px 6px 20px;
}






.minileftinner {
	width: 110px;
	float: left;
	display: inline;
	}

.minileftinner p {
    padding: 6px 10px 6px 20px;
}


	
	

.minirightinner {
	width: 110px;
	float: right;
	display: inline;
	}

.minirightinner p {
    padding: 6px 10px 6px 20px;
    text-decoration: none;
}

.minirightinner a {
	color: #646E7D;
	text-decoration: none;
	}






.miniright {
	width: 245px;
	float: right;
	border-left: 1px solid #313e5b;
	border-bottom: 1px solid #313e5b;
	border-right: 1px solid #313e5b;
	display: inline;
	}

.miniright h3 {
	padding: 6px 10px 6px 20px;
	background: #313e5b;
	font-weight: bold;
	font-size: 1.0em;
	color: #FFFFFF;
	}
	
.miniright p {
    padding: 6px 10px 6px 20px;
}



	
/*---------[ index right column ]---------*/

.rightcol {
	width: 180px;
	margin-top: 10px;
	float: right;
	}

.indexright {
	width: 180px;
	float: right;
	border-left: 1px solid #9AA0AF;
	border-bottom: 1px solid #9AA0AF;
	border-right: 1px solid #9AA0AF;
	display: inline;
	}

.indexright h3 {
	padding: 6px 10px 6px 20px;
	background: #9AA0AF;
	font-weight: bold;
	font-size: 1.0em;
	color: #FFFFFF;
	}
	
.indexright p {
    padding: 6px 10px 6px 20px;
}


/*---------[ main content ]---------*/

.contentleft {
	float: left;
	width: 120px;
	}
	
.contentright {
	float: right;
	width: 350px;
	}


.content p {
	}
	
.content h3 {
	background: #313E5B;
	padding: 0px 10px 0px 10px;
	color: #FFFFFF;
	}	

.content h4 {
	font-size: 1em;
	line-height: 1.2em;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #FFF;
	background-color: #03F;
	}	

.content h5 {
	font-size: 1em;
	line-height: 1.2em;	
	background: #9AA0AF;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #FFFFFF;
	}
	
	
	
	
	
	
	
/*---------[ Infosite ]---------*/

.infoindexh3 {
	background: #313E5B;
	padding: 0px 10px 0px 10px;
	color: #FFFFFF;
	}	

.infoindeximage {
	width: 180px;
	margin-top: 10px;
	float: left;
	}
	
.infoindexcontent {
	width: 350px;
	margin-top: 10px;
	float: left;
	}

.infoindexcontent p {
	color: #000000;
	}

.infoindexcontent h5 {
	color: #000000;
	}

.inforightcol {
	width: 180px;
	margin-top: 10px;
	float: right;
	}

.infoindexright {
	width: 180px;
	float: right;
	border-left: 1px solid #9AA0AF;
	border-bottom: 1px solid #9AA0AF;
	border-right: 1px solid #9AA0AF;
	display: inline;
	}

.infoindexright h3 {
	padding: 6px 10px 6px 20px;
	background: #9AA0AF;
	font-weight: bold;
	font-size: 1.0em;
	color: #FFFFFF;
	}
	
.infoindexright p {
    padding: 6px 10px 6px 20px;
}


/*---------[ Squadrons ]---------*/

.cfs {
	border-left: 1px solid #313e5b;
	border-bottom: 1px solid #313e5b;
	border-right: 1px solid #313e5b;
	border-top: 1px solid #313e5b;	
	margin-top: 10px;
	float: left;
	width: 732px;
	}

.cfs img {
	padding: 6px 10px 6px 10px;
	float: left;
	}


.cfstext {
	float: right;
	width: 600px;
	}

.cfstext h2 {
	padding: 4px 10px 4px 10px;
	margin-right: 80px;
	background: #9AA0AF;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	}

.cfstext h3 {
	padding: 6px 10px 6px 10px;
	background: #313e5b;
	font-weight: bold;
	font-size: 1.0em;
	color: #FFFFFF;
	}
	
.cfstext p {
    padding: 0px 0px 0px 20px;
}



.sqnleft {
	border-left: 1px solid #313e5b;
	border-bottom: 1px solid #313e5b;
	border-right: 1px solid #313e5b;
	border-top: 1px solid #313e5b;	
	margin-top: 10px;
	float: left;
	width: 350px;
	}

.sqnleft img {
	float: left;
	}


.sqnlefttext {
	float: right;
	width: 190px;
	}

.sqnlefttext h2 {
	padding: 4px 10px 4px 10px;
	background: #9AA0AF;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	}

.sqnlefttext h3 {
	padding: 6px 10px 6px 10px;
	background: #313e5b;
	font-weight: bold;
	font-size: 1.0em;
	color: #FFFFFF;
	}
	
.sqnlefttext p {
    padding: 0px 0px 0px 20px;
}



.sqnright {
	border-left: 1px solid #313e5b;
	border-bottom: 1px solid #313e5b;
	border-right: 1px solid #313e5b;
	border-top: 1px solid #313e5b;	
	margin-top: 10px;
	float: right;
	width: 350px;
	}

.sqnright img {
	float: left;
	}


.sqnrighttext {
	float: right;
	width: 190px;
	}

.sqnrighttext h2 {
	padding: 4px 10px 4px 10px;
	background: #9AA0AF;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	}

.sqnrighttext h3 {
	padding: 6px 10px 6px 10px;
	background: #313e5b;
	font-weight: bold;
	font-size: 1.0em;
	color: #FFFFFF;
	}
	
.sqnrighttext p {
    padding: 0px 0px 0px 20px;
}



/* Staff Pages */

.staffleft {
	float: left;
	width: 268px
	}
	
.staffright {
	float: right;
	width: 268px
	}

.staffleft h4 {
	font-size: 1em;
	line-height: 1.2em;
	background: #313E5B;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	color: #FFFFFF;
	}

.staffright h4 {
	font-size: 1em;
	line-height: 1.2em;
	background: #313E5B;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	color: #FFFFFF;
	}

.staffleft p {
    padding: 6px 6px 6px 6px;
	border-bottom: 1px solid #313E5B;	
	border-left: 1px solid #313E5B;
	border-right: 1px solid #313E5B;
}

.staffright p {
    padding: 6px 6px 6px 6px;
	border-bottom: 1px solid #313E5B;	
	border-left: 1px solid #313E5B;
	border-right: 1px solid #313E5B;
}

.staffleft h2 {
}

.staffright h2 {
}

.staffleftoc {
	float: left;
	width: 268px
	}

.staffrightoc {
	float: right;
	width: 268px
	}

.staffleftoc p {
    padding: 0px 6px 0px 6px;
}

.staffrightoc p {
    padding: 0px 6px 0px 6px;
}

.ocmain {
	width: 556px;
	float: right;
	border-bottom: 1px solid #313E5B;	
	border-left: 1px solid #313E5B;
	border-right: 1px solid #313E5B;
	}

.ocmain h4 {
	font-size: 1em;
	line-height: 1.2em;
	background: #313E5B;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #FFFFFF;
	}
	
	
/*---------[ sitemap pages ]---------*/

.sitemap h4 {
	font-size: 1em;
	line-height: 1.2em;
	background: #313E5B;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #FFFFFF;
	}

.sitemap {
	width: 180px;
	float: left;
	}

.sitemap li a:hover,
.sitemap li a:active,
.sitemap li a.here {
	}
	
.sitemap li ul{
	margin: 0;
	padding: 0;
	}

.sitemap li li a {
	background: #FFFFFF;
	padding-left: 5px;
	margin-left: 10px;
	}
	
.sitemap li li a:hover,
.sitemap li li a:active,
.sitemap li li a.here {
	background: #D2D7DD;	
	}

.sitemap li li li a {
	margin-left: 10px;
	}

.sitemap li a {
	display: block;
	padding: 3px 6px 4px 10px;
	margin: 0px;
	color: #313E5B;
	border-bottom: 1px solid #FFFFFF;
	background: #ECEEF1;
	}
	
	* html .sitemap li a {
	height: 1%;
	}

.sitemap li a {
	line-height: 1.2em;
	}
	
.sitemap li li a {
	font-weight: normal;
	}
	
.sitemap li li a.here {
	}
	
	ul#.sitemap {
	margin: 0px;
	padding: 0px;
	}
	
.sitemap li {
	padding: 0px;
	margin: 0px;
	}
	
	

/*---------[ aircraft pages ]---------*/

.leftaircraft {
	float: left;
	width: 380px
	}
	
.rightaircraft {
	float: right;
	width: 120px
	}
	
.leftaircraft p {
	padding: 2px 10px 4px 10px;
	}

.leftaircraftgr p {
	background: #ECEEF1;
	padding: 2px 10px 4px 10px;
	}

.leftaircraft h4 {
	padding: 2px 10px 4px 10px;
	font-size: 1em;
	background: #313E5B;
	font-weight: bold;
	color: #FFFFFF;
	}
	
.rightaircraft p {
	padding: 2px 10px 4px 10px;
	}
	
.rightaircraftgr p {
	background: #ECEEF1;
	padding: 2px 10px 4px 10px;
	}

.rightaircraft h5 {
	font-size: 1em;
	background: #9AA0AF;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	color: #FFFFFF;
	}
	
/*---------[ news content ]---------*/

.news {
	float: left;
	}

.newsleft {
	float: left;
	width: 556px;
	}
	
.newsright {
	float: right;
	width: 120px;
	}


.news p {
	}
	
.news h3 {
	background: #313E5B;
	padding: 0px 10px 0px 10px;
	color: #FFFFFF;
	}	

.news h4 {
	font-size: 1em;
	line-height: 1.2em;
	background: #313E5B;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #FFFFFF;
	}	

.news h5 {
	font-size: 1em;
	line-height: 1.2em;	
	background: #9AA0AF;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #FFFFFF;
	}
	
/*---------[ inter page links ]---------*/

	
.interlink li a {
	line-height: 0.8em;
	}
	
.interlink li {
	line-height: 0.8em;
	padding: 0px;
	margin: 0px;
	}
		
.interlink li a {
	line-height: 0.8em;
	display: block;
	padding: 3px 6px 4px 20px;
	margin: 0px;
	font-size: 80%;
	text-transform: uppercase;
	color: #646E7D;
	background: url("http://www.rafvirtual.com/images/arrows.gif") no-repeat 0 50%;
	}
	
	
	
/*---------[ Downloads links ]---------*/	
	
.resourceleft {
	float: left;
	width: 268px
	}
	
.resourceright {
	float: right;
	width: 268px
	}

.resourceleft h4 {
	font-size: 1em;
	line-height: 1.2em;
	background: #313E5B;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	color: #FFFFFF;
	}

.resourceright h4 {
	font-size: 1em;
	line-height: 1.2em;
	background: #313E5B;
	padding: 2px 10px 4px 10px;
	font-weight: bold;
	color: #FFFFFF;
	}
	
.resourceleft img {	
	border-bottom: 1px solid #313E5B;	
	border-left: 1px solid #313E5B;
	border-right: 1px solid #313E5B;
	}	
	
.resourceright img {	
	border-bottom: 1px solid #313E5B;	
	border-left: 1px solid #313E5B;
	border-right: 1px solid #313E5B;
	}
	
/*---------[ ACv Structure ]---------*/

.hqac {
	border-left: 1px solid #313e5b;
	border-bottom: 1px solid #313e5b;
	border-right: 1px solid #313e5b;
	border-top: 1px solid #313e5b;	
	margin-top: 10px;
	float: left;
	width: 732px;
	}

.hqac img {
	padding: 6px 10px 6px 10px;
	float: left;
	}


.hqactext {
	float: right;
	width: 550px;
	}


.hqactext h3 {
	padding: 6px 10px 6px 10px;
	background: #313e5b;
	font-weight: bold;
	font-size: 1.0em;
	color: #FFFFFF;
	}
	
.hqactext p {
    padding: 0px 0px 0px 20px;
}


.regleft {
	border-left: 1px solid #313e5b;
	border-bottom: 1px solid #313e5b;
	border-right: 1px solid #313e5b;
	border-top: 1px solid #313e5b;	
	margin-top: 10px;
	float: left;
	width: 350px;
	}

.regleft img {
	float: left;
	}


.reglefttext {
	float: right;
	width: 190px;
	}

.reglefttext h3 {
	padding: 6px 10px 6px 10px;
	background: #313e5b;
	font-weight: bold;
	font-size: 1.0em;
	color: #FFFFFF;
	}
	
.reglefttext p {
    padding: 0px 0px 0px 20px;
}



.regright {
	border-left: 1px solid #313e5b;
	border-bottom: 1px solid #313e5b;
	border-right: 1px solid #313e5b;
	border-top: 1px solid #313e5b;	
	margin-top: 10px;
	float: right;
	width: 350px;
	}

.regright img {
	float: left;
	}


.regrighttext {
	float: right;
	width: 190px;
	}

.regrighttext h3 {
	padding: 6px 10px 6px 10px;
	background: #313e5b;
	font-weight: bold;
	font-size: 1.0em;
	color: #FFFFFF;
	}
	
.regrighttext p {
    padding: 0px 0px 0px 20px;
}

/*---------[ Forum Nav Menu]---------*/
.forumnav {
	border-bottom: 5px solid #ECEEF1;
	}
	
.forumnav ul {
	padding: 0px;
	background: #313e5b;
	border-bottom: 1px solid #FFFFFF;
	}
	
.forumnav li {
	float: left;
	}
	
.forumnav li a {
	display: block;
	float: left;
	margin: 0px;
	padding: 7px 143px 7px 143px;
	width: auto;
	background: #313E5B;
	color: #E0E2E7;
	border-left: 1px solid #9AA0AF;
	text-decoration: none;
	font-family: "Tahoma";
	font-size: 0.9em;
	}
	
.forumnav li a.first {
	border-left: none;
	padding: 7px 130px 7px 130px;
	}
	
.forumnav li a:hover,
.forumnav li a:active,
.forumnav li a.here {
	background: #5279A9;
	}