* {
	margin:0;
	padding:0;
	font-family: Impact, Charcoal, sans-serif;
}
@font-face { font-family: Impact; src:url(Impact.ttf)  } 
h1, h2 {
	color:#6E88A1;
	text-shadow:0 -1px 2px #333;
	letter-spacing:1px;
}
a { text-decoration:none; color:#6E88A1; }
h2 {
	padding:1em 0 0 0;
}
p {
	line-height:1.4em;
	font-family: Verdana, Geneva, sans-serif;
	color: #CCC;
}
p + p {
	text-indent:2em;
}
body {
	font-size:100%;
	text-align:center;
	background-image: none;
	background-color: #333
}
pre {
	display:block;
	margin:1em 0 0 0;
	width:488px;
}
pre code {
	background:#eee;
	display:block;
	padding:10px;
}
img.center {   display: block;   margin-left: auto;   margin-right: auto; }
.r {
	float:right;
	padding:0 0 10px 20px;
}
img {border: none}
#tabs {
	font-size:1.5em;
}
#tabs.centered {
	width:70%;
	margin:auto;
}
#tabs ul {
	height:2em;
	list-style:none;
	text-shadow:0 1px 2px #333;
}
#tabs li {
    background: #666 url(../images/tabs.gif) 0 100%;
	line-height:1.5em;
    float:left;
    margin: 0 2px 0 0;
    padding-left: 20px;
}
#tabs li a {
    background:url(../images/tabs.gif) 100% 100%;
    float:left;
    padding-right:20px;
    text-decoration: none;
	color: #6E88A1;
}
#tabs li a:hover {
	color: #FFF;
}
#tabs li.selected, #tabs li active {
	background-color: #CCC;
    background-position: 0 -93px;
	color: #6E88A1;
}
#tabs li a.selected, #tabs li a active {
	background-color: #CCC;
    background-position: 100% -93px;
}

/* Landscape mode (default) */
#wrap {
	margin:0 auto;
	width:1024px;
	position:relative;
	overflow:hidden;
	text-align:left;
	background:#fff;
	background-image: url(../images/aluminumBackground.jpg);
}
#header {
	float:left;
	width:1024px;
	padding:10px 0 20px 0;
	border-bottom: 5px ridge #999;
}
#header h1 {
	padding:0 30px 0 30px;
}
#content {
	float:left;
	width:1024px;
	position:relative;
	left:768px;
	padding-top:25px;
	padding-bottom:15px;
}
#main {
	float:left;
	width:708px;
	position:relative;
	right:738px;
	background-image: url(../images/blueAluminumBackground.jpg);
	text-align: justify;
	z-index:1;
}
#main p {
	padding: 20px;
	padding-bottom: 15px;
	margin-left: 50px;
	margin-right: 50px;
}
#main h1, h2 {
	width: 100%;
	padding-left: 0px;
	padding-top: 30px;
	margin: 0 auto;
	text-align: center;
	color:#CCC;
	text-shadow:0 1px 3px #333;
}
a.link {
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	color:#000;
	line-height:1.4em;
}
a.link:hover {
	color:#FFF
}
#main h2 {
	padding-top: 10px;
}
#main table {
	padding-top: 30px;
	margin:auto;
}
.bottomtop {
	position: absolute;
	width: 708px;
	height: 40px;
	background: url(../images/content.jpg) no-repeat;
	z-index:-1;
}
.BT {
	top: 0;
	left: 0;
	background-position: 0 0;
}
.BB {
	bottom: 0;
	right: 0;
	background-position: 0 100%;
}
#side {
	float:right;
	width:216px;
	position:relative;
	right:788px;
	padding-bottom:20px;
}
#side h2 {
	padding-top: 10px;
	color:#6E88A1;
 	text-shadow:-1px -1px 2px #333;
}
#side p {
		padding-bottom:10px;
		color:#333;
		font-size:14px;
	}
#sidea,
#sideb,
#sidec {
	clear:left;
	float:left;
	width:216px;
	text-align: center;
}
#footer {
	clear:both;
	float:left;
	width:1024px;
	border-top:5px groove;
	background:none;
}
#footer p {
	padding:20px 30px;
	font-size:.6em;
	color:#333;
}
@media only screen and (orientation:portrait){
	/* portrait mode */
	#header,
	#wrap,
	#footer {
		width:768px;
	}
	#content {
		left:0;
		background-image: url(../images/aluminumBackground.jpg);
	}
	#main {
		float:left;
		width:708px;
		position:relative;
		right:0;
		left:30px;
	}
	#side {
		clear:left;
		float:left;
		width:768px;
		right:0;
		padding-bottom:20px;
		background-image: none;
	}
	#sidea,
	#sideb,
	#sidec {
		text-align:center;
	}
	#sidea {
		clear:none;
		width:216px;
		float:left;
		position:relative;
		left:30px;
		padding-top:20px;
	}
	#sideb {
		clear:none;
		width:216px;
		float:left;
		position:relative;
		left:60px;
		padding-top:20px;
	}
	#sidec {
		clear:none;
		width:216px;
		float:right;
		position:relative;
		right:30px;
		padding-top:20px;
	}
}