/* 	Dynon Avionics Main CSS Document
*	Author:			Barkingweb.com - Nick Barling (Modified by Ron Ulbrich)
*	Date:			January 12 2006	
*	Version:		1.3
*	File:			dynon_main.css
*	Description:	CSS File to style site main content	
*	Notes:			This is the file to alter to make site wide changes to styling.
*					Use the descriptive headers to identify the elements that you
*					wish to change.
*					Original styling is preserved in dynon_main_original.css file supplied by Barkingweb */

/************************ start of css styling for the global site styling **************************/

/* define global styles for the common elements */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset{
margin: 0;
padding: 0;
border: 0;
}

/********************** end of global styling *******************************************************/

body{
	behavior:  url(csshover.htc); /* WinIE behavior call */
	color: #2b2b67;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	/*website background color*/
/*background-color: #e8e8f2;*/
background-color: #B1B2B3;
	text-align: center; /* This is added because WinIE 5.x does not support the auto value for the left and right margin in the #wrapper div*/
} 

/* wrapper div acts as the container for all elements used within a page */
/* the wrapper is positioned in the center of the browser with a 10px left and right margin*/
#wrapper{
width: 770px;
background-color: #ffffff;
margin: 10px auto;
border: 1px solid #000000;
text-align: left; /* This is added to realign the text to the left after using the text-align center in the #body div*/
}

/* set height and width to hold the Flash movie masthead */
#dynon_masthead{
height: 100px;
width: 770px;
}

/* define height and width and apply the black horizontal navbar graphic for the rollover nav images to sit on */
#horizontal_navbar{
height: 20px;
width: 770px;
background-image: url(../images/menu_bar_background_graphic.gif);
background-repeat: no-repeat;
}

/************************ start of left css driven nav column styling **************************/

#search{
padding: 2px;
}

#sch{
color: #000000;
margin-top: 3px;
margin-right: 3px;
margin-bottom: 5px;
}

div#nav{
margin-top: 10px;
margin-left: 12px;
font-size: 80%;
float: left;
display: inline;
width: 13em;
/*background-color: #FF6600;*/
}

div#nav ul{
margin: -2px 0 0 0; /* -2px setting closes gap between nav image bar and ul in WinIE */
padding: 0px;
width: 13em;
/*Vertical Nav Menu Background*/
/*background: #e8e8f2;*/
background: #e6ebef;

/*border: 1px solid #e4e4e4;*/
border: 1px solid #000000;
}

div#nav li{
position: relative;
list-style: none;
margin: 0;
}

div#nav li:hover {
background: #ffffff;
}

div#nav li a{
/*RGU*/
/*color: #a1a1a1;*/
color: #585851;
display: block;
padding: 0.25em 0 0.25em 0.5em;
text-decoration: none;
width: 100%;
voice-family:"\"}\""; voice-family: inherit;
width: 12.5em;
}

div#nav>ul a{
width: auto;
}

/* start of styling for h3 headings within nav column*/
div#nav h3{
font-size: 110%;
color:#a1a1a1;
padding: 0;
margin: 10px 0 0 10px;
}

/* blockquote styling for text in the left nav column*/
blockquote{
font-weight: bold;
color: #a1a1a1;
margin: 0 0 0 5px;
padding: 0.5em 0 1em 0;
border: 0;
}
/******************** end of css driven left nav column styling *********************/

/************************ start of left css driven second menu styling **************************/

/* Margin spacing added to separate the h3 Read More... heading from the following links*/
div#nav h3{
margin-top: 40px;
color: #000000;
}

div#nav ul.second_vert_menu {
margin-top: 10px;
background: #fff;
border: none;
}

div#nav ul.second_vert_menu li:hover{

/*background: for bottom nav when hovering*/
background: #e6ebef;
}

div#nav ul.second_vert_menu li a{
color: #000000;
}

/************************ end of left css driven second menu styling **************************/

/******************** start of css driven styling for the main content div *********************/

#content{
margin-left: 190px;
}

/* start of code to control anchors */

#content a{
color: #606060;
}

#content a:hover{
color: #1E1E1E;
text-decoration: none;
}

#content p{
	font-size: small;
	margin: 20px;
}

#content h1{
font-size: 130%;
color: #48667e;
padding: 0px;
margin: 20px;
}

#content h2{
font-size: 115%;
color: #48667e;
padding: 0px;
margin: 20px;
}

#content h3{
font-size: 90%;
color: #48667e;
padding: 0px;
margin: 20px;
}

#content h6{
font-size: 115%;
color: #FB0303;
padding: 0px;
margin: 20px;
/* Used for price info*/
}


/* container is used to float the content in the main div to the right */
/* this prevents any clearing divs forcing content below the left nav column */
.container{
width: 99%;
float: right;
border-left: 1px solid #E4E4E4;
/*background-color: #6633cc;*/
}

.leftimage{
float: left;
margin: 0px 10px 20px 0px;
border: 1px solid #000000;
}

.rightimage{
float: right;
margin: 0px 0px 20px 15px;
border: 1px solid #000000;
}

/* zero out margin and padding in lis as different browsers apply different criteria for indentation */
/* padding applied to the left of uls to match spacing of the main body */
.container ul{
font-size: 80%;
margin: 0;
padding: 0 0 10px 20px;
}

/* zero out margin and padding in lis as different browsers apply different criteria for indentation */
/* padding applied to the left of uls to match spacing of the main body */
.container ol{
font-size: 80%;
margin: 10px;
padding: 0 0 10px 20px;
}

/* set the embedded ul font-size here */
/* remember that the % set here is a % of the parent size */
.container ul ul{
font-size: 100%;
}

/* remove the underline from anchors */
/*.container li a{*/
/*text-decoration: none;*/
/*}*/

.container li{
position: 0px;
/* margin: 0;*/
margin-left: 3em;
list-style: 25cf;
padding: 0 0 0 0;
 /* bullets removed from all lis within any container div */
}



/******************** end of css driven styling for the main content div *********************/

/******************** start of css driven styling for tables within the main content div *********************/

#content table{
	border-color: #CDCDCD;
	margin-right: 10px;
	font-size: small;
	text-align: center;
	color: #000;
}

#content table p{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: small;
}

/******************** end of css driven styling for tables within the main content div *********************/

/* This is used to ensure all of the content (above where this is placed in the document) remains above it*/
/* Use it to keep floated images and text together by placing it in an empty div tag set*/
.clearit{
clear: both;
}

/* create an ID selector for the footer*/
/* clear both ensures the footer is moved below the content and left nav column divs*/
#footer{
border-top: 1px solid #000000;
background-color: #073f6e;
color: #a1a1a1;
text-align: center;
/*clear: both;*/
}

/* use the descendent selector to only alter the p element within the footer*/
#footer p{
margin: 0px;
font-size: 70%;
padding: 10px;
}

/* styling for anchor and hover within the footer */
div#footer a:hover{
color: #FDFDFD;
}

div#footer a{
color: #C5C5C5;
text-decoration: none;
}


.min_height {
height:600px;
float:right;
width:1px;
}

div#containerred {
	color:red;
	}