/** GENERAL/OVERALL STYLES **/

html,body{
	font-family:arial,tahoma,sans-serif;
	font-size:13px;
	margin:0;
	padding:0;	
}

html{
	background: url('../images/backgrad.gif') repeat-x top left;
}
a{
	color:#245C92;
}
ul,ol{
	padding:0;
	margin:0;	
}

li{
	list-style:inside;
}

img{
	border:none;
}

img.ui-icon{
	display:inline;
	height:14px;
	width:14px;
}

.clear{
	clear:both;	
}
h1,h2,h3,h4,h5,h6,h7{
	padding:0;
	margin:0;
	margin-bottom:0.5em;
}
h1{
	font-size:14px;
}
h2{
	font-size:12px;
}
h1.pagetitle{
	font-size:18px !important;
	margin-bottom:0.5em;
}	
.sectiontitle{
	font-size:14px;
	color:#0866C1;
	border-bottom:1px solid #0866C1;
	text-decoration:none;
}
	.sectiontitle a{
		text-decoration:none;
		color:#0866C1;
	}

.noimage{
	background:url('../images/productPlaceHolderThumbnail.png') no-repeat center center;
}

/** MAIN DESIGN **/

#MainBack{
	margin: 0 auto;
	width:800px;
}

#Header{
	background:url('../images/headerback.jpg') top center no-repeat;
	height:90px;
	width:940px;
	margin:0 auto;
}

#Logo{
	overflow:hidden;
	margin-left:66px;
}

#Logo a{
	float:left;
	width:305px;
	height:90px;
	background:url('../images/logo_hover.jpg') no-repeat;
}

#Logo a:hover img{
	display:none;
}

.head{
	background:#DFEFFC;
}


/** NAVIGATION **/


#Navigation{
	border:1px solid #ACACAC;
	border-bottom:none;	
	background:#E2EEF9 url('../images/navback.gif') repeat-x top left;
	height:25px;
	width:100%;
	width:798px;
}
	#Navigation ul{
		height:25px;
	}
	
	#Navigation td{
		text-align:center;
	}
	
		#Navigation li.mainmenu{
			text-align:center;
			display:inline;
			font-size: 12px;
			line-height:25px;
			height:25px;
			float:left;
			padding: 0 auto;
			position:relative;
			width:95px;
			z-index:300;
		}
			#Navigation li.mainmenu a{
				text-decoration:none;
				color:#444;
				line-height:25px;
				height:25px;
				padding: 0 2px;
				width:100%;
				display:block;
				font-weight:bold;

			}
				#Navigation li.mainmenu.current a,#Navigation li.mainmenu.section a,#Navigation li.mainmenu a:hover{
					background: #dfdfdf url(../images/navback_current.gif);
					border-left:2px solid #dfdfdf;
					border-right:2px solid #dfdfdf;
					padding:0;
				}
				
		#Navigation .submenu{
			height:auto;
			display:none;
			position:absolute;
			background:#D1E3F5;
			z-index:300;
			width:105px;
			left:0px;
			top:25px;
			padding:5px;
			border: 1px solid #ACACAC;
			border-top:none;
			overflow:hidden;
		}
		
		#Navigation .last .submenu{
			left:auto;
			right:0;
		}
		
			#Navigation li:hover .submenu{
				display:inline;
			}
			
			#Navigation li .submenu li{
				padding:0;
				margin:0;
				list-style:none;
				margin-bottom:1px;
				padding-bottom:5px;
				line-height:1em;
				width:100%;
				overflow:hidden;
				float:left;
			}
				
				#Navigation .mainmenu .submenu li a{
					height:auto;
					background:none;
					padding: 5px 0;
					margin:0;
					border:none;
					font-weight:normal;
					line-height:1em;
				}
				
					#Navigation .submenu li a:hover{
						font-weight:bold;
						background: #fff url(../images/navback_current.gif) bottom left repeat-x;
						
					}				

/* Sidebar Nav */

.NavigationWidget h3{
	margin:0;
	margin-bottom:5px;
}

.SidebarNavigation{
	padding:3px;
	padding-top:0;
}
	.SidebarNavigation li{
		list-style:none;
		font-size:11px;
		font-weight:bold;
		
	}
	
	.SidebarNavigation li a{
		display:block;
		text-decoration:none;
		line-height:15px;
		text-decoration:none;
		padding-left:3px;
		color:#245C92;
	}
	
	.SidebarNavigation li a:hover,
	.SidebarNavigation li.current a{
		background:url('../images/currentsidebarnavback.jpg') right center repeat-x;
		color:#000;
	}
	
	.SidebarNavigation li.current a{
		font-weight:bold;
	}
	
	.SidebarNavigation li.current li a{
		background:none;
		font-weight:normal;
		color:#555;
	}
	
		.SidebarNavigation li ul li{
			font-weight:normal;
			padding-left:1em;
		}
		
		.SidebarNavigation li ul li a{
			color:#555;
		}
		
		.SidebarNavigation li ul li ul li{
			padding-left:1.4em;
			font-size:80%;
		}


#Layout{
	border:1px solid #ACACAC;
	padding:3px;
	padding-top:0;
	background:#DFDFDF;
}

#Page{
	background: #fff;
	padding:10px;
	min-height:250px;
	padding-bottom:20px;
}

#Content{
	padding: 10px;
	width:580px;
	float:right;
}

#Content.nosidebar{
	width:auto;
	float:none;
}


#Footer{
padding:7px;
}

#FootNav{
	margin-bottom:10px;
}

.footnav{
 margin-bottom:3px;
}

.footnav li{
	display:inline;
	font-size:11px;
	color:#245C92;
}
	.footnav li a{
		color:#245C92;
		text-decoration:none;
	}
		.footnav li a:hover{
			text-decoration:underline;
		}
		
	.footnav li.current a,
	.footnav li.section a{
			text-decoration:underline;
	}

#Credits{
	margin-top:25px;
	display:block;
	text-align:center;
}
	

#Credits,#Credits a{
	
	font-size:11px;
	color:#ccc;	
}

#FootLogo{
	float:right;
}
	#FootLogo .facebook{
		margin-bottom:5px;
		margin-right:10px;
	}

/* BUTTONS */
.button, input.action,
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.button, input.action,
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.button, input.action,
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.button, input.action,
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

.button-icon{
    margin:0 3px -3px 0 !important;
}

.button-icon{
	background-image: url(ui/images/ui-icons_469bdd_256x240.png);

    border:none;
    width:16px;
    height:16px;
}


.Actions{
margin-top:5px;
}

/** SIDEBAR AND WIDGETS **/

#Sidebar{
	margin-top:10px;
	width:160px;
	float:left;
}

#Sidebar .WidgetHolder{
	margin: 0;
	margin-bottom:10px;
}

#Sidebar .WidgetHolder h3{
	background:url('../images/navback_current.gif');
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
	#Sidebar .WidgetHolder h3 a{
		text-decoration:none;
	}


/*default sidebar widget styling*/
#Sidebar .WidgetHolder{
	font-size:11px;
}

	
/*blogposts*/

.LatestBlogsWidget{
	position:relative;
}
	.LatestBlogsWidget a{
		text-decoration:none;
		color:#000;
	}
		.LatestBlogsWidget a:hover{
			text-decoration:underline;
		}
	.LatestBlogsWidget ul{
		padding:0;
		margin:0;
	}
		
	.LatestBlogsWidget li{
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		font-weight:bold;
		font-size:11px;		
		line-height:14px;
		margin-bottom:2px;
		clear:both;
		width:100%;
	}
	
	.LatestBlogsWidget li a{
		background:url('../images/icons/date.gif') top left no-repeat;
		padding-left:17px;
	}
	
	.LatestBlogsWidget .title{
		font-weight:normal;
	}
	
	
	.LatestBlogsWidget .rsslink{
		position:absolute;
		top:0;
		right:0;
		line-height:10px;
		font-size:10px;
	}
		.LatestBlogsWidget .rsslink img{
			border:none;
		}
		.LatestBlogsWidget .rsslink .link{
			font-size:10px;
			line-height:15px;
		}
	

/*calendar*/
.EventsWidget{
	overflow:visible !important;
}


.EventsWidget table{
	width:100%;
	border-collapse:separate;
	border-spacing:2px;
}

.EventsWidget td{
	text-align:center;
	font-size:10px;
	width:14.2%;
	padding:2px;
	z-index:0;
}

.EventsWidget th{
	font-size:11px;
}

.EventsWidget .today{
	background: #dfdfdf;
	font-style:italic;
}

.EventsWidget .events{
	font-weight:bold;
}


.EventsWidget .events .list{
	position:absolute;
	z-index:500;
	display:none;
	border:1px solid black;
	background: #fff;
	font-size:10px;
	font-weight:normal;
	padding:5px;
	width:130px;
	text-align:left;
	float:left;
	
	color:#555;
}

.EventsWidget .events .list a{
	color:#2E6E9E;
	text-decoration:underline;
}

.EventsWidget .events .list a:hover{
	text-decoration:underline;
	z-index:50;
}

.EventsWidget .events:hover{
	position:relative;
	z-index:50; /* needed for list z-index to work in old ie */
}

.EventsWidget .events:hover .list{
	display:block;
	top:99%;
	left:0;
}

.EventsWidget .prev{
	cursor:pointer;
	float:left;
}

.EventsWidget .next{
	cursor:pointer;
	float:right;
}

.EventsWidget .monthYear{
	background:url('../images/navback_current.gif');
	text-align:center;
	padding:0;
	margin:0;
	margin-bottom:5px;
}


/** SCROLLING BANNER **/
#BannerPics{
	background:#fff;
	overflow:hidden;
	height:81px;
	position:relative;
}

	#BannerPics img{
		margin: 3px;
		margin-left:0;
		float:left;
	}
	
	/** To-do ...don't include for ie6 **/
	#BannerPics .fadeleft{
		float:left;
		position:absolute;
		background: transparent url('../images/bannerfade.png') top left repeat-y;
		width:100px;
		height:81px;
		top:0;
		left:0;
	}
	
	#BannerPics .faderight{
		float:right;
		position:absolute;
		background: transparent url('../images/bannerfade.png') top right repeat-y;
		width:100px;
		height:81px;
		top:0;
		right:0;
	}
	
	#BannerPics p{
		padding:0;
	}
	
	#BannerPics .sizer{
		width:1500px;
		height:80px;
		white-space: nowrap;
		line-height: 80px;
		font-size: 80px;
		position:relative;
		overflow:hidden;
	}