/* CSS for Flight Examiner Training website */
body {font: 76%/1.4 Verdana, Arial, Helvetica, sans-serif; color: #000;	text-align: center;	background: url(../images/gradient.jpg) repeat-x top #C1E5FC;}

/* Kill all browser defaults */
* {margin:0; padding:0;}

/* layout rules */
#wrapper {margin: 20px auto; width: 720px; border: 1px solid #000; background: #fff;}
#header {width: 720px;}
#pagebody {width:720px; padding: 20px 0 0 0;text-align:left;}	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#content {width:536px; float:right; display:inline; padding-bottom: 10px; margin:0 10px 0 0; min-height:380px; height:auto !important; height:380px;}

#sidebar {padding: 10px 0 0 5px; width: 140px;}
#nav ul {list-style: none; margin: 0; padding:0;}
#nav ul li a {display: block; color: #000; text-decoration: none; width: 138px; font-weight: bold; padding: 4px 0 4px 2px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #ccc; border-left: 5px solid #ccc;}
#nav ul li a:hover {color: #851E24; border-top: 1px solid #009; border-right: 1px solid #009; border-bottom: 1px solid #009; border-left: 5px solid #009;}

#nav ul ul{margin: 0; padding-left: 6px; font-size:.84em;}
#nav ul ul li a {color: #039; width: 132px; padding:2px 0 2px 2px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 5px solid #FFF;}

#nav ul ul li a:hover {color: #851E24; border-top: 1px solid #009; border-right: 1px solid #009; border-bottom: 1px solid #009; border-left: 5px solid #009;}

.home #nav li#home a,
.entry #nav li#entry a,
.instructor #nav li#instructor a,
.info #nav li#info a,
.links #nav li#links a {color: #851E24; border-left: 5px solid #851E24;}
.home #nav li#home a:hover,
.entry #nav li#entry a:hover,
.instructor #nav li#instructor a:hover,
.info #nav li#info a:hover,
.links #nav li#links a:hover {border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #ccc;}

.entry #nav li#entry ul li a {color: #039; border-left: 5px solid #fff;}
.entry #nav li#entry ul li a:hover {color: #851E24; border-top: 1px solid #009; border-right: 1px solid #009; border-bottom: 1px solid #009; border-left: 5px solid #009;}

.ppl #nav ul ul li#ppl a,
.cpl #nav ul ul li#cpl a,
.cre #nav ul ul li#cre a {color:#851E24;}

/*  General rules */
p {margin: 0 0 15px 0;}
h1 {font-size: 1.3em; margin:10px 0;}
h2 {font-size: 1.3em; margin:10px 0;}
h3 {font-size: 1em; margin:10px 0 10px 0;}
h4 {font-size: 1em; margin:20px 0 2px 0;}
h5 {font-size: 1em; margin:6px 0 2px 0; font-weight:normal;}

address {font-style:normal; margin: 1em 0;}
address p {margin:0;}

a {color: #039;	text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
a:visited {color: #609;}

/*  Footer */
#footer {font-size: 0.84em; color: #F9F9F9; padding:1px 10px; background-color: #851E24; text-align: right;}
#footer ul {}
#footer li {list-style-type: none; display: inline}
#footer ul li a {color: #F9F9F9; text-decoration: none; font-weight:normal;}	
#footer ul li a:hover {text-decoration: underline;}

acronym {border-bottom: 1px dashed #ccc;}

div#content ul {margin:0 0 1em 3em;}
div#content ul li {padding:0; list-style-type:square; }
div#content ol {padding:0 0 0 0; margin:.5em 0 1em 3em;}

div#content div.line {border-bottom:1px solid #C1E5FC; margin:10px 0 10px 0; height:2px; clear:left;}
div#content div.line hr {display:none;}

/* image floats */
img.left, img.leftborder {float:left; margin:4px 12px 4px 0;}
img.left, img.right {border:none;}
img.right, img.rightborder {float:right; margin:4px 0 4px 12px;}
img.leftborder, img.rightborder {border: 1px solid #000;}
img.border {padding:1px; border: 1px solid #C1E5FC; margin:4px 0 12px 0;}
/* end image floats */

/* pull quote */
div#content .pullquote {font-size:.92em; margin:0 0 1.5em 12px; background: url(../images/quote_left.gif) no-repeat 5px 5px #F4FAFE; border:1px solid #C1E5FC; padding:0 0 0 0; float:right; clear:right; width:180px;}
div#content .pullquote blockquote {text-align:left; text-indent:17px; line-height:1.3;  padding:5px 5px 10px 5px; margin:0; background:url(../images/quote_right.gif) no-repeat 90% 100% ;}
div#content .pullquote p {font-weight:bold; padding:0 0 5px 5px; margin:0;}
/* end pull quote */