/* GENERAL TEMPLATE ITEMS */

body {
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	background-image: url(../images/ar_tem_bkgdbar.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

a {
 line-height: 12px;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
 line-height: 12px;
	font-weight: bold;
	text-decoration: underline;
}
a:focus {
	outline: none;
}

#OuterContainer {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -388px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	width: 776px;
	padding: 0px;
}

#NewOuterContainer {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -502px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	width: 1004px;
	padding: 0px;
}

#MainContainer {
	position: relative;
	left: 7px;
	top: 0px;
	width: 762px;
	margin: 0px;
	padding: 0px;
}
#NewRightBarLogin {
	width: 228px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#AskUsAbout {
	margin: 20px 0px 0px;
	padding: 0px;
}

#LeftSide {
	position: relative;
	left: 0px;
	top: 0px;
	width: 239px;
	margin: 0px;
	padding: 0px;
}

#RightSide {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 504px;
	margin: 0px;
	padding: 0px;
}

#Logo {
	position: relative;
	width: 239px;
	height: 79px;
	background-image: url(../images/ar_tem_logo.gif);
	margin: 0px;
	padding: 0px;
}
#Logo h1 {
	display: none;
}

.Navigation {
	position: relative;
	left: 145px;
	top: 30px;
	width: 100px;
	height: 190px; /* not sure why this number needs to include 30 from top property? */
	text-align:left;
 	margin: 0px;
	padding: 0px;
}
.Navigation ul li a {
	display:block; 
	text-decoration:none; 
	width:100px;
	text-align:left; 
}
.Navigation ul {
	left: 145px;
	top: 0px;
 	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.Navigation ul li {
	float:left;
	margin-right:1px; 
	position:relative;
}
.Navigation ul li ul {
	display: none; /* changed from block */
}

.Navigation ul li:hover a {
	background:#0C5639;
} 
.Navigation ul li:hover ul {
	display:block; 
	position:absolute; 
	top:0;
	left:-100px; 
	width:100px;
}

.Navigation ul li:hover ul li a.hide {}

.Navigation ul li:hover ul li:hover a.hide {
	width:100px;
}
.Navigation ul li:hover ul li ul {
	display:none; 
}
.Navigation ul li:hover ul li a {
	display:block; 
	width:100px;
}

.Navigation ul li:hover ul li a:hover {
}
.Navigation ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:-100px; 
	width:100px;
	top:0; 
}
.Navigation ul li:hover ul li:hover ul li a {
	display:block; 
	width:100px; 
}
.Navigation ul li:hover ul li:hover ul li a:hover {
}
#LoginBox {
	position: relative;
	left: 0px;
	top: 0px;
	width: 239px;
	background-color: #06432B;
	font: 10px/18px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: normal;
	color: #56B29B;
	text-decoration: none;
 	margin: 0px;
	padding: 10px 0px;
}
.LoginFieldTitles {
	text-align: right;
	font: 10px/18px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: bold;
	color: #62A5B0;
	text-decoration: none;
}
.LoginField {
	font: 11px/14px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: normal;
	color: #044D59;
	background-color: #E4EAF6;
	border: #0A2F20 1px solid;
}
.LoginButton {
	font: 11px/14px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: normal;
	color: #ffffff;
	background-color: #7DA7AE;
}
a.LoginLinks {
	font: 10px/18px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: normal;
	color: #56B29B;
	text-decoration: underline;
}
a.LoginLinks:hover {
	font: 10px/18px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: normal;
	color: #74CEB8;
	text-decoration: underline;
}

#DemoBadgeBox {
	position: relative;
	left: 27px;
	top: 0px;      /* Before adding the #Award code, this was set to 48px */
	width: 225px;
	height: 155px;
 	margin: 0px;
	padding: 10px 0px;
}

.SearchField {
	font: 11px/14px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: normal;
	color: #CD0119;
	background-color: #E7E4DB;
	border: #716F64 1px solid;
}
.SearchButton {
	font: 11px/14px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: normal;
	color: #ffffff;
	background-color: #CD0119;
	margin: 0px;
	padding: 0px;
}

#TopDate {
	position: relative;
	top: 6px;
	left: 0px;
	text-align: right;
	font: 10px/18px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: normal;
	color: #28614A;
	text-decoration: none;
	padding: 0px 4px 0px 0px;
	margin: 0px;
}

#HomeArea {
	position: relative;
	left: 0px;
	top: 6px;
	width: 504px;
	background-image: url(../images/ar_tem_contentshdw.gif);
	background-repeat: repeat-y;
}
#HomeBox {
	position: relative;
	left: 0px;
	top: 0px;
	width: 504px;
	background-image: url(../images/ar_tem_contentbox.gif);
	background-repeat: no-repeat;
}
#ContentArea {
	position: relative;
	left: 0px;
	top: 6px;
	width: 504px;
	background-image: url(../images/ar_tem_contentshdw.gif);
	background-repeat: repeat-y;
}
#ContentBox {
	position: relative;
	left: 0px;
	top: 0px;
	width: 504px;
	background-image: url(../images/ar_tem_contentbox.gif);
	background-repeat: no-repeat;
}
#ContentContainer {
	position: relative;
	left: 2px;
	top: 1px;
	width: 498px;
}
#ContentHeader {
	position: relative;
	left: 0px;
	top: 0px;
 	margin: 0px;
	padding: 0px;
}
#ContentText {
	position: relative;
	left: 0px;
	top: 0px;
	width: 450px;
	height: 300px;
 	margin: 0px;
	padding: 22px 0px 5px 25px;
}
.home #ContentText  
{
	padding: 10px 0px 5px 0px;
}
#ContentText p {
	text-align: left;
	font: 11px/12px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #121413;
	text-decoration: none;
 	margin: 0px;
	padding: 0px 5px 16px 0px;
}
#ContentText p.home 
{
	width: 450px;
	padding: 0px 5px 16px 20px;
	
}
#ContentText a {
	font: 11px/12px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #121413;
	text-decoration: underline;
}
#ContentText a:hover {
	font: 11px/12px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #005F3A;
	text-decoration: underline;
}
#ContentBottom {
	position: relative;
	left: 0px;
	top: 0px;
 	margin: 0px;
	padding: 0px;
}
.SmallNote {
	font: 9px/12px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #121413;
	text-decoration: none;
}

#Footer {
	position: relative;
	left: 0px;
	top: 0px;
	width: 504px;
	text-align: center;
	font: 10px/18px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: normal;
	color: #6E9F8C;
	text-decoration: none;
	margin: 0px;
	padding: 6px 0px;
}
a.FooterLinks {
	font: 10px/18px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: normal;
	color: #6E9F8C;
	text-decoration: underline;
}
a.FooterLinks:hover {
	font: 10px/18px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: normal;
	color: #47816B;
	text-decoration: underline;
}

td.ContactText
{
	text-align: right;
	font: 11px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #121413;
	text-decoration: none;
	padding: 0px 1px 0px 0px;
	margin: 0px;
	width: 100px;
}

.ContactField
{
	text-align: left;
	font: 10px/18px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #121413;
	background-color: #EAF7F2;
	border: #1C6E4E 1px solid;
	padding: 1px 1px 1px 1px;
	margin: 0px;		
}

td.ContactTextYellow
{
	text-align: right;
	font: 11px/18px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #483A0B;
	text-decoration: none;
	padding: 0px 1px 0px 0px;
	margin: 0px;	
}

.ContactFieldYellow
{
	text-align: left;
	font: 10px/18px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #483A0B;
	background-color: #FEF9E5;
	border: #1C6E4E 1px solid;
	padding: 1px 1px 1px 1px;
	margin: 0px;		
}

.ContactButton
{
	font: 11px/14px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: bold;
	color: #FFF3D4;
	background-color: #F0AA02;
	border: #AD6B03 1px ridge;
}

select.formSelect {
	text-align: left;
	font: 10px/18px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #121413;
	background-color: #EAF7F2;
	border: #1C6E4E 1px solid;
}

p.contactmessage{
	font: 11px/14px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: bold;
	width: 165px;
	color: #FFF3D4;
	background-color: #F0AA02;
	border: #AD6B03 1px ridge;
	padding: 5px;
	}


p.alertmessage{
	font: 11px/14px Verdana, Geneva, Arial, Tahoma, sans-serif;
	font-weight: bold;
	width: 165px;
	color: #000000;
	background-color: #E05E50;
	border: #AD6B03 1px ridge;
	padding: 5px;
	}	
	
p.formPageText {
	padding-right: 5px;
	}
	
p.demoText {
	text-align: center;
	font: 11px/12px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #539D80;
	text-decoration: none;
 	margin: 0px;
	padding: 20px;
	}	
	
#DemoBase {
background-image: url(../images/demo_base.gif);
	width: 418px;
	height: 336px;
	padding-top: 1px;	
}

input.photoupload {
	text-align: left;
	font: 10px/18px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #121413;
	background-color: #EAF7F2;
	border: #1C6E4E 1px solid;
	padding: 1px 1px 1px 1px;
	margin: 0px;	
}
#NewsText {
	position: relative;
	left: 0px;
	top: 0px;
	width: 450px;
	height: 300px;
 	margin: 0;
	padding: 0;
}
#NewsText p {
	text-align: left;
	font: 10px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #121413;
	text-decoration: none;
 	margin: 0px;
	padding: 0px 5px 16px 0px;
}

#NewsText td {
	text-align: left;
	font: 10px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #121413;
	text-decoration: none;
 	margin: 0px;
	padding: 0px 10px 5px 0px;
}

#NewsText a {
	font: 10px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #121413;
	text-decoration: underline;
}
#NewsText a:hover {
	font: 10px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #005F3A;
	text-decoration: underline;
}

.PartnershipLogos {
	height: 185px;
	margin: 0px 0px 5px 15px; /* this is to center the logos */
}

.Logos {
	width: 103px;
	top: 0;
	float: left;
	position: relative;
	text-align: right;
}	
.Logos a {
	padding: 1px;
}
#Award  {
	position: relative;
	left: 77px;
	top: 1px;
	padding: 0;
	width: 160px;
	height: 50px;
	border: #FFFF00 solid 1px;
}
#GlanceLoginBox {
	position: relative;
	left: 0px;
	top: 0px;
	width: 450px;
 	margin: 0px;
	padding: 0px;

}
#GlanceInstructions {
	list-style-type: decimal;
	font: 11px/12px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #121413;
}
#GlanceInstructions ol li {
	margin-top: 1em;
}

#GlanceInstructions ol li ul li{
	text-align: right;
	padding: 0px 71px 0px 0px;
	list-style-type: none;
	margin-top: 0;
}
#PresentationText {
	position: relative;
	left: 0px;
	top: 0px;
	width: 450px;
	height: 300px;
 	margin: 0px;
	padding: 22px 0px 5px 25px;
}
#PresentationText p {
	text-align: left;
	font: 11px/12px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #121413;
	text-decoration: none;
 	margin: 0px;
	padding: 0px 5px 0px 0px;
}
#PresentationText p.home 
{
	width: 450px;
	padding: 0px 5px 0px 20px;
	
}
#PresentationText a {
	font: 11px/12px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #121413;
	text-decoration: underline;
}

.home #PresentationText  
{
	padding: 10px 0px 5px 0px;
}