/* Copyright City of Mesquite. ALL RIGHTS RESERVED */

/*
COLORS USED:				GRAYSCALE:
Toupe [100%]	#A8A387		Black:			#000000
			75%	#C2BFAF		Dark Gray:		#1A1A1A [90% black]
			50%	#D9D7CD		Medium Gray:	#404040 [75% black]
			25%	#EDECE8		Gray:			#808080 [50% black]
Green:			#00975C		Light Gray:		#D9D9D9 [15% black]
Orange:			#DA5030		Ultra Light:	#EAEAEA
Yellow:			#F8CE4D		White:			#FFFFFF
Blue:			#213166

# maps to ID
. maps to class
*/

/* Alpha-Transparency for PGN's with alpha channel */
* html img.Trans,* html img.LayerImage{behavior:url("/Resources/Images/pngbehavior.htc");}


#Photos			{position:absolute; top:4px; right:0px; width:292px; height:86px; z-index:400;}

/* ALL LINKS, except where specified */

A:Link			{color:#213166;font-size:13px;}
A:Visited		{color:#404040;font-size:13px;}
A:Hover			{color:#00975C;font-size:13px;}
A:Active		{color:#00975C;font-size:13px;}

/* BOXES */
body 			{background:url(../Images/bgMain.jpg) repeat-x 0 0 #CCDBCE; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#1A1A1A; margin:15px 15px 20px 15px;}
#Main			{border:5px solid #EDECE8; background-color:#ffffff; text-align:left;}
#Header			{background:url(../Images/Banner.jpg) -5px 0 no-repeat #ffffff; height:115px; margin:0 0 10px 0;}
#bdrHeader		{position:absolute; top:15px; right:15px;}
* html #bdrHeader		{right:14px;}/*** IE6 Fix ***/
#Logo			{position:absolute; left:40px; top:20px;}
#LogoPrint		{position:absolute; left:40px; top:20px;}

#Container 		{margin:0 0 20px 0;}
#Content 		{width:100%; margin:0 0 0 5px; padding:0 15px; background-color:#ffffff;}
#LHN 			{background:url(../Images/bgLHN.jpg) 0 0 no-repeat #ffffff; margin:0 5px 0 0; width:170px;}
#RHN 			{background:url(../Images/bgRHN.jpg) 0 0 no-repeat #ffffff; margin:0 0 0 0; padding:0 0 0 5px; width:150px;}


#Footer1		{clear:both; width:100%; height:39px; background:url(../Images/bgFooter.png) 0 0 no-repeat #ffffff; margin:0 0 0 0;}
#bdrFooter		{position:relative; left:-5px; bottom:-5px;}
#Footer1 a		{color:#213166;}
#Footer2		{margin:-30px 0 0 0; color:#404040; font-size:11px; text-align:center; padding:4px 0 0 0; z-index:100;}
#Footer2 a      {font-size:11px;}

/* NAVIGATIONS */
/* TOP NAV */
#TopNav			{position:absolute; top:95px; right:20px; width:451px; height:30px; background:url(../Images/bgTopNav.jpg) 0 0 no-repeat #ffffff; text-align:left;
<!--[if IE6]>right:40px;
<![endif]-->
}
/*** html #TopNav	{right:29px;}/*** IE6 Fix ***/
.navlist 		{margin:0; padding:0 0 0 10px;}
.navlist ul, .navlist li 
				{display:inline; list-style-type:none; color:#DA5030;}
.navlist a, .navlist a:visited		{font-size:14px; font-weight:bold; letter-spacing:1px; float:left; margin:0 5px 0px 5px; text-decoration:none; color:#DA5030;}
/*.navlist a:hover{color:#00975C;}*/
.navlist a:hover{color:#00975C;}

/* NEW SEARCH STYLES */
#Search			{background:url(../Images/bgSearchFld.png) 0 1px no-repeat #EDECE8; position:absolute; top:-2px; right:0px;}
#SearchFld		{background-color:transparent; border:0px; font-size:12px; color:#DA5030; width:100px; height:18px; margin:0 5px; padding:2px 15px 0 5px;}
#SearchBtn		{background:url(../Images/btnSearch.png) 50% 50% no-repeat #EDECE8; border:0px; width:30px; height:17px; margin:0px;}

				/* OLD STYLES - SAFE TO REMOVE WHEN NEW STYLES ARE PROVEN
				#Search			{position:absolute; top:-2px; right:0px;}
				#SearchFld		{background:url(../Images/bgSearchFld.png) 0 0 no-repeat #EDECE8; border:0px; font-size:12px; color:#DA5030; width:110px; height:18px; padding:2px 10px 0 10px;}
				* html #SearchFld		{background-attachment:fixed;}/*** IE6 Fix ***/
				/*#SearchBtn		{background:url(../Images/btnSearch.png) 50% 50% no-repeat #EDECE8; border:0px; width:30px; height:17px; margin:0px;}
				 */
 
/* LHN ITEMS */
/*#dropmenudiv	{position:absolute; background-color:#EDECE8; border:2px solid #D9D7CD; border-bottom-width:0; z-index:100; overflow:auto; }
#dropmenudiv a	{width:100%; display:block; text-indent:3px; border-bottom:2px solid #D9D7CD; color:#213166; padding:1px 0; text-decoration:none;}
#dropmenudiv a:hover	{background-color:#ffffff; /*hover background color*/ /*color:#213166;}*/

#dropmenudiv	{position:absolute; background-color:#EDECE8; border:1px solid #D9D7CD; z-index:100; overflow:auto;}
#dropmenudiv a	{width:100%; display:block; text-indent:3px; border-bottom:0px solid #D9D7CD; color:#213166; padding:1px 0; text-decoration:none;}
#dropmenudiv a:hover	{background-color:#ffffff; /*hover background color*/ color:#213166;}

.LHNHeader		{width:137px;font-size:12px; font-weight:bold;margin:0 0 0 5px;}
.LHNDivider		{height:3px; background-color:#EDECE8; margin:10px 0 10px 0;}

a.LhnMenuItem:link {font-size:13px; color:#4d4d4d; font-weight:normal;  line-height:18px; text-decoration:none;padding-left:4px;}
a.LhnMenuItem:hover {font-size:13px; color:#293b65; font-weight:normal; background-color:#EDECE8; line-height:18px; cursor:hand; text-decoration:none;width:140px;}
a.LhnMenuItem:active {font-size:13px; color:#4d4d4d; font-weight:normal;  line-height:18px; cursor:hand; text-decoration:none;}
a.LhnMenuItem:visited {font-size:13px; color:#000066; font-weight:normal;  line-height:18px; cursor:hand; text-decoration:none;}

/* Left Hand Nav Text */
.NavHeader {font-size:13px; color:#000000; font-weight:bold;}
.NavItem {font-size:11px; color:#000000; font-weight:normal; line-height:16px;}

.Menu			{list-style-type:none; margin:5px 0 0 -25px; padding-right:20px;}
.Menu li		{background:url(../Images/bgMenu.png) 100% 50% no-repeat #ffffff; width:130px;}

* html .Menu	{list-style-type:none; margin:5px 0 0 15px; padding-right:20px;}
* html .Menu li	{background:url(../Images/bgMenu.png) 100% 50% no-repeat #ffffff; width:130px;}
.FontSize		{margin:0 0 0 10px;}
#WeatherLink		{position:relative; z-index:1210;}

/* RHN ITEMS */
.RHNHeader		{width:150px;background-color:#00975C; font-size:12px; font-weight:bold; color:#ffffff; padding:0 5px;margin:0 0 5px 0;}
.RHNCopy		{font-size:11px; padding:0px 5px 0px 10px;}

/* COPY ELEMENTS */
h1				{font-size:18px; font-weight:normal; letter-spacing:1px; color:#1A1A1A; margin:0px 0px 10px 0px;}
h2				{font-size:16px; font-weight:normal; letter-spacing:1px; color:#000000; margin:5px 0px -5px 0px;}
h3				{font-size:14px; font-weight:bold; letter-spacing:1px; color:#B35900; margin:0px 0px 0px 0px;}
h4				{font-size:13px; font-weight:bold; letter-spacing:1px; color:#B35900; margin:0px 0px 0px 0px;}
h5				{font-size:14px; font-weight:normal; letter-spacing:0px; color:#1A1A1A; margin:0px 0px 20px 0px;}
p				{font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#1A1A1A;}
p.Small			{font-size:11px; font-weight:normal; letter-spacing:0px; color:#1A1A1A;}
.Dateline {color:#404040; font-size:10px;}
.NewsPhoto {float:left; margin:5px 5px 5px 0;}
.Copy			{font-size:12px;}

/* SPOTLIGHT VIEWER */
#SLViewer		{border:4px solid #D9D7CD; }
#SLHdr			{background:url(../Images/bdrSpotlightLt.png) 0 0 no-repeat #D9D7CD; position:relative; left:-4px; top:-4px; z-index:10;}
#SLHdr h1		{background:url(../Images/bdrSpotlightRt.png) 100% 0 no-repeat #D9D7CD; font-size:12px; font-weight:bold; height:19px; margin:0 0 -4px 0; padding:3px 0 0 8px; position:relative; left:8px; top:0px; z-index:10;}
#SLNav			{background:url(../Images/bgSpotlightArticles.png) no-repeat 0 0 #EDECE8; border-bottom:4px solid #D9D7CD; height:23px; padding:5px 10px 3px 15px;}
.SLLinks		{list-style-type:none; margin:0; padding:0;}
.SLLinksLoading	{color:#213166; display:inline; margin:3px 10px 0 0; padding:0 16px 0 0; background:url(../Images/icoLoading.gif) 100% 0 no-repeat transparent;}
.SLLinksLoaded	{color:#213166; display:inline; margin:3px 10px 0 0; padding:0 16px 0 0; font-weight:bold;}
.SLLinks li		{color:#213166; display:inline; margin:3px 10px 0 0; padding:0 16px 0 0;}
.SLLinks li a:link, a:visited, a:hover, a:active	{color:#213166;}
.SLLinks li a:hover	{color:#00975C; text-decoration:underline;}
#SLArticle		{background:url(../Images/bgSpotlightArticle.png) no-repeat 0 0 #ffffff; height:212px;overflow:auto;padding:0 0 0 10px;}
.SLPhoto		{float:left; padding:0 10px 0 0;margin:10px 0 2px 0px;}/*height:200px;width:300px;}*/
#SLStoryBoard	{padding:15px 10px 0px 0;}
.SLHeadline		{font-size:18px; color:#213166; padding:0 0 10px 0;}
.SLCopy			{font-size:12px;}
.Continue		{margin:5px 10px 0 0; text-align:right;}
.Continue a		{background:url(Images/icoContinue.png) no-repeat 100% 8px transparent; font-size:11px; font-style:italic; margin:0 10px 0 0; padding:5px 10px;}

.HomeFeature	{float:left; margin:30px 5px 20px 5px; width:33%;}

/* FRAME ELEMENTS */
#ViewerLink		{}
#ViewerCopy		{}
.VwrContent	{background-color:#ffffff; margin:0px; padding:10px; width:90%;}
.VwrImage		{float:right; padding:0 0 10px 10px;}
.VwrContent li {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#1A1A1A;}
.PreviewListLabel ul {margin:-3px 0 0 25px;padding:0px;}
#PreviewPanel {OVERFLOW: auto; HEIGHT: 400px;}
#PreviewContent {OVERFLOW: auto; HEIGHT: 400px;width:100%;}
.Icon			{border:0px; margin:0 5px;}
.InfoViewer		{border:1px solid black;}

.IntroCopy		{font-size:14px; line-height:21px; margin-top:0px;}
.IntroCopySM	{font-size:12px; line-height:18px; margin-top:0px;}
.Divider		{background:url(../Images/bgDivider.png) repeat-x 0 0 #FFFFFF; margin:20px 0 -10px 0; height:1px;}
#Quote			{color:#404040; font-size:11px; border-top:1px solid #800080; border-bottom:1px solid #800080; padding:5px 5px; text-align:left;}
					/* Increasing font-size will blow up floats in IE6 */
.Author			{font-size:10px; font-style:italic; margin:5px 0 0 0; text-align:right;}

/* CALENDAR ITEMS */
a.MonthNextPrev:link, a.MonthNextPrev:active ,a.MonthNextPrev:visited 	
				{font-size:11px; font-weight:normal; color:#213166; text-decoration:none;}
a.MonthNextPrev:hover 	
				{font-size:11px; font-weight:normal; color:#DA5030; text-decoration:underline;}
#CalBody		{background:url() repeat-x 0 0 #ffffff;}
#CalHdr			{background:url() 0 0 no-repeat #EDECE8;padding:3px 0px 3px 0px; }
#CalViewer		{}
.Day			{color:#213166; text-align:center; width:14%;}
.CalCell		{width:14%;font-size:13px;}
.Date			{font-size:11px; font-weight:bold; color:#404040; text-align:left;}
.EmptyDate		{}
.Event			{font-size:11px; margin:0 0 5px 0; padding:0 0 0 5px}
.CurrentDay		{background-color:#EDECE8; border:1px solid #DA5030; width:14%;}
.ListDay		{padding:2px 2px 2px 2px;font-size:13px;}
.ListTime		{padding:2px 2px 2px 2px;font-size:13px;width:60;}
#SwitchViews	{float:right; font-size:11px; font-weight:normal; color:#213166; letter-spacing:0px; margin:-13px 10px 0 0; padding:0 25px 0 0; background:url(../Images/icoCalSwitch.png) 100% 0 no-repeat transparent; text-decoration:none;}
p.Event			{font-size:11px; margin:0 0 5px 5px;}

/* TABLE ITEMS */
.TBBorder		{border:1px solid #000000;}
.TBHeader		{color:#B35900; font-weight:bold; background-color:#EAEAEA;}
.BorderedTableData		{border:1px solid #000000; background-color:#ffffff; margin:10px;}
.TableData		{border:0px solid #000000; background-color:#ffffff;font-size:12px;}
th				{border-bottom:1px solid #000000; background-color:#E0E1E4;}
th.Center		{text-align:center;}
tr.AltRow1		{background-color:#ffffff;}
tr.AltRow2		{background-color:#EAEAEA;}
td.TDCenter		{text-align:center;}
td.Field		{font-size:12px;color:#1A1A1A; font-weight:bold; text-align:right; vertical-align:top;}


/* TabContents */
.shadetabs						{padding:0px 0px 10px 0px; margin:0px; font:11px Arial,sans-serif; list-style-type:none; background:url(../Images/bgDivider.png) repeat-x 0 100% #ffffff; /*set to left, center, or right to align the menu as desired*/}
.shadetabs li					{display:inline; margin:0px;}
.shadetabs li a					{text-decoration:none; padding:0px 15px 0px 0px; margin:0px; border:0px; color:#408000;}
.shadetabs li a:visited			{color:#408000;}
.shadetabs li a:hover			{text-decoration:underline; color:#408000;}
.shadetabs li.selected			{border:0px; font-weight:normal;}
.shadetabs li.selected a		{/*selected main tab style */ border:0px; text-decoration:underline;}
.shadetabs li.selected a:hover	{/*selected main tab style */text-decoration:none;}
.tabcontentstyle				{/*style of tab content oontainer*/border:0px; margin:px 0px 0px 0px; padding:5px 0px 0px 0px;}
.tabcontent						{display:none;}

/* FORM ELEMENTS */
.Button			{background-color:#408000;}
.FormField		{}
.FormInput		{}

/* FOOTER OBJECTS
	object images:	No LEFT POSITION
					position on the bottom is established by the MARGIN attribute and values
*/
#Tortoise       {position:relative; left:-10px; top:0px; margin:-60px 0px 0px -5px; padding:0px; width:125px; z-index:100; cursor:hand;}
#TortoiseLayer  {position:relative; left:130px; top:0px; margin:-312px 0 0 0; width:312px; height:312px; z-Index:201;}
.TortoiseLayerBG{position:relative; width:312px; height:312px; z-index:202;}
#TortoiseCopy	{position:absolute; left:0px; bottom:0px; width:312px; height:312px; z-Index:203;}

#Golf           {position:relative; left:0px; top:0px; margin:-49px 0px 0px auto; padding:0px; width:95px; z-index:100; cursor:hand;}
#GolfLayer		{position:relative; right:0px; top:0px; margin:-312px 100px 0 0; width:312px; height:312px; z-Index:201; float:right;}
* html #GolfLayer	{margin:-330px 50px 0 0;}
.GolfLayerBG	{position:relative; width:312px; height:312px; z-index:202;}
#GolfCopy		{position:absolute; left:0px; bottom:0px; width:312px; height:312px; z-Index:203;}

#RoadRunner          {position:relative; left:-10px; top:0px; margin:-50px 0px 0px -5px; padding:0px; width:122px; z-index:100; cursor:hand;}
#RoadRunnerLayer{position:relative; left:140px; top:0px; margin:-312px 0 0 0;  width:312px; height:312px; z-Index:201;}
.RoadRunnerLayerBG	{position:relative; width:312px; height:312px; z-index:202;}
#RoadRunnerCopy	{position:absolute; left:0px; bottom:0px; width:312px; height:312px; z-Index:203;}


.CloseLayer		{width:140px; height:30px; float:right; cursor:hand;}
.InsideLayer	{width:268px; height:241px; margin:43px 27px 28px 17px; overflow:auto;}
.LayerImage		{border:0px; float:right; margin:0 0 5px 5px;}

.code			{color:#0000FF;text-indent:10px;}