/* Basic page */
body
{
	text-align: left;
	margin: 0px;
}

/* Used in elements where There may need to be a title */
.textOnly
{
	display: none;
}

img
{
	border: 0px;
}

#page
{
	margin: 0px auto;
	text-align: left;
	min-width: 648px;
	max-width: 648px;
	width: 648px;	
}

h1, h2, h3, h4, h5
{
	margin-bottom: 6px;
	margin-top: 6px;
}
/* END Basic page */

/* Header */
#header
{
	padding: 5px 8px 10px 10px;
}

/* Navigation */
#nav
{
	clear: both;
	width: 100%;
	height: 75px;
}

#navLogo
{
	width: 400px;
	height: 57px;
	float: left;
}

#channelHeading
{
	padding-top: 40px;
	padding-bottom: 0px;
	margin: 8px 0px -8px 0px;
	float: right;
	position: relative;
}

/* END Navigation */
/* END Header */

/* Channel and Search bar */
#channelAndSearch
{
	padding: 2px 0px 2px 0px;
	height: 23px;
	clear: both;
}

/* Channel Selector */
#channelSelector
{
	padding: 5px 8px 5px 11px;
	float: left;
}
/* END Channel Selector */

/* Search Panel */
#search
{
	float: right;
	text-align: right;
	vertical-align: middle;
	line-height: 23px;
	position: relative;
}

.searchText
{
	float: left;
	vertical-align: middle;
}

.searchTextbox
{
	font-size: 10px;
	position: relative;
	top: 3px;
	float: left;
	margin-right: 28px;
	width: 170px;
	padding-left: 5px;
}

.searchButton
{
	vertical-align: middle;
	width: 22px;
	height: 17px;
	display: inline;
	float: left;
	margin-left: 3px;
	position: relative;
	top: 3px;
}

.searchFBButton
{
	width: 20px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
/* END Search Panel */
/* END Channel and Search bar */

/* Breadcrumb and Login panels */
#breadcrumbAndLogin
{
	padding: 0px 0px 0px 9px;
	clear: both;
	height: 18px;
	vertical-align: middle;
}

#breadcrumb
{	
	float: left;
	vertical-align: middle;
	line-height: 18px;
}

/* Login panel */
#login
{
	margin: 0px;
	padding: 0px;
	float: right;
	height: 18px;
	position: relative;
	left: 1px;
}

#loginMessage
{
	line-height: 18px;
	height: 18px;
	display: inline;
	vertical-align: top;
	margin: 0px;
	padding-right: 4px;
}

#loginButton
{
	margin: 0px;
	padding: 0px;
	height: 18px;
	display: inline;
}

#login input
{
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}
/* END Login panel */
/* END Breadcrumb and Login panels */

/* PageContent */
#pageContent
{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 9px;
}
/* END a2SPContent */

div .bannerImage
{
	text-align: center;
	padding: 10px 0px 10px 0px;
}

/* Footer */
#footer
{
	clear: both;
	padding: 4px 4px 4px 10px;
	display: none;
}

#footer p
{
	margin: 5px 0px 5px -1px;
}
/* END Footer */

/* Link Lists */
/* Row */
.linkListRow
{
	display: inline;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	clear: none;
}

.linkListRow li
{
	display: inline;
	margin: 0px;
	padding: 0px;
}

#nav .linkListRow li
{
	padding-right: 9px;
}

#channelSelector .linkListRow li
{
	padding-right: 9px;
}

#footer .linkListRow li
{	
	padding-right: 9px;
}

#breadcrumb .linkListRow li
{	
	padding-right: 9px;
}
/* END Row */

.linkList
{
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 2px 0px;
}

.multiLevelLinkList, .multiLevelLinkList ul
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

.multiLevelLinkList ul
{
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

.linkList li
{
	padding: 0px 8px 6px 10px;
}

.sidePanel .linkList li, .contextSidePanel .linkList li
{
	padding: 0px 8px 6px 10px;
}

.multiLevelLinkList li, .multiLevelLinkList li .focus
{
	margin: 0px;
	padding: 0px 8px 0px 10px;
}

.multiLevelLinkList li li, .multiLevelLinkList li li .focus
{
	padding: 0px 8px 0px 10px;
}

.multiLevelLinkList li li li, .multiLevelLinkList li li li .focus
{
	padding: 0px 8px 0px 10px;
}
/* Link Lists */

/* Side panel */
.sidePanel .linkList li
{
	padding: 0px 8px 6px 10px;
}
/* END Side panel */

/* Info box */
/* Info box for sidepanel and contextSidePanel*/
.sidePanel .infoBox, .contextSidePanel .infoBox
{
	overflow: hidden;
	float: left;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

.sidePanel .infoBox ul, .contextSidePanel .infoBox ul
{
	margin: 0px;
}

.sidePanel .infoBoxTitle, .contextSidePanel .infoBoxTitle
{
	clear: both;
	padding: 2px 2px 2px 4px;
	margin: 0px 0px 5px 0px;
}

.contextSidePanel .infoBox
{
	margin-bottom: 5px;
}
/* END Info box for sidepanel */

.infoBox
{
	margin: 0px;
	overflow: hidden;
	float: left;
	width: 100%;
}

.infoBoxTitle
{
	width: 100%;
	padding: 3px;
}
/* END Info box */

/* Info box for channels panel */
#channels
{
	margin-left: 1px;
}

#channels .infoBox
{
	margin-top: 14px;
	margin-right: 2px;
	width: 104px;
	height: 197px;
	padding: 0px;
	max-width: 104px;
	max-height: 197px;
}

#channels .infoBoxTitle
{
	height: 32px;
	width: 104px;
	padding: 0px;
	margin: 0px;
}


#channels .infoBoxTitle a
{	
	padding: 3px;
	margin: 0px;
	display: block;
}

#channels .infoBox img
{
	margin: 1px 1px 1px 1px;
	padding: 0px;
}
/* END Info box for channels panel */

.right
{
	position: absolute;
	right: 0%;
	margin-right: 2px;
}

#a2SPContent ul
{
	padding: 0px 0px 0px 25px;
	margin: 15px 0px 2px 0px;
}

.center
{
	text-align: center;
}

/* Region Image Map */
.regionOuterBox
{
	text-align: center; 
}

.regionContentBox 
{
	width: 490px; 
	margin: 0px auto;
}

.regionHeader
{
	text-align: left;
}

.regionHeader p 
{
	margin: 5px 0px 5px 0px;
}

.regionNames
{
	width: 170px; 
	float: left; 
	margin-top: 14px;
	text-align: left;	
}

.regionNames ul
{
  margin-left: 0;
  padding-left: 0;
}

.regionNames li
{
  margin: 0;
  padding: 0;
}

.regionMap 
{
	width: 320px; 
	float: right;
	text-align: left;
}
/* END Region Image Map */


/* Info box for 3 column panel */
.a3boxList
{
	border-left: solid 1px #ffffff;
	margin: 10px 0px 10px 0px;
	float: left;
}

.a3boxList .infoBox
{
	width: 210px;
	margin: 0px 2px 0px 0px;
}
/* END Info box for 3 column panel */


/* Main Content Area */
#rightborder
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}
.sidePanel
{
	float: right;
	width: 180px;
	max-width: 181px;
	min-width: 181px;
	position: relative;
	left: 1px;
	display: none;
}
.contextSidePanel
{
	float: left;
	clear: none;
	display: inline;
	padding-top: 0px;
	width: 180px;
	position: relative;
	left: -1px;
	display:none;
}

#a2SPContent
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#a2SPContent #pageContent
{
	margin: 0px 0px 0px 0px;
}
#a2SPContent p
{
	margin: 5px 0px 5px 0px;
}
/* END Main Content Area */

.end /* Fixes issues with floating divs */
{
	clear: both;
}
.endRightBorder
{
	clear: both;
}

/* Forms Layout */
#a2SPContent #formContent
{
	margin: 0px 0px 0px 0px;
}
.formBox
{
	width: 600px;
	padding-left: 10px;
}

.formLabel
{
	float: left;
	width: 50%;
	padding-bottom: 5px;
}

.formInput
{
	float: left;
	width: 50%;
	padding-bottom: 5px;
}

.formTextbox
{
	width: 200px;
}

.formMultilineTextbox
{
	width: 280px;
}
/* End Forms Layout */

/*
HOME PAGE
<html>
	<body>
		<form id=mainform>
			<div id=page>
				<div id=rightborder>
					<div id=breadcrumandlogin></div>
					<div id=sidepanel></div>
					<div id=pagecontent></div>
					<div id=end></div>
				</div>
			</div>
		</form>
	</body>
</html>

SUB PAGE
<html>
	<body>
		<form id=mainform>
			<div id=page>
				<div id=rightborder>
					<div id=breadcrumandlogin></div>
					<div id=sidepanel></div>
					<div id=contextsidepanel></div>
					<div id=a2spcontent>
						<div id=pagecontent></div>
						<div id=end></div>
					</div>
					<div id=end></div>
				</div>
			</div>
		</form>
	</body>
</html>
*/