@import url('/css/default.css');
@import url('/css/calendar.css');
@import url('/css/nav.css'); 
@import url('/css/cms.css');

/* Generic Styles */


body {
	background: #fff;
	font:9pt "Helvetica";
	margin:0px;
	
}
form, input {
    padding:0px;
    margin:0px;
}
hr {
	background: #fff url('/resources/structure/hr.gif') repeat-x;
    height:5px;
    border:none;
    width:100%;
}
hr.sub {
	background: #fff url('/resources/structure/hr_sub.gif') repeat-x;
    height:3px;
    border:none;
    width:100%;
}

#frame {
	background: #fff url('/resources/structure/main_tile.gif') repeat-y;
	width: 900px;
	padding: 0 10px;
	margin: 0 auto;
}

#center {
	background: #fff url('/resources/structure/center_tile.gif') repeat-y 0 0;
	border-bottom:1px solid #fff;
}

/* left column styles */
#leftCol {
	width: 200px;
	background: #5C8B7E; 
}
	#leftCol * {
		color:#fff;
	}
	
#econnect {
	padding: 10px;
}

#events {
	background: #B9827C url('/resources/structure/leftCol_redFade.png') repeat-x 0 0;
	border-bottom:1px solid #fff;
	padding: 10px;
	color:#fff;
}
	#events h2 {
		padding-top:0px;
		margin-top:0px;
		font: bold 10pt arial, helvetica, sans-serif;
	}
#loginBox {
	background: #5C8B7E url('/resources/structure/leftCol_greenFade.png') repeat-x 0 0;
	padding: 10px;
    height:175px;
}
	#loginBox div.input {width: 180;}
	#loginBox label, #loginBox p {font-size: 11px; margin-left: 2px;}
	#loginBox input {margin: 1px 0 5px 0; width: 130px;font-size: 12px;color: #000;}
	#loginBox input.submit {width:auto;padding:1px 3px;position:relative;top: -4px;left:-2px;} 


/* center column styles */
#centerCol {
	background: #fff url('/resources/structure/centerCol_topFade.png') repeat-x 0 0;
	width: 460px;
	overflow: auto;
	padding: 15px 20px;
}

    #centerCol ul {
        list-style:none;
        padding-top:0px;
        padding-bottom:0px;
        margin: 3px 0 5px 15px;
    }
        #centerCol ul li {
            background-image:url("/resources/structure/bullet.gif");
            background-position:0px 1px;
            background-repeat:no-repeat;
            padding-left:10px;
        }

    #centerCol ol {
        padding-top:0px;
        padding-bottom:0px;
        margin: 3px 0 5px 35px;
    }
        #centerCol ol li {
            padding-left:0px;
        }

    #frame #centerCol h1, h2 {font-family: arial, helvetica, sans-serif;font-weight:bold;}
    #frame #centerCol h1 {font-size: 16pt;padding:2px 0 7px 0;}
    #frame #centerCol h2 {font-size: 13pt;padding:5px 0 7px 0;}
    #frame #centerCol h3 {font-size: 11pt;padding:2px 0 3px 0;}

    #frame .section1 #centerCol h1, #frame .section1 #centerCol h2, #frame .section1 #centerCol h3 {color: #003365;}
    #frame .section2 #centerCol h1, #frame .section2 #centerCol h2, #frame .section2 #centerCol h3 {color: #00674e;}
    #frame .section3 #centerCol h1, #frame .section3 #centerCol h2, #frame .section3 #centerCol h3 {color: #bf311a;}
    #frame .section4 #centerCol h1, #frame .section4 #centerCol h2, #frame .section4 #centerCol h3 {color: #456a6e;}
    #frame .section5 #centerCol h1, #frame .section5 #centerCol h2, #frame .section5 #centerCol h3 {color: #73c167;}
    #frame .section6 #centerCol h1, #frame .section6 #centerCol h2, #frame .section6 #centerCol h3 {color: #631b4b;}
    #frame .section7 #centerCol h1, #frame .section7 #centerCol h2, #frame .section7 #centerCol h3 {color: #422d20;}

    #centerCol table {
        border-collapse:collapse;
    }
        #centerCol table th {
            background:#B5C4D2;
            border:1px solid #fff;
            padding:5px;
        }
        #centerCol table td {
            background:#F6F6F6;
            border:1px solid #fff;
            padding:5px;
        }
        
        #centerCol img {
          margin:5px;
        }

/* right column styles */
#rightCol {
	width: 200px;

}
#rightCol * {
	color:#fff;
}
#search {
	background: #004837 url('/resources/structure/subnav_bg_section2.png') repeat-x;
	padding: 15px 10px;
    border-top:1px solid #fff;
    line-height:12px;
    height:60px;
}
    #search .powered_by {
        color:#999999;
        font-size:10px;
    }
    #search .google {
        clear:both;
    }
    #search .google input {
        color:#000;
    }
        #search .google input#submit {
            float:right;
        }
        #search .google input#search_text {
            width:175px;
            margin-top:2px;
            margin-bottom:2px;
        }
#news {
	background: #A1BEBE url('/resources/structure/rightCol_tealFade.png') repeat-x 0 0;
	height: 276px;
	border-bottom:1px solid #fff;
	padding: 5px 10px;
}
	#news h2, #loginBox h2 {
		font: bold 10pt arial, helvetica, sans-serif;
		margin-top: 0px;
		margin-bottom: 10px;
	}
    #news h2 {
		margin-top: 3px;
    }
	#news .overline {border-top: 1px solid #fff;}
	#news .newsItem {padding: 2px 0 4px 0;}
		#news .newsItem p {margin:0; padding: 2px 0;}
	#news .moreLink {text-align:right;}
		#news .moreLink a {text-decoration:none;}
		#news .moreLink a:hover {text-decoration:underline;}

#ads img {border-bottom:1px solid #fff;background-color: #fff;}
	
#footer {
	background: url('/resources/structure/footer_bg.png') no-repeat;
	width: 900px;
	padding: 0 10px;
	margin: 0 auto;

}
	#footerLinks {
		text-align:center;
		min-height: 22px;
		padding: 12px 20px 20px 20px;
		font-weight: bold;
	}
		#footerLinks a, #footerLinks a:visited {
			color:#333;
			font-size: 12px;
			font-weight: bold;
			padding: 0 10px;
			text-decoration:underline;
		}
		#footerLinks a:hover {text-decoration:none;}

	#footerRights, #footerRights a {
		font-size: 11px;
		color: #888;
	}
		#footerRights a:hover {color:#309480;text-decoration:none;}

		
/* form styles */
#centerCol form ul {margin: 0 0 20px 0;padding:0;}
#centerCol form ul li {list-style-type: none;clear:both;margin: 5px 0;}

#centerCol form li label {
	/* border: 1px solid #ddd; */
	width: 180px;
	padding-right: 0px;
	float:left;
}
#centerCol form li input {width: 180px;}

#centerCol form li div {float:left;width: 220px;}
#centerCol form li div input {width:auto;}

#centerCol form li.checkbox {margin: 5px 0;}
#centerCol form li.checkbox label {width: auto;float:left;}
#centerCol form li.checkbox input {width: auto;float:left;margin-right: 5px;}

#centerCol form li.long label {width: 100%;}
#centerCol form li.long input {margin-left: 180px;}

#centerCol form input.button {width: auto;}