/**
*** Tables are good for eating, you can put plates, glasses and all sorts of cool stuff on them.
**/

*{
	margin:0;
	padding:0;
}
body{
	padding:1em;
	background:url("i/bg_page.jpg") #ededed repeat-x 0 0;
	color:#222;
	font:normal 1em/1.5 "Myriad Web","Myriad Pro","Trebuchet MS",sans-serif;
	text-align:justify;
}
/**
***		General
**/
.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
.center{
	margin:0 auto;
	text-align:center;
}
.hidden{
	display:none;
}
hr{
	margin:1em 0;
	border:1px solid #EEE;
	clear:both;
	height:1px;
}
strong{
	color:#444;
}
/**
***		Links
**/
a:link{
	color:#CC334E;
	background-color:inherit;
	text-decoration:underline;
}
a:hover,a.ext:hover{
	background-color:#FFA;
	color:#F00;
}
a.ext{
	padding-right:12px;
	background:transparent url(i/link-icon_external.gif) no-repeat right 7px;
}
/**
***		Lists
**/
p{
	margin:0 0 1.2em;
}
ol,ul{
	margin:1.3em;
}
ul li,ol li{
	margin:1.5em;
	margin-left:2em;
}
/**
***		Typography
**/
h1,h2,h3,h4,h5{
	margin:.3em 0 .5em;
	color:#FF6347;
	background-color:transparent;
	font-family:"Georgia","Times New Roman", Times, serif;
	font-weight:normal;
	text-align:justify;
	letter-spacing:-1px;
}
h1{
	margin-bottom:0;
	font-size:1em;
	text-align:center;
}
h2{
	border-bottom:1px solid #FFE9DD;
	padding-bottom:.2em;
	text-align:center;
}
h3{
	font-size:1.5em;
}
h4{
	font-size:1.35em;
	letter-spacing:0px;
}
span.unicode{
	color:#666;
	background-color:inherit;
	font-family:"Arial Unicode MS","Lucida Sans Unicode","Unicode",sans-serif;
	font-size:1.2em;
	line-height:1.5;
}

.TAleft{
	text-align:left;
}

/**
***		Main IDs
**/
#header{
	margin:0 auto;
	padding:0 3em 0;
	border:3px double #999;
	border-left-color:#CCC;
	border-top-color:#CCC;
	color:#666;
	background:url(i/header_bg.png) #F0F8F5 repeat-x top left;
	font-size:1.5em;
	text-align:center;
}
#nav{
	margin:1em 0;
	padding:1em 12em .4em;
	border:3px double #FFDDCA;
	background:transparent url(i/bg_nav.jpg) repeat-x top left;
	color:#BBB;
	line-height:0.6;
}
#footer{
	padding:1em 0 0;
	margin:1em 0 2em;
	border:1px solid #FFDDCA;
	color:#FF6347;
	background-color:#FFF;
	text-align:center;
}
/**
***		Various Classes
**/
.info{
	padding:0 0 .4em;
	border:1px dashed #DDD;
	margin:0 0 1em;
	color:#999;
	background:#FFFFF0;
	font:normal .75em/1 "Andale Mono","Courier New",monospace;
	text-align:center;
}
.content{
	padding:4em 23%;
	border:3px solid #FFDDCA;
	margin:1em 0;
	color:inherit;
	background-color:#FFF;
	text-align:center;
}
.content p, .content ul{
	text-align:justify;
}
.content ul.boxed{
	margin:1em -5em;
}
.content ul.boxed li{
	border:1px solid #FFE9DD;
	padding:.4em 1em;
	list-style:none;
	background-color:#FFFFFD;
}
.content ul.boxed li.odd{
	background-color:#FFF6F2;
}
.info a{
	color:inherit;
}
#nav ol li,.content ul li{
	margin:0 0 1em;
}
#navheading{
	color:inherit;
}
#nav:hover{
	color:#FF6347;
	background:#FAFAF1;
}
#nav a{
	color:inherit;
}
.hung{
	float:left;
}
.hung2{
	float:right;
}
.highlight{
	border:5px solid #FFE9DD;
	padding:.5em 1em 1em;
	color:inherit;
	background-color:#FFFFF9;
}
.inlinebox{
	border:1px solid #FFE9DD;
	padding:.6em 1em;
	background-color:#FFF;
}
img.contentimg, div.gmap{
	border:3px double #999;
	border-left-color:#CCC;
	border-top-color:#CCC;
	margin:0 auto 1em;
	text-align:center;
}
#IEonly{
	display:none;
}
div.toplink{
	clear:both;
	width:100%;
	text-align:center;
}
div.toplink a{
	width:99%;
	margin:1em auto;
	border:1px solid #BBB;
	display:block;
	color:#666;
	text-decoration:none;
	line-height:2;
	height:100%;
}
div.toplink a:hover, div.toplink a:focus{
	border-color:#F00;
	color:#F00;
}

#w3c img{
	opacity:0.25;
	filter:Alpha(opacity=25);
}

#w3c a:hover img{
	opacity:0.75;
	filter:Alpha(opacity=75);
}