@charset "utf-8";
/* CSS Document */

/* Allow for easy use of em sizing */
html { font-size: 62.5%; font-family: Verdana, Helvetica, Arial, Sans;}

/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
  color: #000000;
  font-size: 1.1em; /* 11px by default */
  line-height: 14px;
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: center; /* Centers the page content container in IE 5 browsers. */
  background-color: #FFFFFF;
}

/* *********************************************************************************************
HEADER TAGS H1, H2, H3, H4, H5, H6
********************************************************************************************* */

h1 {
	font-size: 2em; /* 30px by default */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	line-height: 2em;
}

h2 {
	font-size: 1.6em; /* 24px by default */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	line-height: 1.8em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

h3 {
	font-size: 1.3em; /* 18px by default */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	line-height: 1.2em;
	margin: 10px 0px 0px 0px;
}

h4 {
	font-size: 1.0em; /* 16px by default */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	line-height: 1.0em;
	margin: 13px 0px 4px 0px;
}

h5 {
	font-size: 1.2em; /* 18px by default */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ed4224;
	line-height: 1.2em;
	margin: 10px 0px 0px 0px;
}

h6 {
	font-size: 1.2em; /* 12px by default */
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	color: #000000;
	line-height: 1.2em;
}

/* *********************************************************************************************
COMMON HTML ELEMENTS
********************************************************************************************* */

p {
	padding: 5px 0px 5px 0px;
}

ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

li {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 40px;
}

blockquote {
	margin: 0px 30px 0px 30px;
}

small {
	font-size: 0.9em; /* 11px by default */
    line-height: 0.9px;
	color: #999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/* *********************************************************************************************
LINKS
********************************************************************************************* */

/* Sets the style for unvisited links. */
a,  a:link {
  
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  
  text-decoration: none;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  
  text-decoration: none;
}



/* *********************************************************************************************
PAGE LAYOUT DIVs
********************************************************************************************* */


#pageWrapper {
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
  width: 940px;
  /*height: 700px;*/
  /*border-left: 1px solid #333333;*/
  text-align: left;
}

#pageWrapper #header {
  height: 135px;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
  
  /*background-color: #ffff00;*/
}

	#pageWrapper #header #logo {
	  float: left;
	  display: inline;
	  height: 100px;
	  width: 700px;
	  padding: 0px 0px 0px 0px;
	  margin: 0px 0px 0px 0px;
	  
	  /*background-color: #33FF00;*/
	}
	
		#pageWrapper #header #logo p {
		  text-align: center;
		  font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: 1.4em; /* 11px by default */
		  line-height: 16px;
		  color: #000000;
		}
	
	#pageWrapper #header #searchBar {
	  float: right;
	  display: inline;
	  height: 100px;
	  width: 240px;
	  padding: 0px 0px 0px 0px;
	  margin: 0px 0px 0px 0px;
	  
	  /*background-color: #CCFF00;*/
	}
	
	#pageWrapper #header #searchBar #searchform {
	  padding: 0px 0px 0px 0px;
	  margin: 80px 0px 0px 10px;
	  
	  /*background-color: #CCFF00;*/
	}
	
#pageWrapper #header ul {
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 40px;
  
  /*background-color: #CC66CC;*/

}

#pageWrapper #header ul li {
  padding: 0px 0px 0px 0px;
  margin: 0px 10px 0px 10px;
  display: inline;
  list-style-type: none;

}

	#pageWrapper #header ul li a {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 1.1em; /* 11px by default */
	  line-height: 12px;
	  color: #666666;
	  text-decoration: none;
	}
	
	#pageWrapper #header ul li a:link {
	}
	
	#pageWrapper #header ul li a:visited {
	}
	
	#pageWrapper #header ul li a:hover {
	  color: #000000;
	  text-decoration: underline;
	}
	
	#pageWrapper #header ul li a:focus {
	}
	
	#pageWrapper #header ul li a:active {
	}

/* *********************************************************************************************
NAVIGATION
********************************************************************************************* */

#pageWrapper #navigation {
  height: 30px;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
  background-image: url(../images/navigationBg.gif);
  background-repeat: no-repeat;
  
  /*background-color: #00ff00;*/
}

#pageWrapper #navigation ul {
  padding: 7px 0px 0px 20px;
  margin: 0px 0px 0px 0px;
  height: 20px;
}

#pageWrapper #navigation ul li {
  padding: 10px 0px 0px 0px;
  margin: 0px 10px 0px 10px;
  
  display: inline;
  list-style-type: none;
}

#pageWrapper #navigation ul li a:link {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.4em; /* 11px by default */
  font-weight: bold;
  line-height: 14px;
  color: #000000;
}

#pageWrapper #navigation ul li a:visited {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.4em; /* 11px by default */
  font-weight: bold;
  line-height: 14px;
  color: #000000;
}

#pageWrapper #navigation ul li a:hover {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.4em; /* 11px by default */
  font-weight: bold;
  line-height: 14px;
  color: #000000;
}

#pageWrapper #navigation ul li a:focus {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.4em; /* 11px by default */
  font-weight: bold;
  line-height: 14px;
  color: #000000;
}

#pageWrapper #navigation ul li a:active {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.4em; /* 11px by default */
  font-weight: bold;
  line-height: 14px;
  color: #000000;
}

#pageWrapper #navigation ul li .page_item {}

/* *********************************************************************************************
HOME PAGE FEATURE
********************************************************************************************* */
#pageWrapper #homeFeature {
  height: 301px;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
  
  /*background-color: #ff0000;*/
}

#pageWrapper #homeFeatureLeft {
  height: 301px;
  width: 620px;
  float: left;
  display: inline;
  padding: 0px 0px 0px 0px;
  margin: 0px 20px 0px 0px;
  
  background-image: url(../images/hmImage.jpg);
  background-repeat: no-repeat;
  
  /*background-color: #ffff00;*/
}

#pageWrapper #homeFeatureRight {
  height: 301px;
  width: 280px;
  float: right;
  display: inline;
  padding: 0px 10px 0px 10px;
  margin: 0px 0px 0px 0px;
  
  font-size: 1.2em; /* 11px by default */
  line-height: 14px;
  
  background-image: url(../images/hmRtColumnHeader.gif);
  background-repeat: no-repeat;
  
  /*background-color: #ff00ff;*/
}

#pageWrapper #homeFeatureRight h2 {
  padding: 0px 0px 0px 0px;
  margin: 40px 0px 0px 0px;
}

#pageWrapper #homeFeatureRight .rssIconClPodHeader {
  float: right;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* *********************************************************************************************
SUB SECTION HEADERS
********************************************************************************************* */

#pageWrapper #subSectionHeaders {
  width: 940px;
  height: 105px;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
  
  /*background-color: #00FF00;*/
}

/* *********************************************************************************************
CONTENT & COLUMNS
********************************************************************************************* */
#pageWrapper #contentWrapper {
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
	  
  /*height: 400px;*/
  /*background-color: #e7e7e7;*/
}

#pageWrapper #contentWrapper #contentLeft {
  width: 620px;
  float: left;
  display: inline;
  padding: 0px 0px 0px 0px;
  margin: 0px 20px 0px 0px;
	  
  /*height: 400px;*/
  /*background-color: #e7e7e7;*/
}

	#pageWrapper #contentWrapper #contentLeft .clPodWrapper {
      width: 620px;
	  /*height: 300px;*/
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
    }
	
	#pageWrapper #contentWrapper #contentLeft .clPodWrapper .clPodHeader {
      width: 620px;
	  height: 48px;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
	  
	  background-image: url(../images/LtColumnHeaderBg.gif);
	  background-repeat: no-repeat;
    }
	
	#pageWrapper #contentWrapper #contentLeft .clPodWrapper .clPodLeft {
      float: left;
	  display: inline;
	  width: 380px;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
	  
	  /*height: 50px;*/
	  /*background-color: #99FF00;*/
    }
	
	#pageWrapper #contentWrapper #contentLeft .clPodWrapper .clPodLeft p {
	  padding: 5px 0px 5px 0px;
      margin: 0px 0px 0px 0px;
	}
	
	#pageWrapper #contentWrapper #contentLeft .clPodWrapper .clPodLeft p .pDate {
	  padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
	}
	
	#pageWrapper #contentWrapper #contentLeft .subSectionHeader {
      width: 620px;
	  height: 48px;
      padding: 3px 0px 0px 20px;
      margin: 0px 0px 0px 0px;
	  
	  background-image: url(../images/LtColumnHeaderBg.gif);
	  background-repeat: no-repeat;
    }
	
	#pageWrapper #contentWrapper #contentLeft hr {
	}
	
	#pageWrapper #contentWrapper #contentLeft .clPodWrapper .clPodRight {
	  float: right;
	  display: inline;
      width: 220px;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
	  
	  /*height: 50px;*/
	  /*background-color: #CCFF00;*/
    }
	
	#pageWrapper #contentWrapper #contentLeft .clPodWrapper .clPodRight ul {
	  padding: 0px 0px 0px 0px;
      margin: 10px 0px 0px 0px;
	}
	
	#pageWrapper #contentWrapper #contentLeft .clPodWrapper .clPodRight ul li {
	  padding: 0px 0px 0px 0px;
      margin: 10px 0px 10px 15px;
	  list-style-image: url(../images/liArrow.png);
	}
	
	#pageWrapper #contentWrapper #contentLeft .clPodWrapper .clPodRight ul li a {
	  padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
	}
	
	

#pageWrapper #contentWrapper #contentRight { /* THIS IS THE WORDPRESS SIDEBAR */
  width: 300px;
  float: right;
  display: inline;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
	  
  /*height: 400px;*/
  /*background-color: #e7e7e7;*/
}

#pageWrapper #contentWrapper #contentRight #submenuLogin {

}

#pageWrapper #contentWrapper #contentRight #submenuLogin ul li a, a:link, a:visited, a:hover, a:focus {
  display: inline;
  border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* *** THIS AREA IS FOR THE ACCORDIAN MENU IN THE SIDEBAR  *** */

	.urbangreymenu {
	width: 300px; /*width of menu*/
	padding: 0px 0px 0px 0px;
    margin: -10px 0px 0px 0px;
	}
	
	.urbangreymenu .headerbar {
	font: bold 13px Verdana;
	color: #990000;
	
	background-image: url(../images/RtColumnHeaderBg.gif);
	background-repeat: no-repeat;
	
	/*background: #606060 url(arrowstop.gif) no-repeat 8px 6px;*/ /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
	
	cursor: pointer;
	}
	
	.urbangreymenu .headerbar a {
	text-decoration: none;
	color: #990000;
	display: block;
	}
	
	.urbangreymenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
	}
	
	.urbangreymenu ul li {
	/*padding-bottom: 2px;*/ /*bottom spacing between menu items*/
	padding: 2px 4px 2px 4px;
    margin: 0px 0px 0px 0px;
	}
	
	.urbangreymenu ul li a {
	font: normal 12px Arial;
	color: #990000;
	background: #f7f7f7;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	}
	
	.urbangreymenu ul li a:visited{
	color: #990000;
	}
	
	.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: #990000;
	background: #f1f1f1;
	}


/* *********************************************************************************************
FOOTER
********************************************************************************************* */

#pageWrapper #footer {
  padding: 20px 0px 20px 0px;
  margin: 20px 0px 20px 0px;
  border-top: 1px solid #000000;
  
  /*background-color: #e7e7e7;*/
}

#pageWrapper #footer ul {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}

#pageWrapper #footer ul li {
  padding: 10px 0px 10px 0px;
  margin: 0px 10px 0px 0px;
  
  display: inline;
  list-style-type: none;
}


/* *********************************************************************************************
GENERIC CLASSES
********************************************************************************************* */

/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
.clearFloat {
  clear: both;
  display: block;
}

.rssIconClPodHeader {
  float: right;
  margin: 5px 5px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.alignRight {
  float: right;
}

.alignLeft {
  float: left;
}