/* This CSS file is created for you to create or override; any of the existing CSS styles used in this theme 
body { background: url(https://gec.guam.gov/wp-content/themes/arras/images/bg-img.png) center top scroll no-repeat #F0F0F0 !important; }*/

#header 
{ background: none;  border-bottom-color: none; border-bottom-style:none; border-bottom-width:none; }

#nav .sf-menu { max-width:840px; }
.logo { margin-top:4px; max-width:780px; max-height:46px; overflow:visible;}

#main { width: 960px;  margin: 0 auto; position: relative; }

a, a:link, a:visited	{ color: #357FD3;}
a:hover	{ color: red;}
a img, a:link img, a:visited img, a:hover img {border:none;}

h1, h5 { font-family:"Times New Roman",Georgia,Serif;}

/* top-menu */
#top-menu  {float:right; background: transparent; border: none; width: 980px; }
#top-menu-content  { float: right;  width: 600px; height: 25px; padding: 3px 0; }
#top-menu-content .sf-menu  { float:right; text-transform: uppercase; margin: 0 2px; }
#top-menu .sf-menu a  { display: block; text-decoration: none; padding: 7px 10px 8px; color: #357FD3; font-size: 10px; border-right: 1px solid #036; }
#top-menu .sf-menu ul a  { border: none; }
#top-menu .sf-menu ul li  { border: 1px solid #036; margin-top: -1px; }
#top-menu .sf-menu a:hover, #top-menu .sf-menu li:hover, #top-menu .sf-menu li.sfHover, #top-menu .sf-menu ul li  { color: #357FD3; background: #e1e1e1; }
#top-menu .sf-menu ul a:hover, #top-menu .sf-menu ul li.sfHover, #top-menu .sf-menu ul li:hover { color: #357FD3; background: #FFF; }
#top-menu .sf-menu ul li.sfHover a.sf-with-ul { color: #357FD3; }
#top-menu .sf-menu li li a  { padding: 12px 10px; line-height: 1; height: auto; font-size: 10px; }
#top-menu .sf-menu .sf-with-ul  { padding-right: 15px; }
#top-menu .sf-sub-indicator  { background: url(images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }
#top-menu .sf-menu ul .sf-sub-indicator	{ display: none; }
#top-menu .sf-menu li:hover ul, #top-menu .sf-menu li.sfHover ul { top: 2.4em; }
#top-menu ul.sf-menu li li:hover ul, #top-menu ul.sf-menu li li.sfHover ul, #top-menu ul.sf-menu li li li:hover ul, #top-menu ul.sf-menu li li li.sfHover ul { top: 0; }

/* search bar */
#searchbar  { margin: 6px;}
.searchform  { border: none; background: #EFEFEF; width: 250px; padding: 3px; margin: 0; }
.searchform .s  { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 11px; border: solid 1px #fff; background: #EFEFEF; padding: 0; margin: 0; float: left; width: 234px; }
.searchform .searchsubmit  { background: url(images/searchsubmit.gif) no-repeat; text-indent: -9000px; width: 12px; height: 12px; border: none; float: left; cursor: pointer; opacity: 0.7; text-transform: capitalize; padding: 0; margin: 0; }
.searchform .searchsubmit:hover  { background: url(images/searchsubmit.gif) no-repeat; opacity: 1; }

/* main navigation */
#nav  { background: none; min-width: 990px; overflow:view;}
#nav .sf-menu a  { color: #357FD3; }
#nav .sf-menu ul li  { border: 1px solid #036; background-image: url(images/bg-nav.png); padding: 4px;}
#nav .sf-menu a:hover, #nav .sf-menu li:hover, #nav .sf-menu li.sfHover, #nav .sf-menu ul li  { background: #e1e1e1; background-image: url(images/bg-nav.png) no-repeat bottom right; color: #357FD3; }
#nav .sf-menu ul a:hover, #nav .sf-menu ul li.sfHover, #nav .sf-menu ul li:hover { color: #357FD3; background: #fff; background-image: url(images/bg-nav.png) no-repeat bottom right; }
#nav .sf-menu ul li.sfHover a.sf-with-ul { color: #357FD3; }
#nav-content { margin-bottom:0px;  margin-left:auto;  margin-right:auto;  margin-top:0; width:978px; }
#nav .sf-menu  {line-height:2.5;}
#nav .sf-menu li ul {margin: 20px 0 0 0;}

.sub-menu {z-index: 10; margin: 0 auto;}

/* #featured-slideshow { border: 1px solid #333; background-color: #fff; width: 640px; height: 300px; } */


/* Custom Page/Post Styles */



/* About the GEC/ Commission Personnel */
#Commission {float:left;}
#Commission  h1, #Commission h2, #Commission h3, #Commission h4, #Commission h5, #Commission h6 { margin: 1em 0 1em 0; }

.profile { float:left; position: relative; margin: 0 0 60px 0; padding:0px; border:none; width: 500px;}
.profileImage {position: absoloute; float:left; margin:0px; padding:0px; border:none; max-width:600px;}
.ProfileText {position:absolute; float: left; margin: 0 0 0 175px; padding: 0 0 0 6px; border:none; max-width:380px;}
.NameAndTitle {margin:10px 0 0 0; font-weight:200; font-size: 1.1em;}
.IndiAddress {position:relative; margin:0px; width:200px;}
.IndiAddress ul li {list-style:none;}
.PhoneNums {position: absolute; margin: 0px; width:180px;}
.PhoneNums ul li {list-style:none;}
.csvPoints { position:relative; margin:0; font-size:1em;}
.no-bullets ul { list-style:none; }

/* Wordpress Tab Slides PLUGIN hacks */

/* Use for page banners */
.banner {margin: 20px 0 40px 0; border:6px solid #e1e1e1; padding:10px 0 20px 0; font-size:40px; text-align:center; vertical-align:middle;}


/* Use for alerts */
.alert {margin: 20px 0 16px 0; border:6px solid #ff0000; padding: 20px; font-size: 14px; text-align:center; vertical-align:middle;}

#wrapper { z-index: 1; min-height: 100%; padding: 0 0 20px 0; position: relative;}

/* Custom app "CountDown" on widget sidebar */
 .countdown {
		 width: 276px;
		 background-color: #333366;		 
	 }

   .countdown a {color: white; text-decoration:underline;}

   .countdown a:hover {color: #f6e47f;}
	 
	 p.chamoru {
		margin: 0px;
		padding:6px 0 0 12px;
		font-family:"Times New Roman",Georgia,Serif;
		font-size: 18px;
		color: #f6e47f;
		text-align: left;
	 }
	 
	 p.english {
		margin: -12px 0 0 0;
		padding: 0 0 0 4px;
		font-family:"Times New Roman",Georgia,Serif;
		font-size: 22px;
		color: #fff;
		text-align: left;
	 }
	 
	 p.date {
		margin: 0 0 0 0;
		padding: 10px 0 0 0;
		font-family:"Times New Roman",Georgia,Serif;
		font-size: 24px;
		color: #fff;
		text-align: center;
	 }
	 
	 p.numbers { 
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		 font-family:"Times New Roman",Georgia,Serif;
		 text-align: center;
		 font-size: 52px;
		 color: white;
	 }
	 	 
	p.units { 
	 	 margin: 0;
		 padding: 4px 0 0 10px;
		 font-family:"Times New Roman",Georgia,Serif;
		 text-align: left;
		 font-size: 24px;
		 color: #f6e47f;
	 }
	 
         #cntdwn {
			 padding-bottom: 20px;
		//margin: 0;
	}


	 .counter { 
	 	 margin: 0 auto;
		 padding-top: 110px;
		 padding-right:23px;
		 padding-bottom: 5px;
		 padding-left: 22px;
		 font-family:Tahoma, Geneva, sans-serif;
		 text-align: right;
		 font-size: 12px;
		 color: white;
	 }

/* Custom code is meant for side-bar placement */
 .onReg {margin: 0 0 0 0; width: 276px; background-color: #333366;}
.headingLn1 {padding:10px 0 0 0;font-family:"Times New Roman",Georgia,Serif;font-size: 26px; color:#f6e47f; text-align:center;}
.headingLn2 {margin:-30px 0 0 0;font-size:large;font-family:"Times New Roman",Georgia,Serif;font-size: 22px; color: #fff;text-align:center;}
.headingLn3 {margin:-5px;font-size:large;font-family:"Times New Roman",Georgia,Serif;font-size: 22px; color: #fff;text-align:center;}
.mssg {padding:10px; color:#e1e1e1;text-align:center;}
.address {padding: 0px 0px 10px 0px; text-decoration:underline;font-family:"Times New Roman",Georgia,Serif;font-size: 16px; color: #f6e47f;text-align:center;}

/* END OF PAGE */