@import "http://www.graythought.com/base.css";

#banner {
	width: 730px;
	height: 315px;
	display: block;
	margin-top: 30px;
	margin-bottom: 22px;
	margin-left: 60px;
	background-image: url('images/homepage/banner.png');
	text-indent: -999em;
        }

#banner:hover { background-position: 0 -316px; }

#hi {
	width: 290px;
	float: left;
	margin-left: 15px;
       }
#hello {
	font-family: arial, serif;
	font-size: 1.25em;
	font-weight: normal;
	margin-bottom: 10px;
	color: #333333;
   }	

#hi p.hi-text {
	color: #444444;
	margin-top: 10px;
	font-size: .85em;
	line-height: 1.35em;
	font-family: arial, sans-serif;
	}

#livechat {
	margin-top: 24px;
	width: 259px;
	height: 32px;
	  }

#livechat img {
	border: 0;
 	      }

#popular {
	float: left;
	clear: none;
	margin-left: 55px;
	height: 333px;
	}

#popular p {
	font-family: arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 20px;
          }
		  
#popular h1, h2, h3, h4 {
	font-family: arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 17px;
	                   }
					   
#popular h1 a, h2 a, h3 a, h4 a { color: #444444; text-decoration: none; }
#popular h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #1166AA; }
	
#accord {
	float: left;
	clear: none;
	margin-left: 55px;
	height: 333px;
	}

#latest-announcements {
	float: left;
	clear: right;
	margin-left: 50px;
	width: 230px;
	}

#latest-announcements h4 {
	font-size: 1.2em;
	font-family: arial, sans-serif;
	color: #444444;
	margin-top: 3px;
	font-weight: normal;
                         }

#latest-announcements ul {
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 10px;
    list-style-type: none;
               }

#latest-announcements ul li {
	font-family: arial, sans-serif;
	font-size: .95em;
	margin-bottom: 7px;
	padding-left: 10px;
	text-indent: -10px;
	margin-top: 2px;
	margin-right: 3px;
	color: #DD6600;
	          }

#latest-announcements ul li a {
	text-decoration: none;
	color: #555555;
	            }

#latest-announcements ul li a:hover {
	text-decoration: underline;
                          }

#helpdesk-message {
	margin-top: 35px;
	color: #2288CC;
	font-size: .85em;
	font-family: arial, sans-serif;
	display: block;
	text-decoration: none;
                  }

#helpdesk-message:hover {
	text-decoration: underline;
                  }




#footer {
	margin-top: 0px !important;
	padding-top: 0px !important;
        }

#content {
	height: 648px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
         }













#accord h3 { 
	font-weight: normal;
	font-family: arial, sans-serif;
	color: #444444 !important;
	font-size: .95em;
	cursor: pointer;
	outline: none;
	margin-left: -5px;
	}

#accord h3 span {
	color: #999999;
	        }



.ui-accordion { margin: 0; padding: 0; list-style-type: none; }
.ui-accordion li { margin: 0; margin-bottom: 2px; padding: 0; }
.ui-accordion li p { 
	margin: 1px 7px 5px 8px;
	color: #222222;
	font-family: arial, sans-serif;
	font-size: .825em;
	line-height: 1.4em;
	}



.ui-accordion li .ui-accordion-header {
	display: block;
	padding-left: 5px;
	margin-right: 3px;
	height: 28px;
	background-image: url(images/accordion/accordion-middle.png);
	color: #000;
	text-decoration: none;
	line-height: 28px;
	position: relative;
	left: 3px;
}
.ui-accordion li .ui-accordion-right {
	display: block;
	background-image: url(images/accordion/accordion-right.png);
	position: absolute;
	top: 0px;
	right: -3px;
	height: 28px;
	width: 3px;
}
.ui-accordion li .ui-accordion-left {
	display: block;
	background-image: url(images/accordion/accordion-left.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 28px;
	width: 3px;
}

.ui-accordion li:hover .ui-accordion-left { background-image: url(images/accordion/accordion-left-over.png); }
.ui-accordion li:hover .ui-accordion-header { background-image: url(images/accordion/accordion-middle-over.png); }
.ui-accordion li:hover .ui-accordion-right { background-image: url(images/accordion/accordion-right-over.png); }

.ui-accordion li.selected .ui-accordion-left { background-image: url(images/accordion/accordion-left-act.png); }
.ui-accordion li.selected .ui-accordion-header { background-image: url(images/accordion/accordion-middle-act.png); }
.ui-accordion li.selected .ui-accordion-right { background-image: url(images/accordion/accordion-right-act.png); }