

body {
  margin: 0;
  padding: 0;
  color: #071234;
  background-color: #04355E;
  background-image: url(resources/bg.jpg);
  background-repeat: repeat-x;
  font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
}

h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol {
  margin: 0;
  padding: 0;
}
#content ul {
  margin: 20px 20px 20px 60px;
  padding: 0;
}
#content ol {
  margin: 20px 20px 20px 60px;
  padding: 0;
}

/* --------------- link styles --------------- */
a:link {
  color: #005596;
  background-color: #FFFFFF;
  text-decoration: underline;
}
a:visited {
  color: #005596;
  background-color: #FFFFFF;
  text-decoration: underline;
}
a:hover {
  color: #005596;
  background-color: #FFFFFF;
  text-decoration: none;
}
a:active {
  color: #005596;
  background-color: #FFFFFF;
  text-decoration: none;
}

/* --------------- image styles --------------- */

.imgleftblueborder {
  float: left;
  padding: 6px;
  background-color: #CDE9F5;
  color: inherit;
  margin: 4px 18px 12px 0;
}

.imgblockblueborder {
  padding: 6px;
  background-color: #CDE9F5;
  color: inherit;
  margin: 12px 0 16px 0;
}

#leftcolumn .imgleftnomargin {
  float: left;
  margin: 0;
  padding: 0;
}
#leftcolumn .imgleftblueborder {
  float: left;
  padding: 6px;
  background-color: #CDE9F5;
  color: inherit;
  margin: 4px 18px 12px 0;
}

#leftcolumn .imgblockblueborder {
  padding: 6px;
  background-color: #CDE9F5;
  color: inherit;
  margin: 12px 0 16px 0;
}

/* --------------- misc --------------- */
.clear {
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  border: 0;
}
.red {
  color: #CC0000;
  background-color: #FFFFFF !important;
}
.redbold {
  color: #CC0000 !important;
  background-color: #FFFFFF !important;
  font-weight: bold;
}
.bluebold {
  color: #0033FF;
  background-color: #FFFFFF !important;
  font-weight: bold;
  }
.bold {
  font-weight: bold;
}
.italic {
		font-style: italic; 
	}
	
	
.plus1bold {
	font-size: 125% !important;
	font-weight: bold;
}
.plus2bold {
	font-size: 140% !important;
	font-weight: bold;
}
.plus3bold {
	font-size: 165% !important;
	font-weight: bold;
}

.plus1redbold {
	font-size: 125% !important;
	font-weight: bold;
	  color: #DE0915 !important;
}
.plus2redbold {
	font-size: 140% !important;
	font-weight: bold;
		 color: #DE0915 !important;
}
.plus3redbold {
	font-size: 165% !important;
	font-weight: bold;
	 color: #DE0915 !important;
}
/* --------------- wrap layout --------------- */
#wrap {
  position: relative;
  width: 754px;
  margin: 0 auto 0 auto; 
  background-image: url(resources/bg-wrap.gif);
  background-repeat: repeat-y;
  color: #071234;
  background-color: transparent;
}
/* --------------- header layout --------------- */
#header {
 width: 754px;
  height: 172px;
}
#header img {
  display: block;
}


		
/* --------------- content --------------- */
#content {
  width: 100%;
  position: relative;
  clear: both;
  text-align: justify;
  background-image: url(resources/bg-content.gif);
  background-repeat: repeat-y;
  background-color: transparent;
  color: inherit;
  padding-top: 0;
  margin-top: 0;
}

#content h1 {
  color: #071234;
  background-color: #CDE9F5; 
   border-top: 1px solid #FFFFFF;
	 padding: 10px 0 10px 35px;
  margin: 14px 5px 14px 5px;
  font-family: Georgia, "Times New Roman", serif; 
  font-size: 28px;
  font-weight: normal;
  clear: both;
}
#content h2 {
  color: #DE0915;
  background-color: transparent;
  border-top: 1px solid #FFFFFF;
  padding: 10px 0 10px 40px;
  font-family: "arial narrow", arial, helvetica, sans-serif; 
  font-size: 24px;
  clear: both;
}
#content h3 {
  color: #DE0915;
  background-color: transparent;
  border-top: 1px solid #FFFFFF;
  padding: 10px 30px 10px 40px;
  font-family: "arial narrow", arial, helvetica, sans-serif; 
  font-size: 21px;
  clear: both;
}
#content h4 {
  color: #071234;
  background-color: transparent;
  border-top: 1px solid #FFFFFF;
  padding: 10px 30px 10px 40px;
  font-family: "arial narrow", arial, helvetica, sans-serif; 
  font-size: 21px;
  clear: both;
}		
#content p {
  font-size: 12px;
  line-height: 1.5;
  margin: 0 50px 12px 40px;
  color: #002B4C;
  background-color: transparent;
}	

	
	
/*---------------submenu --------------*/
#content #submenunavcontainer {
  overflow: hidden;
  width: 720px;
  height: 40px;
  margin-left: 25px;
}

#content #submenunavlist, #content #submenunavlist2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 13px !important;
}

#content #submenunavlist li, #content #submenunavlist2 li  {
   color: #005596;
   background-color: #FFFFFF !important;
   border-left: 1px solid #005596;
   float: left;
   line-height: 1.4em;
   margin: 0 .4em 0 -.4em; 
   padding: 0 .4em 0 .4em;
}

#content ul#submenunavlist li a.noleftbar {
	border-left: 1px solid #FFFFFF !important;
	margin-left: 1em !important;
	padding-left: 1px;
}

#content ul#submenunavlist2 li a.noleftbar2 {
	border-left: 1px solid #FFFFFF !important;
	margin-left: 1em !important;
	padding-left: 1px;
}


.nomarginrght {
   padding-right: 0;
	margin-right: 0;
}
#content ul#submenunavlist li.nobar, #content ul#submenunavlist2 li.nobar {
	border-left: none !important;
	padding-left: 3px;
	margin-left: 0;
}
#content ul#submenunavlist li span.submenubold, 
#content ul#submenunavlist2 li span.submenubold2 {
	font-weight: bold !important;
   color: #CC0000;
	background-color: #FFFFFF !important;
	text-transform: uppercase;
	padding-left: 0;
}
#content ul#submenunavlist li span.submenubold {
   margin-left: 0;
}
#content ul#submenunavlist li span.submenubold2 {
      margin-left: 0;
}


#content #submenunavlist li a:link, #content #submenunavlist2 li a:link {
	color: #064169 !important;
	background-color: #FFFFFF;
	text-decoration: none !important;
	font-weight: bold;
}
#content #submenunavlist li a:visited, #content #submenunavlist2 li a:visited  {
	color: #064169;
	background-color: #FFFFFF;
	text-decoration: none !important;
	font-weight: bold;
}
#content #submenunavlist li a:hover, #content #submenunavlist2 li a:hover {
	color: #064169;
	background-color: #FFFFFF;
	text-decoration: none !important;
	font-weight: bold;
}
#content #submenunavlist li a:active, #content #submenunavlist2 li a:active {
	color: #064169;
	background-color: #FFFFFF;
	text-decoration: none !important;
	font-weight: bold;
}





#leftcolumn {
	width: 36%;
	position: relative;
	float: left;
}
#rightcolumn {
	width: 62%;
	position: relative;
	float: left;
}
#rightcolumn ul {
	margin: 20px 20px 20px 60px;
}
#rightcolumn ol {
	margin: 20px 20px 20px 60px;
}
#footer {
	width: 754px;
	height: 97px;
	clear: both;
	margin: 0;
	padding: 0;
}	
hr {
  border: 0;
  width: 80%;
  color: #CC0000;
  background-color: #CC0000;
  height: 2px;
  margin: 24px 0 24px 40px;
}

#belowwrap {
	clear: both;
	color: #6699CC;
  background-color: transparent;
	width: 754px;
	margin: 25px auto 25px auto !important;
	font-family: verdana, arial, "Trebuchet MS", sans-serif;
	font-size: 10px;
	line-height: 18px;
	height: 70px;
}
#belowwrap a {
	color: #6699CC;
  background-color: transparent;
  text-decoration: none;
}
.belowwrapleft {
	width: 370px;
	text-align: left;
	float: left;
}
.belowwrapright {
	width: 340px;
	text-align: right;
	float: right;
}
/*----------CSS signature ------------ */

body#home #navhome a,
body#about #navabout a,
body#services #navservices a,
body#listings #navlistings a,
body#resources #navresources a,
body#contact #navcontact a {
background-image: url(resources/navrollbg.jpg);
background-repeat: repeat;
color: #FFFFFF;
}

body#about #navabout ul li a {
display:block; 
background:#D3ECF7; 
color:#000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
font-size: 12px;
font-weight: bold;
}

body#about #navabout ul li a:hover {
background:#FF0000; 
color:#FFFFFF;
}

body#listings #navlistings ul li a {
display:block; 
background:#D3ECF7; 
color:#000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
font-size: 12px;
font-weight: bold;
}

body#listings #navlistings ul li a:hover {
background:#FF0000; 
color:#FFFFFF;
}

		
body#home a.navhome span,
body#about a.navabout span,
body#services a.navservices span,
body#listings a.navlistings span,
body#resources a.navresources span,
body#contact a.navcontact span {
      background-position: 0% -42px;
		color: #FFFFFF;
      }
		
body#default a  {
      background-position: top left;
      }
		
body#default a span {
      background-position: top left;
      }
body#listings #content #submenunavcontainer {
	width: 550px;
	height: 40px;
}
body#listings #content #submenunavcontainer {
	margin-bottom: 10px;
}
body#listings #content #submenunavcontainer ul#submenunavlist li {
	margin-bottom: 5px;
}
body#listings li#nobar span#submenubold2 {
	margin-left: -2px;
}