/* EAA Chapter 1361 style sheet - 1361_styles.css  */

body {
	margin: 0;
	padding: 0;
	background-color: white;  
	background-image: url(/graphics/clouds.jpg);
	background-repeat: repeat;
	font: small Arial, Helvetica, Verdana, sans-serif;
	}

#wrapper {
		background-color: #ffffff;  /* white */
		color: #000000;  /* black */
		margin: 30px 40px;
		padding: 10px;
		}

#header-bottom {
		margin-top: 0;
		padding-top: .6em;
		border-top: 1px solid silver;
		height: 1%;
		}

#breadcrumb {
			margin-left: 5em;
			text-align: center;
			}
			
		#breadcrumb ul {
							display: inline;
							list-style: none;
							margin: 0;
							padding: 0;
						}

		#breadcrumb li {
						
						padding: .4em  1em 1em 0;
						font-size: 90%;
						float: left;
						}
							
			
#header {
		width: 100%;
		text-align: center;
		border: 1px solid #c0c0c0;  /* silver */
		background-color: #ffffff; /* white */
		background-image: url(/graphics/pylon7.gif);
		background-repeat: no-repeat;
		}

	#header a:link {
		margin-right: 10em;
		font: small;
		}

	#header a:hover a:visited {
		color: blue;
		font: small;
		}

	#logo {
			float: left;
			padding-left: 3em;
			padding-top: .4em;
			}
	#pylon {
			float: right;
			padding-right: 3em;
			padding-top: .4em;
			}
		
#tagline {
		font-weight: bold;
		background-color: white;
		color: #050845;
		font-style: italic;
		margin: 0;
		text-align: center;
		padding: .4em 0 0 0;
		width: 100%;  
		}

#main {
	width: 100%;
	margin-top: 10px;
	}
	#main .center {
					text-align: center;
					}
	
#clearone {
		clear: both;
		height: 1px;
		}

#content {
		margin: 0 295px 0 180px;	/* 295px right margin for sidebar, 180px for left sidebar2 */
		border-top: 1px solid #b9d2e3;  
		border-right: 1px solid #b9d2e3;
		border-left: 1px solid #b9d2e3;
		background-color: #ffffff;   /* white */
		color: #000000;         /*  black  */
		padding-left: 20px;
		}
		
		

		#content .inner {
				margin: 10px 20px 10px 40px;
				}

		#content .inner h2 {
					color: #245185;
					padding-bottom: 0.2em;
					border-bottom: 1px solid #b9d2e3;
					font-size: 110%;
					}

		#content .inner ul .features {
						margin: 0;
						padding: 0;
						list-style: none;
						}

		#content .inner h3 {
					font-size: 130%;
					}

		#content .inner h3 a:link, #content .inner h3 a:visited {
										color: #245185;
										}

		#content .inner p {
					color: #112236;
					font-size: 90%;
					}
		
		#content .inner .features li img {
							float: left;
							margin: 0 5px 0 5px;
							}

		#content .inner .features p.author {
						font-weight: bold;
						text-align: right;
						}
						
		#content .inner p.more {
						margin-top: 0;
						text-align: right;
						}


		#content .inner p.more a:link, #content .inner p.more a:visited {
											padding-left: 14px;
											font-size: 90%;
											color: white;	
											}
											
.center {
			text-align: center;
			}

#mainfeature {
		background-image: url(img/mainimg.jpg);
		background-repeat: no-repeat;
		background-color: #112236;    /*  dark blue */
		color: white;
		padding: 2em 2em 1em 2em;  
		height: 1%;		     /*  hack for IE 6 - peekaboo bug        */
		}

		#mainfeature h1 {
					margin: 0;
					font-weight: normal;
					font-size: 140%;
					text-align: center;
					}

		#mainfeature p {
					font-size: 85%;
					}

		#mainfeature p.more {
					margin-top: 0;	
					text-align: right;
					}
					
		#mainfeature p.more {
									
										background-image: url(img/more-bullet.gif);
										background-repeat: no-repeat;
										background-position: center left;	
										padding-left: 14px;	
										color: white;
										}
		#mainfeature a:link {
							color: gold;
							}
		#mainfeature a:visited {
							color: white;
							}
		#mainfeature a:hover {
							color: red;
							}
							
		#mainfeature  .indent {
							font-size: 110%;
							margin-left: 30em;
							}
		#mainfeature  .techindent {
							font-size: 100%;
							margin-left: 17em;
							}
		#mainfeature  .techindent2 {
							font-size: 100%;
							margin-left: 20em;
							}

#sidebar {
		float: right;
		width: 275px;
		background-color: #256290;
		color: white;
		margin: 0;
		padding: 0;
		}

	#sidebar h3 {
			font-size: 110%;
			background-image: url(img/sidebar-header-bg.jpg);
			background-repeat: no-repeat;
			margin: 0;
			padding: 0.2em 0 0.2em 10px;
			font-weight: normal;
			}

	#sidebar .inner {
				padding: 10px;  /* padding all 4 sides  */
				}

	#sidebar ul {
			list-style-image: url(img/more-bullet.gif);
			margin-left: 0;
			padding-left: 20px;
			}

	#sidebar p, #sidebar li {
					font-size: 90%;
					line-height: 1.4em;
					}

	#sidebar ul a:link, #sidebar ul a:visited {
							color: white;
							}

	#sidebar .date {
			font-weight: bold;
			}

			#sidebar p.more {
			clear: right;
			margin: 0 30px 0 0;
			text-align: right;
			}

	#sidebar p.more a:link, #sidebar p.more a:visited {
							color: white;
							background-image: url(img/more-bullet.gif);
							background-repeat: no-repeat;
							background-position: center left;
							padding-left: 14px;
							}
							
	#sidebar .inner2 {
				text-align: center;
				}

#sidebar2 {
		float: left;
		width: 160px;
		border-top: 1px solid #b9d2e3;
		border-left: 1px solid #b9d2e3;
		background-color: white;
		color: black;
		margin: 0;
		padding: 0;
		}

		#sidebar2 .inner {
					margin: 10px;
					}

		#sidebar2 p {
				font-size: 90%;
				color: #666666;
				}

		#sidebar2 a:link, #sidebar2 a:visited {
							color: #245185;
							font-weight: bold;
							}

		#sidebar2 h3 {
				color: #245185;
				padding-bottom: 0.2em;
				border-bottom: 1px solid #b9d2e3;
				font-size: 110%;
				}

#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	}

	#nav li {
			border-bottom: 1px solid #b9d2e3;
			padding: 0.4em 0 0.2em 0;
			font-size: 90%;
			}

	#nav li a:link, #nav li a:visited {
						text-decoration: none;
						color: #245185;
						font-weight: normal;
						}


#footer {
		clear: both;
		width: 100%;
		border-top: 1px solid #b9d2e3;
		border-bottom: 1px solid #b9d2e3;
		margin-top: 10px;
		}

	#footer p {
			font-size: 90%;
			color: #256290;
			margin: 0;
			padding: 0.2em 0 0.2em 0;
			}
			
#calendar {
			text-align: center;
			clear: right;
			padding-left: 14em;
			}
#nltr {
		text-align: center;
		margin-left: 20em;
		}
				
		table {
				background-color: #ccd1d7;
				text-align: left;
				border: 1px solid black;
				border-collapse: collapse;
				margin-bottom: 2em;
				}
		
		.major {
					color: red;
					}
			
		td {
			padding: .5em 1em 1em 1em;
			margin: 1em;
			border: 1px solid black;
				}
				
		th {
			border: 1px solid black;
			border-collapse: collapse;
			text-align: center;
			padding-left: 2em;
			padding-right: 2em;
			}
			
		caption {
			text-align: left;
			line-height: 3.5em;
			font-weight: bold;
			color: #18459f;
			}
			
		#nltr caption {
			text-align: center;
			line-height: 2em;
			font-size: 1.2em;
			font-weight: bold;
			color: black;
			}
			
.month {
		text-align: center;
		}
		
#signinform {
		display: block;
		background-color: #112236;    /*  dark blue */
		color: white;
		padding: 2em 2em 1em 2em;  
		height: 1%;		     /*  hack for IE 6 - peekaboo bug        */
		}
#signinform h3 {
				text-align: center;
				}
#signinform ol {
				padding: 1em 1em 0 1em;
				list-style: none;
				}
#signinform li {
				padding-bottom: 1em;
				}
#signinform label {
				float: left;
				width: 15em;
				margin-left: 25em;
				}
#signinform .button {
				margin-left: 40em;
				}