﻿body 
{
	margin: 0 0 ;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-size:11px;
	background:#111a28 ;
}

a:active
{
	outline: none; /* Removing dotted line around clicked links in Firefox */
}

a:focus
{
	-moz-outline-style: none; /* Removing dotted line around clicked links in Firefox */
}

/* Home Page Layout */

#topWrap
{
    margin: 40px auto 0 auto;
    padding: 0;
    width: 849px;
}

#wrapper
{
	position:relative;
	width:849px;
	min-height:600px;
	margin: 0 auto 0 auto;
	background:#ffffff;
}
#TopChrome
{
	position:relative;
	width:849px;
	height:7px;
	margin:0 0;
	background:transparent url(/Images/home_top_chrome.gif) no-repeat;
}
#BottomChrome
{
	position:relative;
	width:849px;
	height:7px;
	margin: 0 auto 10px auto;
	background:#0088ce;
}
#Header
{
	position:relative;
	top:0;
	width:849px;
	height:115px;
	margin:0 0;
}

/* Top Navigation */
#topNav
{
    float: left;
    height: 28px;
    min-height:28px;
    margin: 0;
    padding: 0;
    width: 629px;
}

#topNav #navChat
{
    float:right;
    padding:0 15px 0 0;
    margin:0;
}

ol.menuItems
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ol.menuItems li
{
    float: left;
	height: 23px;
	line-height: 23px;
    margin: 0;
    padding: 0;
}

ol.menuItems li a
{
    color: #ffffff;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

ol.menuItems li a:hover
{
    color: #A9B400;
    text-decoration: none;
}

ol.menuItems li.dot
{
    background: url(/Images/topmenu_dot.gif) no-repeat 0 50%;
    margin: 0;
    padding: 0 8px 0 16px;
}

ol.menuItems li.none
{
    background: none;
    margin: 0;
    padding: 0 8px 0 0;
}

.login_logout_Btn
{
    background: #29313e url(/Images/login-btn-left.gif) no-repeat top left;
    float: left;
    height: 23px;
    line-height: 21px;
	margin: 0 0 0 5px;
    padding: 0 0 0 7px;

}

.login_logout_Btn a
{
	background: url(/Images/login-btn-right.gif) no-repeat top right;
	color: #A9B400;
	float: left;
	height: 23px;
	line-height: 21px;
	margin: 0;
	padding: 0 7px 0 0;
	text-decoration: none;
}
 
.login_logout_Btn span
{
 	padding: 0 5px;
}

.login_logout_Btn a:hover
{
    color: #ffffff;
}

.loggedIn_User
{
	color: White;
	float: left;
	line-height: 21px;
	padding-left: 10px;
}

.loggedIn_User a
{
	color: #819E40;
	text-decoration: underline;
}

.loggedIn_User a:hover
{
	color: white;
}

#searchBox
{
    float: right;
    margin: 0 0 15px 0;
    padding: 0;
    width: 220px;
}

#searchBox .sf_searchText
{
    background: url(/Images/searchbox.gif) no-repeat;
    border: 0;
    float: left;
    height: 23px;
    margin: 0;
    padding: 3px 0px 0px 3px;
    width: 160px;
}

#searchBox .sf_searchSubmit
{
    float: right;
    height: 23px;
    margin: 0;
    width: 52px;
}

#topClear
{
    clear:both;
}
/* End Top Navigation */
/* old */

#TopNavigation
{
	position:absolute;
	top:0;
	left:405px;
	width:417px;
	height:32px;
}
#loginLinkDiv
{
	width:65px;
	float:right;
	background:transparent url(images/blue_bullet.png) no-repeat center left;
	text-align:right;
	font-size:16px;
	line-height:30px;
}
#TopNavContent
{
	margin: 35px 0 0 0;
	font-size:14px;
	line-height:30px;
	text-align:right;
}

/* end old */

/***********************************************
	Dialog
***********************************************/

.hidden
{
	display: none;
}

/***********************************************
	Login Control
***********************************************/
.loginControl
{
	
}

.loginControl h3
{
	margin: 0;
}

.loginControl fieldset
{
	border: none;
}

.loginControl ol
{
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
}

.loginControl li
{
	clear: both;
	float: left;
	list-style-type: none;
	padding: 5px 0;
	width: 100%;
}

.loginControl label
{
	float: left;
	width: 75px;
}

.loginControl .checkbox label
{
	width: auto;
}

.loginControl input
{
	float: left;
}

.loginControl p
{
	clear: both;
	margin: 0;
	padding: 2px 0;
}

.loginControl .failureText
{
	color: Red;
	font-weight: bold;
}

.loginControl .loginBtn
{
	background: url(/images/loginCtl-btn-background.gif) repeat-x;
	border: 1px solid #cbcbcb;
	color: White;
	cursor: pointer;
	font-size: 11px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	width: 100%;
}

.loginControl a,
.loginControl a:hover
{
	color: White;
}

#TitleBreadCrumb
{
	margin:0 23px 5px 23px ;
	color:#666666;
}
#TitleBreadCrumb h1
{
	margin:0 0 ;
	font-size: 20px;
	font-weight:bold;
	line-height:1.5em;
	color: #a9b400;
}

#MainContentDivider
{
	margin:0 0 ;
	position:relative;
	left:0;
	width:800px;
	height:2px;
	
	float:left;
	margin-left:23px;
	margin-bottom:15px;
	border-bottom: 1px solid #afb0b0;
}
#Main
{
	position:relative;
	width:600px;
	min-height:600px;
	float:left;
	margin-left:23px;
	border-right: 1px solid #afb0b0;
}
#Content
{
	margin:0 15px 15px 0;
	width:585px;
}
#MainLeft
{
	width:275px;
	margin:30px 0 25px 0;
	float:left;
}
#MainSep
{
	width:1px;
	margin:30px 0 25px 0;
	border-left:dotted 1px #333333;	
}

#MainRight
{
	width:260px;
	margin:30px  24px 25px 24px;
	padding-left: 15px;
	float:left;
	border-left:dotted 1px #333333;	
}

#SideBar
{
	position:relative;
	width:200px;
	min-height:500px;
	margin-bottom:25px;
	float:left;
}
#Footer
{
	background:url(/Images/footer_bg.gif) no-repeat;
	clear:both;
	color: #b2b3b3;
	height:90px;
	margin: 0 auto;
	padding:0;
	position:relative;
	width:849px;
}

#rightFoot
{
	float:right;
	margin:20px 10px 0 0;
	padding:0;
	text-align:right;
	width:325px;
}

#footerLogo
{
    margin:0;
    padding:0;
}

#footerLogo img
{
    padding:0 15px;
    vertical-align:middle;
    border:0;    
}

#footerLogo img a
{
    border:0;    
}

#BottomNavigation
{
    margin:0;
    padding:0;
}

#leftFoot
{
    color:#ffffff;
    float:left;
    margin:15px 0 0 0px;
    padding:0;
    text-align:left;
    width:480px;
}

#leftFoot a
{
    color:#ffffff;
    text-decoration:underline;
}

#leftFoot h3
{
    color:#CBE294;
    font-size:18px;
    font-family:Trebuchet MS;
    padding:0;
    margin:15px 0 10px 0;
}

#CopyRight
{
    color:#ffffff;
}

.breakFloat
{
	clear:both;
}

/* Headings */

/* Negative text indent for accessibility */

#Header h1#HeaderText
{
	margin:0 0 0 0;
	height:1px;
	text-indent: -9999px;

}
#Header h2#TaglineText
{
	margin:0 0 0 0;
	height:1px;
	text-indent: -999px;
}
.MastheadLogo
{
	display:block;
	margin:0 0 0 0;
	width:378px;
	height:100px;
	padding:1px;
}
/* Content Styles */

#Main h1
{
	margin-bottom:5px;
	font-size:15px;
	font-weight:bold;
}

#Main h2
{
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
}


/* Other Styles */

#TopNavContent a:link,
#TopNavContent a:visited,
#Main a:link,
#Main a:visited
{
	color: #0088ce;
	text-decoration:none;
}

#TopNavContent a:hover,
#TopNavContent a:active,
#Main a:hover,
#Main a:active
{
	color: #a9b400;
	text-decoration:underline;
}


#TitleBreadCrumb a:link,
#TitleBreadCrumb a:visited
{
	color: #666666;
	text-decoration:none;
}

#TitleBreadCrumb a:hover,
#TitleBreadCrumb a:active
{
	color: #a9b400;
	text-decoration:underline;
}


/* News Styles for Two Column Page */


#Main .sf_newsList h2.sf_newsTitle,
#Main .sf_eventsList h2.sf_eventTitle
{
	margin:0 0;
	font-size:13px;
}
#Main .sf_newsList p,
#Main .sf_eventsList p
{
	margin:5px 0;
	font-size:11px;
	font-weight:bold;
}
#Main .sf_eventsList .sf_floatDate
{
	width: 250px;
	margin:2px 0 0 0;
}

#Main .sf_eventsList h2.sf_eventTitle
{
	margin:0 0;
	font-size:13px;
}
#Main .sf_eventsList .sf_eventSummary
{
	clear:both;
}
#Main .sf_singleEvent h2.sf_eventTitle
{
	font-size: 16px;
}
#Main .sf_singleEvent .sf_eventDateLabel
{
	display:block;
	width:50px;
	float:left;
	font-weight:bold;
}


/* Controls */

/* LoginControl */

.LoginControl h3
{
	font-size:16px;
	padding:0 0;
	xmargin:10px 25px 15px 10px;

}
.LoginControl ol
{
	display:block;
	list-style:none;
	padding:0 0 ;
	margin:0 0;
}
.LoginControl ol li
{
	padding:0 0;
	
}

.LoginControl fieldset
{
	display:block;
	margin:0 25px 15px 10px;
	border:none;
}

.LoginControl label
{
	display:block;
}
.LoginControl .checkbox label
{
	display:inline;
}
.LoginControl li input
{
	width:150px;
}
.LoginControl .checkbox input
{
	width:25px;
}

/* CreateUserControl */

.CreateUserControl h3
{
	font-size:16px;
	padding:0 0;
	xmargin:10px 25px 15px 10px;

}
.CreateUserControl ul
{
	display:block;
	list-style:none;
	padding:0 0 ;
	margin:0 0;
}
.CreateUserControl ol li
{
	padding:0 0;
	margin:0 0;
	
}

.CreateUserControl fieldset
{
	display:block;
	margin:0 25px 15px 10px;
	border:none;
}

.CreateUserControl label
{
	display:block;
}
.CreateUserControl li input
{
	width:150px;
}
.CreateUserControl li .wideInput
{
	width:250px;
}
.CreateUserControl .textZip
{
	width:50px;
}
.CreateUserControl .leftFormDiv
{
	margin:1px 0 0 0;
	float:left;
}
.CreateUserControl .rightFormDiv
{
	margin:0 0 0 25px;
	float:left;
}


/* LibraryLoginControl */

.LibraryLoginControl h3
{
	padding:0 0;
	margin:0 0 10px 10px;
	color:#003049;
	font-size:16px;
	font-weight:normal;

}
.LibraryLoginControl ol
{
	display:block;
	list-style:none;
	padding:0 0 ;
	margin:0 0;
}
.LibraryLoginControl ol li
{
	padding:0 0;
	
}

.LibraryLoginControl fieldset
{
	display:block;
	margin:10px 0 0 0; /* 0 25px 15px 10px;*/
	border:none;
}

.LibraryLoginControl label
{
	display:block;
}
.LibraryLoginControl .checkbox label
{
	display:inline;
}
.LibraryLoginControl li input
{
	width:150px;
}
.LibraryLoginControl .checkbox input
{
	width:25px;
}
.LibraryLoginControl p.error
{
	padding:1px 0;
	color:#ff0000;
}
.LibraryLoginControl p.button
{
	margin-top:10px !important;
}
.LibraryLoginControl .button input
{
	margin-bottom:5px;
	height:25px;
	float:right;
	color:#ffffff;
	background-color:#0288ce;	
	border:none;	
	
}

.LibraryLoginControl .registerLink
{
	clear:both;
	color:#03202f;
	font-style:italic;
	font-weight:bold;
	font-size:13px;
}

#SideBar .LibraryLoginControl a:link,
#SideBar .LibraryLoginControl a:visited
{
	color: #0288ce;
	text-decoration:none;
}

#SideBar .LibraryLoginControl a:hover,
#SideBar .LibraryLoginControl a:active
{
	color: #a9b400;
	text-decoration:underline;
}


/* Footer Copyright links */

#CopyRight a:link,
#CopyRight a:visited
{
	color: #b2b3b3;
	text-decoration:underline;
	
}

#CopyRight a:hover,
#CopyRight a:active
{
	color: #a9b400;
	text-decoration:underline;

}


.EmailIcon
{
	background: url(images/icon_emailThis.gif) no-repeat;
	display: inline-block;
	font-weight: bold;
	line-height: 30px;
	padding-left: 30px;
	* html display: inline;
}