@charset "UTF-8";
/* CSS Document */


#instruct {
	padding:5px 10px 5px 10px ;
	background-color:#E4FBF8;
	color:#000;
	border-style:solid;
	border-color:#155768;
	border-width:2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#links {
	border: 1px dotted #CCCCCC;
	float: left;
	width: 150px;
	margin: 5px;
}


.imageNestedList{
	margin-left:0;
	padding-left:0;
	list-style-position:inside;
	text-align: left;
}

.imageNestedList div{
	float: left;	
	margin-right: 10px;
}

p{
	margin:6px 0;	
}

a {
	text-decoration: none;
	color:#E37100;
	font-weight:bold;
}

a:hover {
	text-decoration: none;
	color: #E1AC4A;
}

.darkLink {
	color: #660000;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#98E1EA;
	background-image:url(../images/page_bg.png);
	background-position: center;
	background-repeat:repeat-y;
	color: #FFFFFF;
	padding:0;
	
}

#contentBody {
	margin:0 auto;
	margin-bottom: 10px;
	background-color:#000;
	width:1000px;
	padding:0;
}

#header{
	display:block;
	background-image:url(../images/expandAR_logotype.png);
	background-position: left top;
	background-repeat:no-repeat;
	width:265px;
	height:60px;
	float:left;
	text-indent: -10000px;
}

#tagLine{
	clear:left;
	float:left;
	display:block;
	height:20px;
	width:190px;
	position:relative;
	top:-15px;
	left:70px;
	
}
#tagLine h2{
	margin:0;
	padding:0;
	font-size:16px;
}

#introBox{
	clear:right;
	float:right;
	position:relative;
	width:324px;
	height:480px;
	padding:0 10px 0 10px ;
	background-color:#DCFFFF;
	text-align:justify;
	color:#000;
	/*border-left: 3px solid #E37100;
	border-right: 3px solid #E37100;*/
	border: 2px groove #E09843;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 25px 0 25px 0;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
}

#sampleImages{
	width:288px;
	height: 165px;
	margin: 0 auto;
}

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

#sampleImages ul li{
	float:left;
	width:70px;
	height:52.5px;
	display:block;
}

#sampleImages ul li a{
	padding:0;
}

#sampleImages ul li a img{
	width:70px;
	height:52.5px;
	border-width:1px;
	border-style:solid;
	border-color:#DF6A00;
}

#sampleImages ul li a:hover{
	float:none;
	position:relative;
	top:-22.5px;
	left:-30px;
	
}

#sampleImages ul li a:hover img{
	width:140px;
	height:105px;
}

#announcementBox{
	clear:right;
	float:right;
	position:relative;
	top:-83px;
	width:300px;
	height:125px;
	padding:0 10px 0 10px ;
	background-color:#DCFFFF;
	color:#000;
	border-left: 4px solid #E37100;
	border-right: 4px solid #E37100;
	border: 4px groove #E09843;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0;
}

#arBox{
	position:relative;
	width:640px;
	height:480px;
	float:left;
	margin: 25px 0 25px 0;
	border: 2px groove #E09843;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.buttonSwitch{
	position:absolute;
	top:-2.5em;
	background-color:#002D38;
	border: 2px groove #E09843;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0;
}
.buttonSwitch a{
	font-size:1.3em;
	color:#FDBF35;
	margin: 0 5px;
}
.buttonSwitch a:hover{
	color:#FDDE97;
}

#socialbox {
	vertical-align: top;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

.adBar{
	float:right;
	padding: 0;
	background-color:#DCFFFF;
	width:728px;
	height:90px;
	border: 2px groove #E09843;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.leftAd{
	float:left;
}
.rightAd{
	float:right;
}

#footer {
	position:relative;
	clear:both;
	text-align:center;
}

#howbig_img {
	position: relative;
	z-index: 1;
	float: none;
	overflow: visible;
	visibility: hidden;
	display: none;
}
#arWindow {
	z-index: 0;
}