/* <!-- */
	/* General styles */
    

body {
		text-align:center;
		}
#fixed {
		margin:0 auto;
		width:770px;   /* you can use px, em or % */
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
}

p,p2,h1,pre {
		margin:0px 0px 0px 0px;
		}
		
	p {
		font-size: .8em;
		font-family: arial, helvetica;
		color:#404040;

		}

	h1 {
		font-size:2em;
		font-family: arial; 
		color: #fff;
		padding:15px 10px 0px 20px;
		}
				
	h2 {
		text-align: left;
		font-size:1.4em;
		font-family: arial;
		color:#000;
		padding-top:5px;
		}
h3 {
		text-align: left;
		font-size:1em;
		font-family: arial, verdana, helvetica;
		color:black;
		padding:0px 0px 0px 0px;
		}		

	h4 {
		font-size:1em;
		font-family: arial; 
		color: #000;
		padding:0px 10px 0px 0px;
		}
		

a:link {color: #707070}
a:visited {color: #707070}
a:hover {color: #404040}
a:active {color: #707070}
text-decoration:none;

}


.buttonscontainer {width: 150px;}

.buttons a {color: #fff;
background-color: #313e5b;
padding-left: 3px;
display: block;
border-bottom: 1px solid #fff;
font-weight: bold;
text-decoration: none;
text-align: left;
	font-style: normal;
	font-variant: normal;
	font-size: .85em;
	line-height: normal;
	font-family: Arial, sans-serif;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.buttons a:hover {
background-color: #666d70;
color: #fff;
text-decoration: none;
}
    }
	img {
		margin:10px 0 5px;
	}
	
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:770px;
height:137px;
		background-image:url('images/aviation/aviation_art_tornado_hd.jpg');
    }
	#header {
		border-bottom:1px solid #000;
	}

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:800px;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:#fff;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 15px 0 215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:185px;
        position:relative;
        right:200px;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }

#container {position:relative; width:600px; height:565px; background:#313e5b; border:1px solid #404040; margin:10px 0px; font-family:verdana, arial, sans-serif; font-size:1em;} /* format of large box that has the thumbs at the top*/

#container a.pics {float:left; padding:18px 18px; display:inline; color:#000; text-decoration:none; width:40px; height:40px; cursor:default;} 
#container a.pics img.thumb {display:block; border:1px solid #000;}/* describes size and padding of the thumbnail images */

#container a.pics span {display:none; border:0; width:520px; background:#404040; border:1px solid #fff; text-align:center;}
#container a.pics span img {margin:20px auto; border:1px solid #000;}/* style of the box that appears when hover over an icon */

#container a.pics:hover {white-space:normal;}
#container a.pics:hover img.thumb {border:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:27px; top:130px; z-index:10; height:400px;}
/* positioning and height of the box that appears when hover over an icon */

#container a.pics:active img.thumb {border:1px solid #313e5b;} 
#container a.pics:active span {display:block; position:absolute; left:27px; top:130px; z-index:5; height:400px;}
/* positioning and height of the box that appears when clicked on an icon */

#container a.pics:focus {outline:0;}
#container a.pics:focus img.thumb {border:1px solid #fc0}
#container a.pics:focus span {display:block; position:absolute; left:27px; top:130px; z-index:5; outline:0; height:400px;}

#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:612px; text-align:center; color:#fff; z-index:1;}
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}




    /* --> */
    </style>
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .col1 {
	    width:100%;
	}
    </style>
    <![endif]-->