body { 
	margin: 0px; 
	padding: 0px; 
	font-size:62.5%;
	font-family: Arial, Helvetica, Sans-Serif, Georgia;
	background: #607937;
}

.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#607937;
	font-size:1.2em;
	background-color:#ffffff;
	width:530px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-position:top right;	
	height:20px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #DAD1A5;
	background-color:#DAD1A5;
	width:530px;

	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size: 1.2em;
	position:relative;
}



#topbar,
#header-wrap,
#content-wrap,
#lowercontent-wrap,
#footer-wrap 
{ 
	width: 100%; float: left; 
}



#topbar { 
	background-color: #E96B10;
	height: 0px;
}
#header-wrap { 
	height: 20px;
	background: url(images/gradient-04.jpg) repeat-x 0 0 #607937;
}
#header
{ 
	top: 20px; 
	width: 300px; 
	margin: 0 auto; 
	z-index: 10; 
	position: relative; 
	left: -350px;
}


#content-wrap { 
	background-color: #6F8346; 
	border-top: solid 0px #E96B10;
}


#content { 
	width: 661px; 
	padding: 48px 0 10px 308px; 
	margin: 0 auto; 
}


#lowercontent-wrap { 
	background: url(images/gradient-10.jpg) repeat-x 0 0 #e5e5e5;
	border-top: solid 3px #E96B10;
	height: auto;
}

#lowercontent { 


	width: 964px; 
	padding: 2px 5px 0px 0px; 
	margin: 0 auto; 
}


#lowercontent-main { 

	float: right;
	width: 656px;
	padding: 0 0 60px 0; 

}



#footer-wrap { 

	color: #DAD1A5;
	padding: 30px 0px 0px 200px; 
	background: #6F8346;
	background: url(images/gradient-15.jpg) repeat 0 0 #6F8346; 
	height: 100px; 
	border-top: solid 3px #E87831;
}

#footer-wrap span {

	font-size:1.4em;
	color: #DAD1A5;
}






#leftbar { 
	background: url(images/gradient-10.jpg) repeat-x 0 0 #e5e5e5; 
	width: 249px;
	padding: 93px 19px 100px 20px; 
	position: absolute; 
	top: 0px;
	z-index: 0; 
}


#logo { 
	border-left: #ffffff solid 15px;
	border-right: #ffffff solid 15px;
	border-top: #ffffff solid 15px;
	border-bottom: #ffffff solid 15px;
	width: 220px; 
	height: 135px; 
	margin-left: 35px;
	display: inline; 
	position: absolute; 
	top: 0px; 
	z-index: 50;
	background: url(images/ARL-med.png) no-repeat 0 0; 
}

#logo a { 
	background: url(images/ARL-logo.png) no-repeat -11px 0px #f9f8f3; 
	width: 238px; 
	height: 172px; 
	display: block;
	border: solid 1px #b4b083; 
	border-top: none; 
	margin-left: 10px; 
	text-indent: -5000px;
}


#logo:hover{
	opacity: filter:alpha(opacity=90); 
	-moz-opacity:.90; 
	opacity:.90;
}

#greenBox { 
	position: relative;
	top: 100px;
	background: #6f8346;
	border: solid 5px #98a972; 
	float: left; 
}

#greenBox h2, #greenBox h3 { 
	color: #dce7c7; 
	display: block; 
	padding: 13px 12px; 
	margin: 0; float: left;
	width: 215px;

}


#greenBox h2 { 
	background: url(images/bg-greenbox-h3.jpg) no-repeat 0 0;
	font-size: 1.3em;
	line-height: 1.0em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}
#greenBox h3 { 

	font-size:1.2em;
	font-weight:normal;
	line-height:150%;
	padding:15px; 


}
#greenBox h4 { 
	color: #ffffff;
	font-size:1.2em;
	font-weight:normal;
	line-height:150%;
	padding-left:15px; 
	text-transform: uppercase;
}

#greenBox h4 span {
	font-size: 1.3em;
}

#blueBox { 
	background: url(images/bg-greenbox-h3.jpg) no-repeat 0 0;
	background: #E96B10;
	border-top: solid 5px #FF9900;
	border-right: solid 5px #FF9900;
	border-left: solid 5px #FF9900;
	border-bottom: solid 5px #FF9900;
	float: left; 
	position: relative;
	top: 20px;
	margin-bottom: 40px;
}

#blueBox h2, #blueBox h3 { 

	color: #ffffff;
	display: block; 
	padding: 13px 12px; 
	margin: 0; float: left;
	width: 215px;
}

#blueBox h2 { 

	font-size: 1.4em; 
	background: #E96B10;
	line-height: 1.4em;
}
#blueBox h3 { 
	font-family:Arial, Helvetica, Sans-Serif, Georgia;
	font-size:1.2em;
	font-weight:normal;
	line-height:150%;
	padding:5px; 
}


#navigation { 
	margin: 0; 
	padding: 0; 
	float: left; 
}


#navigation li { 
	float: left; 
	list-style-type: none; 
}


#navigation li a { 
	float: left; 
	display: block; 
	height: 70px; 
	color: #fff; 
	text-indent: -5000px; 
}


#navigation li a:hover { 
	background-position: 0 -72px; 
}

#p01 #n01 a, #p02 #n02 a, #p03 #n03 a, #p04 #n04 a, #p05 #n05 a {background-position: 0 -72px;}




#n01 a { width: 79px; background: url(images/home-02.bmp) no-repeat 0 0; }
#n02 a { width: 182px; background: url(images/accomodations-02.bmp) no-repeat 0 0; }
#n03 a { width: 190px; background: url(images/rates-03.bmp) no-repeat 0 0; }
#n04 a { width: 82px; background: url(images/hosts-02.bmp) no-repeat 0 0; }
#n05 a { width: 93px; background: url(images/contact-02.bmp) no-repeat 0 0; }


a.one:link { 	position: relative;

		font-size:1.2em;
		color: #ffffff;
		text-decoration: none;	
}
a.one:visited { position: relative;

		font-size:1.2em;
		color: #ffffff; 
		text-decoration: none;
}
a.one:hover { 	position: relative;

		font-size:1.2em;
		color: #ffffcc; 
		text-decoration: underline; 	
}


a.two:link { 	position: relative;

	color: #3D3418;
	font-family:Arial, Helvetica, Sans-Serif, Georgia;
	font-size:1.3em;
	font-weight:normal;
	line-height:150%;
		text-decoration: none;	
}
a.two:visited { position: relative;

	color: #3D3418;
	font-family:Arial, Helvetica, Sans-Serif, Georgia;
	font-size:1.3em;
	font-weight:normal;
	line-height:150%;
		text-decoration: none;
}
a.two:hover { 	position: relative;

	color: #3D3418;
	font-family:Arial, Helvetica, Sans-Serif, Georgia;
	font-size:1.3em;
	font-weight:normal;
	line-height:150%;
	text-decoration: underline; 	
}


a.three:link { 	
	
	position: relative;
	color: #ffffff;
	font-size:1.0em;
	font-weight:normal;
	line-height:250%;
	text-decoration: none;	
	text-transformation: uppercase;
}
a.three:visited { 

	position: relative;
	color: #ffffff;
	font-size:1.0em;
	font-weight:normal;
	line-height:250%;
	text-decoration: none;
	text-transformation: uppercase;
}
a.three:hover { 	

	position: relative;
	color: #ffffff;
	font-size:1.0em;
	font-weight:normal;
	line-height:250%;
	text-decoration: underline;
	text-transformation: uppercase;
}

a.four:link { 	
		position: relative;
		font-size:1.2em;
		color: #ffffff;
		text-decoration: none;
		text-transform: uppercase;
}
a.four:visited { 
		position: relative;
		font-size:1.2em;
		color: #ffffff; 
		text-decoration: none;
		text-transform: uppercase
}
a.four:hover { 	
		position: relative;
		font-size:1.2em;
		color: #ffffcc; 
		text-decoration: underline;
		text-transform: uppercase;
}

a.five:link { 	position: relative;
	color: #3D3418;
	font-size:1.3em;
	font-weight:normal;
	line-height:150%;
	padding:5px; 
		text-decoration: none;	
}
a.five:visited { position: relative;
	color: #3D3418;
	font-size:1.3em;
	font-weight:normal;
	line-height:150%;
	padding:5px; 
	text-decoration: none;
}
a.five:hover { position: relative;
	color: #3D3418;
	font-size:1.3em;
	font-weight:normal;
	line-height:150%;
	padding:5px; 
		text-decoration: underline;
}

a.five:active { 
	position: relative;
	color: pink;
	font-size:1.3em;
	font-weight:normal;
	line-height:150%;
	padding:5px; 
	text-decoration: underline;
}


a.six:hover { 	position: relative;
	color: #ffffff;
	font-size:1.4em;
	font-weight:normal;
	line-height:150%;
	padding:5px; 
		text-decoration: underline; 	
}

a.six:link { 	position: relative;
	color: #ffffff;
	font-size:1.4em;
	font-weight:normal;
	line-height:150%;
	padding:5px; 
		text-decoration: none;	
}
a.six:visited { position: relative;
	color: #ffffff;
	font-size:1.4em;
	font-weight:normal;
	line-height:150%;
	padding:5px; 
		text-decoration: none;
}
a.six:hover { 	position: relative;
	color: #ffffff;
	font-size:1.4em;
	font-weight:normal;
	line-height:150%;
	padding:5px; 
		text-decoration: underline; 	
}

a.seven:link { 	position: relative;
	color: #EC7A17;
	font-size:1.1em;
	font-weight:bold;
	line-height:150%;
	padding:5px; 
		text-decoration: none;	
}
a.seven:visited { position: relative;
	color: #EC7A17;
	font-size:1.1em;
	font-weight:bold;
	line-height:150%;
	padding:5px; 
		text-decoration: none;
}
a.seven:hover { 	position: relative;
	color: #EC7A17;
	font-size:1.1em;
	font-weight:bold;
	line-height:150%;
	padding:5px; 
		text-decoration: underline; 	
}



.white {
	font-size: 1.4em;
	color: #576532;
}
.orange {
	font-size: 1.0em;
	color: #EC7A17;
	text-transform: uppercase;
}
h1 { 
	color: #3D3418;
	font-size:1.4em;
	font-weight:normal;
	line-height:150%;
	padding:5px; 
	text-transform: uppercase;
	text-align: center;
}


h2 {  
	color: #3D3418;
	font-size:1.3em;
	font-weight:normal;
	line-height:150%;
	padding:5px; 
}

h2 span {
	font-size: 1.4em;

}

h2 ul {
	list-style: none;
}

h3 {  
	color: #524621;
	font-size:1.2em;
	font-weight:normal;
	line-height:150%;
	padding:5px; 
}



h3 a { color: #9a3d2b; }

h4 {
	font-size:1.1em;
	font-weight:normal;
	line-height:150%;
	padding:5px; 
}
p { font-size: 0.95em; line-height: 1.3em; margin: 0 0 1.1em 0; }

p a { color: #3c4b24; }

p a:hover { color: #689423; }

p em, p span { color: #9e3f2d; }

p span { font-weight: bold; }

ol {color: #3c4b24; font-size: 0.9em;}

a img { border: none; }


.clear{clear:both;}








#homepage #content { padding: 12px 0 10px 308px; }






#content h1 { font-size: 1.8em; margin: 0; color: #586530; }

#content h2 { color: #a24232; font-size: 1.1em; }







#footer { text-align: right; }

#footer p { color: #a1aa95; font-size: 0.75em; margin: 0 0 0.6em 0; }

#footer p a { color: #a1aa95; text-decoration: none; font-size: 0.9em; }

#footer p a:hover { color: #fff; text-decoration: underline; }












img.float { 
	float:right;
	clear:right; 
	margin:5px;
}
img.floatleft { 
	float:left;
	clear:left; 
	margin:15px;
}

.float { 
	float:right;
	clear:right; 
	margin:15px;
}
.floatleft { 
	float:left;
	clear:left; 
	margin:5px;
}
.center {
	margin: 1em auto 0 auto;
	border: 5px solid #DCE7C7;
	width: 400px;
	color: #EB6F14;
}




img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

/* Text Box with Side Image: */


#tb-bg-side {
	position: relative;
	background-color: #DAD1A5;
	width: 600px;
	position: relative;
	left: 0px;
	padding:20px;
	height: auto;
}

#tb-bg-mini {
	position: relative;
	background: url(images/gradient-06.jpg) repeat 0 0 #607937;
	width: 250px;
	position: relative;
	left: 0px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding:20px;
	height: auto;
	float:right;
	clear:right; 
	margin:5px;
	text-align: center;
}

#tb-bg-mini-h {
	position: relative;
	background: url(images/gradient-06.jpg) repeat 0 0 #607937;
	width: 250px;
	position: relative;
	top: -400px;
	left: 0px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding:20px;
	height: auto;
	float:right;
	clear:right; 
	margin:5px;
	text-align: center;
}

.left { 
	background-color: #DAD1A5;
	position: absolute; 
	left: 0; 
	top: 200; 
	width: 50%; 
}
.right { 
	background-color: #DAD1A5;
	position: relative; 
	right: 0; 
	top: 200; 
	width: 50%; 
}

#base {
	border: 0px solid #000;
	margin: 0em;
	width: 19em;
	padding: 1px;
	}
#base span {
	font-size: 1.2em;
}
#base ul {
	text-transform: uppercase;
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}


.footer-box {

	width: 500px;
	position: relative;
	left: 0px;
	border: 0px solid #DCE7C7;
	padding-left:100px;
	background-image: url(images/logo-mini-01.bmp);
	background-repeat: no-repeat;
}

.footer-box-01 {

	width: 700px;
	position: relative;
	left: 0px;
	border: 0px solid #DCE7C7;
	padding-left:0px;
}





textarea#styled {
	width: 160px;
	height: 120px;
	border: 3px solid #cccccc;
	margin-left: 30px;
	padding: 5px;
	color: #4B552F;
	font-family: arial;
}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 100px;
	font-family: arial;
	color: #465D00;
	text-transform: uppercase;
	font-size: 1.2em;
}

.label {  
	float: left;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
	width: 200px;
	font-family: arial;
	color: white;
	text-transform: uppercase;
	font-size: 1.2em;
}

input#styled1 {  
	border: 3px solid #cccccc;
	padding: 5px;

}

div.curFocus {
	background: #fdecb2;
}

div.single-field {
	padding: 10px;
	position: relative;
	}