/* ------------------------------ BEGIN Global Styles ------------------------------ */
@import url("../../global/CSS/global.css");
/* ------------------------------ END Global Styles ------------------------------ */

html, body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, form, blockquote, fieldset, input {
margin:0;
padding:0;
}

body
{
 background-color: #ffffff; 
 background-image: none;

}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	background-color: #ffffff;
}

td, th, div, p, font {
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

img.left { float: left; padding: 2px 20px 16px 0; }
img.right { float: right; padding: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

img.navigate { float: left; margin: 0px 0px 20px 0; }


hr {
	border: 0;
	width: 100%;
	color: #262626;
	background-color: #262626;
	height: 1px;
	line-height: 1px;
	margin: 10px 0px;
	padding: 0px;}
	
ul li {
	padding: 0 0 0 15px;
	margin: 0px;
	background: url(../Images/bullet.gif) no-repeat 0em 0.5em;
	list-style: none;}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color: #666666;
}

A:link          {text-decoration:none; color:#EE8020;}
A:active        {text-decoration:none; color:#EE8020;}
A:visited       {text-decoration:none; color:#EE8020;}
A:hover         {text-decoration:underline; color:#EE8020;}

/*------------------------------------------------------------------------ SUB NAV */
#subnavWrapper {
	float: left;
	width: 174px;
	padding: 15px;
}
* html #subnavWrapper {
	width: 204px;
	w\idth: 174px; }
	
#subnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background: none;}
	
#subnav li {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 174px;
	background: none;}
	
#subnav a {
	font-size: 12px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	border-bottom: 1px solid #ccc;
	color: #333333;
	text-indent: 14px;}
	
#subnav a:hover {
	font-size: 12px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	border-bottom: 1px solid #ccc;
	color: #EE8020;
	background-image: url(../images/arrows.jpg);
	text-indent: 14px;
	background-repeat: no-repeat;
	background-position: left center;}

#subnav a.current {
	font-size: 12px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	border-bottom: 1px solid #ccc;
	color: #EE8020;
	background-image: url(../images/arrows.jpg);
	text-indent: 14px;
	background-repeat: no-repeat;
	background-position: left center;}

/* PARENT STYLE- THIS JUST NEEDS TO BE THE SAME DIV NAME AS THE CONTAINING SUBMENU CONTAING DIV NAVE */	
#subnavWrapper h2 {
	font-size:12px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	color: #262626;
	text-transform: uppercase;}

#subnavWrapper h2 a {
	font-size:12px;
	display: block;
	text-decoration: none;
	padding: 5px 0px;
	color: #262626;
	text-transform: uppercase;}
	
#subnavWrapper p{display:none;}
	


.bodyoptional {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 18px;
	color: #333333;
	font-style: italic;
	font-weight: bold;
}

.heading {
	font-size: 16px;
	line-height: 20px;
	color: #333333;
}

.headingbold {
	font-size: 16px;
	color: #333333;
	line-height: 20px;
	font-weight: bold;
}

.subheading {
	font-size: 14px;
	color: #195BAC;
}

.subheadingbold {
	font-size: 14px;
	color: #195BAC;
	font-weight: bold;
}

.optionalheading {
	font-size: 14px;
	line-height: 18px;
	color: #EE8020;
}

h1 {
	font-size: 16px;
	line-height: 26px;
	color: #333333;}

h2 {
	font-size: 14px;
	color: #195BAC;}
	
h3 {
	font-size: 14px;
	line-height: 18px;
	color: #EE8020;}
	
h4 {
	font-size: 20px;
	line-height: 30px;
	color: #333333;}
	
h5 {
	font-size: 20px;
	line-height: 30px;
	color: #195BAC;}
	
.pageSearchTitle {
font-size: 16px;
line-height: 26px;
color: #333333;}

a.pageSearchTitle {
font-size: 16px;
line-height: 26px;
color: #333333;
text-decoration:none;}

a.pageSearchTitle:hover {
font-size: 16px;
line-height: 26px;
color: #333333;
text-decoration:underline;}

/*---------------------------------------------------- BREADCRUMBS */
#breadcrumbs {
	float: left;
	width: 515px;
	text-align: left;
}
	
#breadcrumb ul{
	padding: 0px;
	margin: 0px;
	list-style: none;}
	
#breadcrumb li {
	margin: 0px;
	float: left;
	background:none;}

#breadcrumb a {
	padding: 0 0 0 20px;
	font-size: 10px;
	display:inline;
	text-decoration: none;
	color: #FFF;
	background: url(../Images/breadcrumb.gif) no-repeat 0.2em;}
	
#breadcrumb a:hover {
	padding: 0 0 0 20px;
	font-size: 10px;
	display:inline;
	text-decoration: underline;
	color: #FFF;
	background: url(../Images/breadcrumb.gif) no-repeat 0.2em;}
	
#breadcrumb a.first  {
	padding: 0px;
	font-size: 10px;
	display:inline;
	text-decoration: none;
	color: #FFF;
	background: none;
	margin-left: -15px;}
	
#breadcrumb a.first:hover  {
	padding: 0px;
	font-size: 10px;
	display:inline;
	text-decoration: underline;
	color: #FFF;
	background: none;
	margin-left: -15px;}

#breadcrumb a.current  {
	padding: 0 0 0 20px;
	font-size: 10px;
	display:inline;
	text-decoration: underline;
	color: #FFF;
	background: url(../Images/breadcrumb.gif) no-repeat 0.2em;}

.swcredit 			{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999;}


A.swcredit:link        {TEXT-DECORATION: none; color: #999999;}
A.swcredit:active      {TEXT-DECORATION: none; color: #999999;}
A.swcredit:visited     {TEXT-DECORATION: none; color: #999999;}
A.swcredit:hover       {TEXT-DECORATION: none; color: #333333;}


.searchField {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	background-color: #ffffff;
	padding: 2px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #000000;
	width: 110px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color: #404040;
	background-color: #FFFFFF;
}

.sglogintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}

.date {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999;}


.orgname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	line-height: 24px;
	font-weight: bold;
}

.orginfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #666666;
}

.repeat-x {
	background-repeat: repeat-x;
	background-position: left top;
}

.repeat-y {
	background-repeat: repeat-y;
	background-position: left top;
}

.no-repeat {
	background-repeat: no-repeat;
	background-position: left top;
}

#pageLeft {
	float: left;
	width: 164px;
	padding: 20px;
	overflow: hidden;
}

* html #pageLeft {
	width: 204px;
	w\idth: 164px; }
	
#pageRight {
	float: left;
	width: 276px;
}

* html #pageRight {
	width: 276px;
	w\idth: 246px; }
	
#contentHome {
	float: left;
	width: 249px;
	padding: 15px;
	overflow: hidden;
}

* html #contentHome {
	width: 279px;
	w\idth: 249px; }

#top {
	padding: 10px;
	float: left;
	width: 535px;
}
* html #top {
	width: 555px;
	w\idth: 535px; }
	
#topDEF {
	padding: 20px;
	float: left;
	width: 515px;
}
* html #topDEF {
	width: 555px;
	w\idth: 515px; }

.upcoming-events-name {
	font-size: 14px;
	font-weight:bold;
	margin: 5px 0px;
}