/*
-------------------
 Tags
-------------------
*/
* { margin: 0; padding: 0; outline:0; }

html { height:auto !important; height:100%; min-height:100%; }

body {
    font-size: 14px;
    line-height: 18px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #000;
    background: #2d2a57 url(images/body-bottom.jpg) center bottom no-repeat;
    height:auto !important;
    height:100%;
    min-height:100%;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

/*
-------------------
 Main Classes
-------------------
*/
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.body-bg { background:url(images/body-top.jpg) center top no-repeat; }

/*
-------------------
 Shell
-------------------
*/
#shell { width:976px; margin:0 auto; }

/*
-------------------
 Header
-------------------
*/
#header { background:url(images/header.jpg); height:auto !important; height:182px; min-height:182px; }
#logo { float:left; width:286px; padding-left:14px; }
#logo a { display:block; width:286px; height:166px; background:url(images/logo.jpg); font-size: 0; line-height: 0; text-indent: -4000px; }

/*
-------------------
 Navigation
-------------------
*/
#navigation { float:right; height:49px; padding:88px 18px 0 0px; }
#navigation .bg { float: left; display: inline; background:url(images/navigation.jpg) left bottom no-repeat; height:49px; padding-left:10px;  }
#navigation ul { float:left; list-style:none outside none; padding-left:2px; background:url(images/navigation.jpg) bottom right no-repeat; height:49px; }
#navigation ul li { float:left; font-family: "Times New Roman", Serif; color:#262262; font-style:italic; font-size:23px; height:49px; line-height:49px; padding:0 15px 0 0; letter-spacing:-1px; text-transform: lowercase; }
#navigation ul li a { text-decoration:none; color:#262262; text-shadow: 0 1px 0 #fff; }
#navigation ul li a.active,
#navigation ul li a:hover { color:#5650b2; }

	/* sub nav */
		
		#navigation li ul {
			-moz-border-radius: 5px; /* FF1+ */
			-webkit-border-radius: 5px; /* Saf3+, Chrome */
			border-radius: 5px; /* Opera 10.5, IE 9 */
			background: url(images/dropdown_bg.gif) repeat-x;
		    height: auto;
		    left: -999px;
			border: 2px solid #7F7D92;
		    margin-left: -5px;
		    margin-top: -5px;
		    position: absolute;
			padding-left: 0;
		    width: 162px;
		    z-index: 250;
		}
		
		#navigation li ul li {
		    float: none;
		    font-family: Arial;
		    font-size: 13px;
		    font-style: normal;
		    height: auto;
		    letter-spacing: 0;
		    line-height: 16px;
		    margin: 0;
		    padding: 0;
		}
		
		#navigation li ul li a, #navigation li.active ul li a,
		#navigation li ul li a.active {
			color: #262262;
		    display: block;
		    font-weight: bold;
		    height: auto;
		    padding: 5px 7px;
		    text-shadow: 0 1px 0 #fff;
		    text-transform: none;
		    width: auto;
		}
			
			#navigation li ul li a:hover {
				background: url(images/dropdown_hover_bg.gif) repeat-x;
				color: #fff;
				text-shadow: 0 -1px 0 #625F7A;
			}
			
		#navigation li:hover ul {
			left: auto;
		}
			
			#navigation li#nav_co ul {
				margin-left: -100px;
			}
	

/*
-------------------
 Header Bottom Line
-------------------
*/
#new-here { background:url(images/new-here.jpg); padding-right:18px; height:100%; }
#new-here .right { padding:15px 0 12px 0;  }
#new-here a { float: left; display: inline; height:25px; line-height:25px; padding-right:7px; color:#fff8e3; font-size:14px; font-weight:bold; text-transform:uppercase; text-shadow:#000 0px 1px 0; }
#new-here .learn-about { width:149px; background:url(images/learn-about.gif); font-size: 0; line-height: 0; text-indent: -4000px; padding:0; text-align: left;}
#new-here .left { width:40%; }
#new-here h2 { font-size:32px; font-style:italic; color:#fff8e3; line-height:49px; padding:2px 0 0 17px; font-weight:normal; font-family:"Times New Roman"; text-shadow:#000 0 1px 0; }

/*
-------------------
 Slider
-------------------
*/
.slider { background:url(images/slider.jpg); padding:0 0 15px 18px; }
.slider-holder { width:940px; height:284px; border:1px solid #9d432d; position:relative; }
.jcarousel-clip { width:940px; height:284px; position:relative; overflow:hidden; z-index:5; }
.slider-holder ul { list-style:none; position:relative; }
.slider-holder ul li { width:940px; height:284px; float:left; }
.jcarousel-next,
.jcarousel-prev { position:absolute; top:125px; width:27px; height:29px; cursor:pointer; z-index:10; }
.jcarousel-prev { left:-13px; background:url(images/slider-prev.png); }
.jcarousel-next { right:-13px; background:url(images/slider-next.png); }

/*
-------------------
 Main
-------------------
*/
#main { padding:12px 18px 14px; }
.subpage { padding-top:18px !important; }
#content { float:left; width:640px; }
#sidebar { float:right; width:280px; }

#content h2,
#content h3 { font-family: "Times New Roman", Arial, Helvetica, Sans-Serif; font-weight:normal; color:#372E5C; text-shadow: 0 1px 0 #E8E7E9 }
#content h2 { font-size:24px; line-height:28px; padding-bottom:13px; }
	#content h2.event_title { padding-bottom: 0px; }
#content h3 { font-size:14px; line-height:18px; color:#444249; text-transform:uppercase; margin-bottom: 8px; }
	
	#content hr {
		border: 0;
		height: 1px;
		background: url(../css/images/footer.gif);
		margin: 10px 0;
		clear: both;
	}
	
	#content h4.page_small_title { font-size: 12px; margin-bottom: 5px;}
		
		#content ul li ul { margin-left: 12px }
#content p { padding-bottom:18px; color: #000; }
#main.subpage #content ul, #main.subpage #content ol { margin-left: 15px;}
#content a { color:#292281; text-decoration:underline; }
#content a:hover { text-decoration:none; }
#main.subpage #content img { border: 4px solid #B1ADBB; display: block; margin: 8px; }
#main.subpage { background: url("images/pinstripe_grey.gif") repeat scroll 0 0 transparent }

ul.banners { list-style:none; }
ul.banners li { float:left; padding-bottom:12px; }
ul.banners li.last { padding-bottom:0; }
ul.banners li a { float:left; padding-right:16px; }
ul.banners li a.last { padding-right:0; }

.events { background:url("images/events_border.gif") no-repeat scroll 0 30px #C4BDD2; padding:6px 7px 0; /*height:100%; removed for Safari fix */ -moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3+, Chrome */
border-radius: 5px; /* Opera 10.5, IE 9 */}
	.subpage .events { margin-bottom: 8px;
		background: url("images/navigation_2.png") no-repeat scroll 0 0 #c2c0d4;
		-moz-box-shadow: 0 1px 0 #e6e6e6; /* FF3.5+ */
		-webkit-box-shadow: 0 1px 0 #e6e6e6; /* Saf3.0+, Chrome */
		box-shadow: 0 1px 0 #e6e6e6; /* Opera 10.5, IE 9.0 */
		filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1px, Color='#e6e6e6'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1px, Color='#e6e6e6')"; /* IE8 */ }
.events h4 { float:left; background:url(images/events-h.gif) bottom no-repeat; height:20px; line-height:20px; padding-bottom:7px; font-size:14px; color:#5e1504; font-family: "Times New Roman", Arial, Helvetica, Sans-Serif; }
.events .more { float:right; width:45px; height:20px; background:url(images/events-more.gif); font-size: 0; line-height: 0; text-indent: -4000px; }
.events ul { list-style:none; position:relative; margin:0 -7px; padding:3px 7px 0; }
.events ul li { display:block; padding-bottom:12px; }
.events ul li.last { padding-bottom:6px; }
.events ul li .left { width:16px; }
.events ul li .left .calendar { display:block; width:16px; height:15px; background:url(images/events-calendar.gif); font-size: 0; line-height: 0; text-indent: -4000px; }
.events ul li .right { width:243px; line-height:16px; font-size:12px; color:#23214a; }
.events ul li .right a { color:#8d260e; text-decoration:underline; }
.events ul li .right a:hover { text-decoration:none; }
.events ul li .right h5 { font-size:12px; line-height:16px; }
	
	.events.subnav ul { margin-bottom: 10px; padding: 5px 10px }
	.events.subnav ul li { font-size: 14px; line-height: 15px; padding-bottom:0; margin-bottom: 7px; }
	.events.subnav ul li a { color: #8d260e }
	
	.events.subnav ul li a.active, .events.subnav ul li a:hover { color: #444249 }

#connect { padding:9px 0 0 7px; }
#connect h5 { font-size:12px; color:#fefefe; font-family: "Times New Roman", Arial, Helvetica, Sans-Serif; padding-bottom:6px; font-weight: normal; }
	.subpage #connect h5 { color: #635F6D }
#connect ul { list-style:none; }
#connect ul li { float:left; padding-right:4px; }
#connect ul li a { float:left; height:27px; line-height:27px; font-size:12px; color:#D2D0E8; width:63px; padding-left:32px; }
	.subpage #connect ul li a { color:#444249 }
#connect ul li .fb { background:url(images/facebook.png) left center no-repeat; }
#connect ul li .yt { background:url(images/youtube.png) left center no-repeat; }
#connect ul li .mail { background:url(images/email.png) left center no-repeat; width:30px; }

#sidebar .banners ul { list-style:none; }
#sidebar .banners ul li { display:block; height:54px; }
#sidebar .banners ul li.last { height:48px; }
#sidebar .banners ul li a img { float:left; }
/*
-------------------
 Footer
-------------------
*/
#footer { background:url(images/footer.gif) top no-repeat; color:#ddd8e9; font-family: "Times New Roman", Arial, Helvetica, Sans-Serif; font-size:13px; line-height:13px; padding:12px 0; margin-bottom:10px }
#footer a { color:#bca1f2; text-decoration:underline; }
#footer a:hover { text-decoration:none; }
#footer p { float:left; padding-left: 13px; padding-right: 2px; }
#footer ul { float:left; list-style:none; }
#footer ul li { float:left; padding-left:14px; background:url("images/footer-bullet.gif") no-repeat scroll 3px 5px transparent; }