html {
    height: 100%;
    background: #4a8797;
}
body {
    min-height:100%;
    height: 100%;
    background: #4a8797;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal; color: #000;
	text-align:justify;
	line-height: 16px;
}
#page {
    width: 950px;
    margin: auto;
    height: auto;
    min-height:100%;
    _height: 100%;
    background: #FFFFFF;
}
#header, #main {
	width: 950px;}
#header {
    height: 157px;
    background: url(images/headerImg.jpg) no-repeat left;
    font-size: 12px;
    color: #FFFFFF;
}
#header a {
    color: #FFFFFF;
}
#mainbar {
    width: 720px;
    overflow: hidden;
    float: left;
	position:relative;
	z-index: 1;
	margin-left: 12px;
}
#mainbar p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 5px 10px 5px 0;
}
#mainbar img#back_img {
    float: right;
    margin-right: 10px;
}
#mainbar .title {
    clear: both;
    /*padding-top: 10px;*/
    padding-right: 10px;
}
#mainbar img#date_img {    
    float: left;    
}
#mainbar img#end_date_img {    
    float: left;    
}
#sidebar {
    width: 210px;
    float: left;
}
#page .patch_minheight {
    width: 1px;
    height: 250px;
    float: right;
}
#page .footer_guarantor {
    height: 54px;
    clear: both;
}
.footer_guarantor {
	background:url(images/footer.gif) no-repeat;
	height: 20px;
	margin-bottom: 10px;
}
#footer {
    margin: auto;
    margin-top: -54px;
		padding-top: 10px;
    width: 950px;
    height: 35px;
    clear: both;
	text-align:center;
}
#rightside {
	float:right;
	width: 300px;
    background: #b7ae9b;
    border: 1px solid #5f5a47;
	margin: 40px 10px 20px 20px;
}
#rightside li {
	list-style:outside;
	margin: 0 5px 10px 20px;
}
#right {
	float:right;
	width: 250px;
	margin: 0 15px;
}
#EventListing {
	padding-bottom: 10px;
	background:url(images/div.gif) repeat-x bottom;
	margin: 0 10px 40px 15px;
}
#EventListing h3 {
	padding-bottom: 10px;
	color:#4a8797;
}
#EventListing a {
	color:#000000;
}
#EventListing a:hover {
	text-decoration:none;
}
#EventListing hr {
	
}
#mainContent, #blogcontent {
	padding: 10px;
	text-align:justify;
}
#mainContent p, #blogcontent p {
	margin-bottom: 14px;
}
#blogcontent {
	width: 690px;
	float:right;
	margin-right: 20px;
}
#blogcontent img {
	margin-left: 15px;
}
#blogcontent a:link {
	color: #36616c;
}
#blogcontent .contenttitle h1 a, #blogcontent .contenttitle h1 a:visited {font-size: 15px; text-decoration:none; color:#000000; line-height: 22px;}
#TopContent li, #mainContent li {
	list-style:outside;
	margin: 0 5px 10px 30px;
}
/* ### Main Navigation ### 
/*Credits: CSSplay */
#main_menu {
	background:url(images/menuBackground.jpg) no-repeat;
	height: 29px;
	margin-bottom: 10px;
}
.preload2 {background: url(images/button4.gif);}
.menu2 {padding:0 0 0 4px; margin:0; list-style:none; height:29px; position:relative; z-index: 1400; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:29px; line-height:38px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:29px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:29px; background:url(images/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#000;}
.menu2 li a.top_link:hover span {}
.menu2 li a.top_link:hover span.down {}

.menu2 li:hover > a.top_link {color:#fff; }
.menu2 li:hover > a.top_link span {}
.menu2 li:hover > a.top_link span.down {}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:1401;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:29px; background: #565454; padding:3px 0; border:1px solid #000000; border-top: 0; white-space:nowrap; width:170px; height:auto; z-index: 1401;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:170px;}
.menu2 :hover ul.sub li a {display:block; font-size:12px; height:20px; width:165px; line-height:20px; padding-left:5px; color:#FFFFFF; text-decoration:none;border-bottom:0px solid #fff;}
.menu2 :hover ul.sub li a.fly {background:#565454 url(images/arrow.gif) 167px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#B1B1B1; color:#000;}
.menu2 :hover ul.sub li a.fly:hover {background:#B1B1B1 url(images/arrow_over.gif) 167px 7px no-repeat; color:#000;}
.menu2 :hover ul li:hover > a.fly {background:#B1B1B1 url(images/arrow_over.gif) 167px 7px no-repeat; color:#000;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:170px; top:0; background: #565454; padding:3px 0; border:1px solid #000000; white-space:nowrap; width:170px; z-index:200; height:auto; z-index: 1401;}

h1, h1 a, h1 a:visited, .story_listing h2  {
    font-weight: bold;
    font-size: 18px;
    clear: both;
    background: url(images/backTitle.jpg) repeat-x;
    height: 29px; padding: 3px 10px;
	line-height: 23px;
	margin-bottom: 20px;
}
h1 a, h1 a:visited {
	font-size:16px;
	text-decoration:none;
	color:#000000;
	padding-left: 3px;
}
h2 {
	font-size:15px;
	color: #2C5058;
}