body {margin: 0; font-size: 80%; color: #354268; background: #A79BB1;}

html, body {height: 100% !Important;}

body, td {font-family: Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; padding: 0; margin: 0; font-size: 100%; }
	h1 {font-size: 200%;}
	h2 {font-size: 160%;}
	h3 {font-size: 120%;}
	
a {color: #684F6C;}
a img {border: 0;}

.imgleft {float: left; margin: 0 10px 10px 0;}
.imgright {float: right; margin: 0 0 10px 10px;}

#back { background: url(../images/body_back.gif) 0 0 repeat-x #CCDEF4; }
	

#maincontain {width: 988px; margin: 0 auto/* 170px auto*/; position: relative; z-index: 500;}

#header {height: 132px;}
	#header ul {list-style: none; padding: 0; margin: 0;position: absolute; top: 10px; right: 10px;}
	#header ul li {float: left; text-transform: uppercase; font-size: 90%;}
	#header ul li a {color: #4A587F; padding: 0 5px; text-decoration: none; border-right: 1px solid #4A587F;}
		#header ul li a.lastlink {border: 0;}
		#header ul li a:hover {text-decoration: underline;}	
	#header .tools {position: absolute; right: 10px; top: 40px; text-align: right; width: 360px;}
	#header .tools div {margin: 6px 0 0 0;}
		#header .tools .smalltext {font-size: 10px; font-weight: bold; text-decoration: none;}
		#header .tools .normaltext {font-size: 13px; font-weight: bold; text-decoration: none; color: #fff; background: #684F6C;}
		#header .tools .largetext {font-size: 16px; font-weight: bold; text-decoration: none;}
		#header .tools .textimages {display: none; visibility: hidden;}
		#header .tools select {width: 209px;}
			#header .tools .a_align {float: right;margin-right: 52px}
			#header .tools .textlink_align {float: right;}
	#header h1 a {display: block; background: url(../images/title_cityofalamogordo.gif) 0 0 no-repeat; height: 66px; width: 558px; text-indent: -99999px; position: absolute; top: 40px; left: 100px; z-index: 5001 }	
	#header .crest {float: left; margin: 10px 0 0 0;}
	
	#regSize {background: #fff}

	
#primarycontent {clear: both; background: #fff; position: relative; padding: 20px; top: 10px;}
	#primarycontent h2 {font-size: 220%; color: #948097; margin-top: 10px;}
	.locationline {font-size: 90%; margin: 10px 0 15px 0;}
		
	.languagelink  {float: right;display: block; background: #948097; color: #fff; font-size: 75%; text-transform: none; font-weight: normal; padding: 7px; border: 1px solid #563B5A;}
		.languagelink:hover {background: #856E88;}
		
	#primarycontent ul {list-style: none; list-style-image: url(../images/arrow_purple.gif);}
	
	.sidebox {float: right; width: 200px; }
		
	.related {background: #EFF1EA; padding: 10px;}
		.related h3 {background: #90A162; color: #fff;padding: 2px 5px; text-transform: uppercase;}
		.related ul {list-style-image: url(../images/arrow_green.gif); font-size: 85%; padding: 0; margin: 10px 0 0 30px;}
		.related ul li {margin: 0 0 7px 0;}
		.related ul li a {color: #6C799C;}
	
	
#footer {text-align: center; font-size: 90%; padding: 10px 0 0 0;color: #563636; position: relative; z-index: 10; }	

	#footer a {color: #563636; text-decoration: none;}
	#footer a:hover {background: #BCD1E9;}
	
	.copyright {color: #8D7C80;}
	
	#footergraphic {background: url(../images/footer.gif) 0 0 repeat-x; height: 221px;}
	
	
	
/*HOMEPAGE SPECIFIC*/	

.home #primarycontent {background: transparent; width: 548px !Important; padding: 0 0 0 205px;}
	.home .featimg {background: url(../images/picture_back.gif) 0 0 no-repeat #D0E1F5; width: 555px; height: 277px; margin-left: -5px;}
		.home .featimg img {margin: 16px 0 0 24px}
	.home .news {background: #fff; padding: 10px;}
	.home .news h2 {background: #948097 !Important; color: #fff !Important; border-botttom: 2px solid #7B647E; text-align: center; padding: 3px; font-size: 120% !Important; margin: 0 0 10px 0; position: relative;}
	.home .news h3 {background: #EFF1EA; color: #90A162; padding: 2px 5px; text-transform: uppercase; clear: both;}
		.home .news h3 a { display: block; float: right; margin: 3px 0 0 0; color: #90A162; text-transform: none; font-size: 75%; text-decoration: none;}
			.home .news h3 a:hover {text-decoration: underline;}
	.home .news h4 {color: #667355; font-size: 120%;}
	.home .news .imgleft {padding: 10px; border: 1px solid #E9E0C4; background: #FDFAF0;}
	.home .news .newsitems {list-style: none; padding: 0; margin: 0;}
		.home .news .newsitems li {margin: 10px 0;}
		.home .news .newsitems div {font-weight: bold; text-transform: uppercase; font-size: 85%; color: #6C799C;}
		.home .news .newsitems h5 {font-family: Verdana, Arial, Helvetica, sans-serif}
 
.home #secondarycontent {width: 192px; position: absolute; left: 0; top: 188px;}

	.home .alerts {background: #fff; padding: 10px; margin: 0 0 10px 0;}
	.home .alerts h3 {background: url(../images/headerback_alerts.gif) left bottom repeat-x #AF0836; color: #fff; padding: 2px 5px; text-transform: uppercase;}
	.home .alerts ul {list-style: none; padding: 0;margin: 0; }
	.home .alerts ul li {background: url(../images/alert_back.gif) left bottom repeat-x; list-style-position: inside; font-weight: bold; font-size: 90%; color: #AC0131; padding: 10px;list-style-image: url(../images/alert_icon.gif);}

	.title_around {display: none; visibility: hidden}
	.home .links {list-style: none; padding: 0; margin: 0 0 10px 0;}
		.home .links li {}
		.home .links li a {display: block; padding: 7px 10px 10px 30px; font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; font-weight: bold; color: #fff; font-size: 120%; text-decoration: none; line-height: 100%;}		
		.home #set01 li{background: url(../images/menuback_01.gif) 0 0 repeat-x #5C6A91 ; border-top: 1px solid #5C6A91; border-bottom: 1px solid #7986AC;}
			.home #set01 li a {background-image: url(../images/menuarrow_01.gif); background-position: 10px center; background-repeat: no-repeat;}
			.home #set01 li a:hover {background: url(../images/menuarrow_01.gif) 10px center no-repeat #5C6A91 !Important;}
		.home #set02 li {background: url(../images/menuback_02.gif) 0 0 repeat-x #A48EA7; border-top: 1px solid #AB94AE; border-bottom: 1px solid #BEADC0;}
			.home #set02 li a:hover {background-color: #A48EA7}
		.home #set03 li {background: url(../images/menuback_03.gif) 0 0 repeat-x #D68F2A; border-top: 1px solid #D68F2A; border-bottom: 1px solid #F1B054;}
			.home #set03 li a {background-image: url(../images/menuarrow_03.gif); background-position: 10px center; background-repeat: no-repeat;}
			.home #set03 li a:hover {background: url(../images/menuarrow_03.gif) 10px center no-repeat #D68F2A !Important;}
		
		.home .links li a:hover {background-image: none !Important;}
		
.home #tertiarycontent {width: 226px;position: absolute; right: 0; top: 188px;}
	.home .events, .quickpoll {background: #fff; padding: 10px; margin: 0 0 10px 0;}
	.home .events h3, .home .quickpoll h3 {background: #90A162; color: #fff; padding: 2px 5px; text-transform: uppercase;}
	.home .events ul {list-style: none; padding: 0; margin: 0;}
	.home .events ul li {padding: 7px; background: #F5F4F5; font-size: 80%;}
		.home .events ul li a {display: block; color: #2E3C60;}
	.even {background: #fff !Important;}
	.home .events ul li div {font-weight: bold; text-transform: uppercase; color: #6C799C;}


	

	
/*CSS HACKS*/

/*Float container clearing fix*/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */