/* --- CSS Reset --- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
	font-family: trebuchet ms;
}


a {
    color: #c65c32;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
td {
  padding: 3px;
}
body {
	background-image:url(/memberorg/gpcc/bg.jpg);
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
}
#leaderboard {
    text-align:right;
	height: 100px;
	}

#container,#page {
	width:960px;
	margin-left: auto;
	margin-right: auto;
}
.logo {
	float: left;
	width: 380px;
	margin: 0 10px 0 10px;
}
.weather {
	float: left;
	width: 140px;
	font-family: trebuchet ms;
	font-size: 12px;
	color: #707864;
	height: 65px;
	text-align:center;
	line-height:65px;
	margin: 0 10px 0 10px;
}
.time {
	float: left;
	width: 140px;
	font-family: trebuchet ms;
	font-size: 12px;
	color: #707864;
	height: 65px;
	text-align:center;
	line-height:65px;
	margin: 0 10px 0 10px;
}

#navigation {
	float: left;
	width:940px;
	height:30px;
	background-image:url(/memberorg/gpcc/elements/navShadow.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #d7e2a6;
	font-family: trebuchet ms;
	font-size: 14px;
	color: #797979;
	padding:5px 10px 0 10px;
}
#navigation img {
	margin:8px 7px 0 0;
	border:none;
}
ul.menu {
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	margin:0;
	padding:0;
}
ul.menu li {
	display:block;
	/*float:left;*/
	margin:0;
	padding:0;
}
ul.menu li a {
	/*float:left;*/
	display: block;
	color: #797979;
	text-decoration:none;
	height:22px;
	padding: 5px 15px 2px;
}
ul.menu li a:hover, .current {
	color:#5B5B5B;
	text-decoration:none;
}
ul.menu .current a {
	color:#5B5B5B;
}
/*GREEN*/
ul.menu.green {
	background-color:#E2EDAF;
}
ul.menu.green li a:hover, .menu.green li.current {
	background-color:#E2EDAF;
}
.hero {
	width: 960px;
	height: 310px;
	background-color:#f5f8e8;
	position: relative;
	top: 0;
	z-index: 10;
}

#heroContainer {
	float: left;
	width: 970px;
}

.heroHeaderRightContainer {
	z-index: 11;
	float: right;
	width: 323px;
	display: inline-block;
	background-image: url(/memberorg/gpcc/elements/cornerRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
	top: 4px;
}


hr {
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #b0b0b0;
	
}
	
#footer {
	width: 100%;
	margin: 25px 0 0 0;
	background-color: #ebebeb;
	background-image: url(/memberorg/gpcc/elements/footer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	clear: both;
}
.footerContent {
	width:960px;
	height: 60px;
	font-family: trebuchet ms;
	font-size: 10px;
	color:#424242;
	margin-left: auto;
	margin-right: auto;
	padding:15px 0 0 0;

}
.copyright {
	float:left;
	background-color: #ebebeb;
}
.jciLogo {
	background-color: #ebebeb;
	width:150px;
	float:right;
}

#articleRight {
    float: right;
    width: 320px;
    margin: 10px 0 0 0;
    position: relative;
    left: 10px;
    padding: 0;
}

#articleLeft{
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    color:#424242;
}
#articleLeft div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
.article {
    width: 100%px;
    padding:0 10px 0 5px;
    background-color: #fcfcf7;
    border: 6px solid #fff;
    height: 100%;
    min-height: 400px;
}

.breadcrumb {
    width:928px;
	background-color:#f5f8e8;
	font-family: trebuchet ms;
	font-size: 14px;
	color: #797979;
	position: relative;
	top: 0;
	z-index: 10;
	padding: 0 0 0 32px;
}
	
.breadcrumb a {
	font-family: trebuchet ms;
	font-size: 12px;
	color: #797979;
	text-decoration: none;
}


.breadcrumb a:hover{
	font-family: trebuchet ms;
	font-size: 12px;
	color: #5B5B5B;
	
	text-decoration: underline;
	
}


hr {
	margin:0 0 8px 8px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #D7E2A6;
}

#navigation {                                 
    display: block;
    z-index: 999;
    position: relative;
}

#navigation ul.menu li {                        
  display: block;
  float: left;
  position: relative;
  width:  auto;
}

#navigation ul.menu li:hover,
#navigation ul.menu li.hover {
  background-color: #E2EDAF;
}

#navigation ul.menu li a {
    text-decoration: none;
    outline: none;
}
/*
#navigation>ul.menu>li>a {
  display: block;
  padding: 8px 18px 0 18px;   
  text-decoration: none;
  line-height: 18px;
  height: 26px;
}
*/

#navigation ul.menu li ul {  
  left: -999em;
  opacity: 0.95;
  filter: Alpha(opacity=95);
  margin: 0px 0 0 0px;
  padding: 0 0 0 0;
  position: absolute;
  width: 160px;
  z-index: 999;
  background: none;
}

/* Drop down */

#navigation ul.menu li:hover ul,
#navigation ul.menu li.hover ul {
  display: block;
  left: auto;
}
  
#navigation ul.menu li ul li {
  background: #e2edaf;
  border-bottom: 1px solid #797979;
  color: #424242;
  border-left: none;
  float: left;
  padding-left: 7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  height: auto;
  margin: 0;
}

#navigation ul.menu li ul li:hover {
    background-color: #c1d74e;
    color: #424242;
}

#navigation ul.menu li ul li.last {
  border-bottom: none
}

#navigation ul.menu li ul li a,
#navigation ul.menu li ul li a:link,
#navigation ul.menu li ul li a:visited {
  background: transparent;
  color: #4E4E4E;
  font-weight: normal;
  display: block;
  margin: 0;
  padding: 8px 6px 8px 8px;
  text-transform: none;
  width: 155px;
}

#navigation ul.menu li ul li a:hover {
  color: #424242;
  background-color: #c1d74e;
  display: block;
  margin: 0;
  padding: 8px 6px 8px 8px;
  text-decoration: none;
}

#navigation ul.menu li ul li ul.menu {
  left: -999em;
  margin: 0 0 0 0px;
}

#navigation ul.menu li ul li:hover ul.menu,
#navigation ul.menu li ul li.hover ul.menu {
  display: block;
  left: 154px;
  top: 0px;
}

#navigation ul.menu li ul li ul.menu li a {
  padding: 4px;
  width: 128px;
}

div.images {
    float: left;
    position:relative;
    width: 295px;
}


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear {
clear: both;
}