* {
	margin:0;
	padding:0;
}
a[href^=tel] {
	color:inherit;
	text-decoration:none;
}
h1{
	font-size:large;
	font-weight:bold;
	padding:0 0 0 0;
	align:left;
	
	
}
h2 {
	padding:1em 0 0 0;
}
p {
	line-height:1.4em;
	font-size:80%;
}
p + p {
	text-indent:0em;
	padding-top:5px;
	padding-bottom:5px;
}
a {
	display:block;
}
body {
	font-size:100%;
	text-align:center;
	background:#ddd;
}
pre {
	display:block;
	margin:1em 0 0 0;
	width:488px;
}
pre code {
	background:#eee;
	display:block;
	padding:10px;
}
.r {
	float:right;
	padding:0 0 10px 20px;
}
#menu {
	padding:0;
	margin:0;
	color:#fff;
	font-family: arial, helvetica, sans-serif;
	white-space:nowrap;
	list-style-type:none;
}
#menu li {
	display:inline;
}
#menu li a {
	padding:0.2em 1em;
	text-decoration:none;
	float:left;
}
#menu li a:hover {
	background:#08c;
	color:#fff;
}
/* Landscape mode (default) */
#wrap {
	margin:0 auto;
	width:1024px;
	position:relative;
	overflow:hidden;
	text-align:left;
	background:#fff;
}
#header {
	float:left;
	width:1024px;
	max-height:140px;
	padding:1px 0 1px 0;
	background:#1425F6;
	border-bottom:1px solid #000;
}
#header h1 {
	padding:10px 30px 0 30px;
}
#header p {
	padding:5 30px;
	line-height:1.4em;
}
#content {
	float:left;
	width:1024px;
	background:#eee;
	position:relative;
	left:768px;
}
#main {
	float:left;
	width:708px;
	position:relative;
	right:738px;
	padding:20px 0;
}
#side {
	float:right;
	width:216px;
	position:relative;
	right:788px;
	padding-bottom:20px;
}
#side p {
	padding-left:8px;
	padding-right:8px;
}
#inside {
	float:right;
	width:180px;
	height:680px;
	padding-bottom:20px;
	padding-top:20px;
	padding-left:10px;
	background-color:#EEE;
	position:relative;
}
#soundbite {
	float:left;
	width:160px;
	position:relative;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	height:auto;
	background-color: #FFFBF0;
	text-align:left;
	border-radius:5px;
	border-top-style:double;
	border-top-color:#0000FF;
	border-bottom:#0000FF;
	border-bottom-style:double;
}
#soundbite p {
	font-style:italic;
}
#button1 {
	float:left;
	width:160px;
	position:relative;
	top:10px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	height:90px;
	background-color: #1425F6;
	text-align:center;
	border-radius:5px;
}
#button2 {
	float:left;
	width:160px;
	position:relative;
	top:20px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	height:90px;
	background-color: #1425F6;
	text-align:center;
	border-radius:5px;
}
#button3 {
	float:left;
	width:160px;
	position:relative;
	top:30px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	height:90px;
	background-color: #1425F6;
	text-align:center;
	border-radius:5px;
}
#button4 {
	float:left;
	width:160px;
	position:relative;
	top:40px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	height:90px;
	background-color: #1425F6;
	text-align:center;
	border-radius:5px;
}
#button5 {
	float:left;
	width:160px;
	position:relative;
	top:50px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	height:90px;
	background-color: #1425F6;
	text-align:center;
	border-radius:5px;
}
#button6 {
	float:left;
	width:160px;
	position:relative;
	top:60px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	height:90px;
	background-color: #1425F6;
	text-align:center;
	border-radius:5px;
}
#button7 {
	float:left;
	width:160px;
	position:relative;
	top:70px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	height:90px;
	background-color: #1425F6;
	text-align:center;
	border-radius:5px;
}
#smallbox {
	float:right;
	padding:5px;
}
#sidea {
	clear:left;
	float: left;
	width:216px;
	position:relative;
	top:30px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	height:216px;
	background-color: #F00;
	border-radius:5px;
	border-right:ridge;
	border-right-color:#A00;
	border-right-width:medium;
	border-bottom:ridge;
	border-bottom-color:#A00;
	border-bottom-width:medium;
}
#sideb {
	clear:left;
	float: left;
	width:216px;
	position:relative;
	top:50px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	height:216px;
	background-color: #FFA824;
	border-radius:5px;
	border-right:ridge;
	border-right-color:#D47F55;
	border-right-width:medium;
	border-bottom:ridge;
	border-bottom-color:#D47F55;
	border-bottom-width:medium;
}
#sidec {
	clear:left;
	float: left;
	width:216px;
	position:relative;
	top:80px;
	padding-top:5x;
	padding-left:5px;
	padding-top:5px;
	height:216px;
	background-color: #008000;
	border-radius:5px;
	border-right:ridge;
	border-right-color:#2A5F00;
	border-right-width:medium;
	border-bottom:ridge;
	border-bottom-color:#2A5F00;
	border-bottom-width:medium;
}
#article {
	clear:left;
	float:left;
	position:relative;
	width:480px;
	height:320px;
	padding:10px;
	border:medium;
	border: #2A00FF;
	border-radius:5px;
}
#article ul {
	font-size:80%;
	list-style-type:none;
	line-height:1.4em;
}
#largearticle {
	clear:left;
	float:left;
	position:relative;
	width:480px;
	height:680px;
	padding:10px;
	border:medium;
	border: #2A00FF;
}
#largearticle ul {
	font-size:80%;
	list-style-type:none;
	line-height:1.4em;
}
#taster {
	float:left;
	position:relative;
	width:220px;
	height:40px;
	padding:10px;
}
#miniarticle {
	float:left;
	position:relative;
	width:460px;
	height:50px;
	padding:5px;
}
#linkedarticle {
	float:left;
	position:relative;
	width:460px;
	padding-bottom:5px;
}
#miniarticle p {
	font-size:80%;
}
#breadcrumbs {
	float:left;
	position:relative;
	width:99%;
	height:30px;
	padding:5px;
	border-radius:5px;
}
#footnote {
	float:left;
	position:relative;
	width:460px;
	height:250px;
	padding:10px;
	border:medium;
	border: #2A00FF;
	border-radius:5px;
	background-color:#2A3F00;
}
#footnote p {
	font-size:80%;
	color:#FFFBF0;
}
#footnote ul {
	ont-size:80%;
	color:#FFFBF0;
	list-style-type:none;
	line-height:1.4em;
}
#footer {
	clear:both;
	float:left;
	width:1024px;
	border-top:1px solid #000;
	background:#1425F6;
}
#footer p {
	padding:20px 30px;
}
#headerstrap {
	float:left;
	width: 460px;
	color:#FFFFFF;
	padding-left:20px;
	text-align:left;
	position:relative;
}
#logohold {
	clear:left;
	float:left;
	width:280px;
	z-index:3000;
}
 @media only screen and (orientation:portrait) {
/* portrait mode */
	#header,  #wrap,  #footer {
	width:768px;
}
#content {
	left:0;
	background:#fff;
}
#main {
	float:left;
	width:708px;
	position:relative;
	right:0;
	left:30px;
	padding:20px 0;
}
#side {
	clear:left;
	float:left;
	width:768px;
	right:0;
	padding-bottom:20px;
	background:#eee;
}
#sidea {
	clear:none;
	width:216px;
	float:left;
	position:relative;
	top:10px;
	left:20px;
	padding-top:10px;
	height:216px;
	border:medium;
	border-color:#A0A0A4;
	background-color: #F00;
	border-radius:5px;
}
#sideb {
	clear:none;
	width:216px;
	float:left;
	position:relative;
	top:10px;
	left:50px;
	padding-top:10px;
	height:216px;
	background-color: #FFA824;
	border: medium;
	border-radius:5px;
}
#sidec {
	clear:none;
	width:216px;
	float:left;
	position:relative;
	top:10px;
	left:80px;
	padding-top:10px;
	height:216px;
	background-color: #008000;
	border: medium;
	border-color: #F05;
	border-radius:5px;
}
}