body
{
	margin: 0px 0px 0px 0px;
	background:#a3bcf2 url(images/bg.jpg) repeat-x;
	text-align:center;
	padding:0px;
	height:100%;
	min-height:100%;
	font-family:"Lucida Grande",Geneva, Arial, sans-serif
} 

a:visited {
	color: #473a37;
}

a:hover {
	color: #473a37;
}

a {
	color: #473a37;
}

.MenuText
{
	font-weight:normal;
	font-size: 12px;
	padding:0px;
	border:0px #333;
	font-family:"Lucida Grande",Geneva, Arial, sans-serif;
	color: #473a37;
}

.TopMenuText
{
	font-weight:normal;
	font-size: 12px;
	padding:0px;
	font-family:"Lucida Grande",Geneva, Arial, sans-serif;
	color: white;
}

.TopMenuText a:hover
{

	color: white;
}

.TopMenuText a:visited
{
	color: white;
}

.TopMenuText a
{
	color: white;
}

.MenuText ul
{
	display: inline;
	color: #473a37;
}

.MenuText li
{
	display: inline;
	color: #473a37;
}

.MenuText a
{
		color: #473a37;
}

#Menu
{
	font-weight:bold;
	font-size: 13px;
	width:417px;
	height: 23;
	margin:0px;
	text-align: right;
	padding:0px;
	border:0px #333;
	background-color:#DDDDDD;
	float: right;
	margin-top:67px;
	font-family:"Lucida Grande",Geneva, Arial, sans-serif;
}



#Menu ul
{

text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
/*margin: 64 0 0 0;  Just some margin to align the blue border below the menu */
padding:0px;
/*
right: 0px;
position:relative;
*/

float: right;
margin:0px;

}

#Menu li
{
display: inline; /* Menu links are horizontally aligned using display: inline */
}


#Menu li a
{
height:100px;
padding: 7px;  /* 20px 27px 20px; Display: block won't work in this example, instead we are using padding to make a clickable link */
color: #000000;
text-decoration: none;
}

#Menu li a:hover
{
color:#ffffff;
background-color:#000000;
padding: 7px;
}


#Content
{
	width:640px;
	height: 100%;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border:1px #333;
	background-color:#FFFFFF;
	float:none;
}

.addText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D6D2BE;
	font-weight:normal;
	font-size: 12px;
	text-align:left;
	margin-left:10px;
	padding-left:0px;
}

.btmText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #473a37;
	font-weight: bold;
	font-size: 10px;
	text-align:center;
}

.standard
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #473a37;
	font-size: 12px;
	text-align: left;
}
.constructText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D6D2BE;
	font-weight: bold;
	font-size: 15px;
	text-align:center;
}

.contentText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:normal;
	font-size: 12px;
	text-align:left;
	margin-left:0px;
	padding-left:20px;
}

#indexText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:normal;
	font-size: 12px;
	text-align:left;
	margin-left:0px;
	margin-top:0px;
	padding-left:20px;
	padding-right:10px;
	padding-top: 0px;
	padding-bottom: 0px;

}

#Header
{
	width:100%;
	height: 90px;
	padding:0px;
	margin:0px;
}

#Header img
{
	float: left;
	margin:0px;
	padding:0px;

}

#Header hr
{
	color: #f00;
	background-color: :#f00;
	height: 5px;
	clear: both;
	margin:0px;
	padding:0px;
}

#BlueStripe
{
	width:100%;
	height:4px;
	background-color:#006ad0;
	margin:0px;
	clear:both;
	float: none;
	border:0px;
	text-align: left;
}

#BrownStripe
{
	width:100%;
	height:55px;
	background-color:#473a37;
	margin:0px;
	clear:both;
	
}

#BtmStripe
{
	width:100%;
	height:55px;
	background-color:#dccbb8;
	margin:0px;
	clear:both;
}


#Menubtm
{
	width:417px;
	height: 23;
	margin: 55px;
	text-align: center;
	text-decoration:underline;
	padding:0px;
	border:0px #333;
	background-color:#dccbb8;
	float:left;
	margin-top:20px;
	font-family:"Lucida Grande",Geneva,Arial,sans-serif;
}



#Menubtm ul
{

text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
/*margin: 64 0 0 0;  Just some margin to align the blue border below the menu */
padding:0px;
/*
right: 0px;
position:relative;
*/

float: none;
margin:0px;

}

#Menubtm li
{
display: inline; /* Menu links are horizontally aligned using display: inline */
}


#Menubtm li a
{
height:100px;
padding: 0px;  /* 20px 27px 20px; Display: block won't work in this example, instead we are using padding to make a clickable link */
color: #000000;
text-decoration: inherit;
}

#Menubtm li a:hover
{
	color:#000000;
	padding: 0px;
	font-weight: bold;
}
#Spanish {float: top; font-family: Verdana, Arial, Helvetica, sans-serif; color: #473a37; font-size: 12px; text-align: left;}
#wrapper {margin:0 auto; width:644px;}