@font-face {
    font-family: 'TheSansB3Light';
    src: url('Fonts/thesnb3_-webfont.eot');
    src: url('Fonts/thesnb3_-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/thesnb3_-webfont.woff') format('woff'),
         url('Fonts/thesnb3_-webfont.ttf') format('truetype'),
         url('Fonts/thesnb3_-webfont.svg#TheSansB3Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TheSansB2ExtraLight';
    src: url('Fonts/thesnb2_-webfont.eot');
    src: url('Fonts/thesnb2_-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/thesnb2_-webfont.woff') format('woff'),
         url('Fonts/thesnb2_-webfont.ttf') format('truetype'),
         url('Fonts/thesnb2_-webfont.svg#TheSansB2ExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TheSansB6SemiBold';
    src: url('Fonts/thesnb6_-webfont.eot');
    src: url('Fonts/thesnb6_-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/thesnb6_-webfont.woff') format('woff'),
         url('Fonts/thesnb6_-webfont.ttf') format('truetype'),
         url('Fonts/thesnb6_-webfont.svg#TheSansB6SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media all
{
	body
	{
		color: #414141;
		font-size: 0.77em;
		font-family: Verdana, Sans-Serif;
	}
	
	*:focus  
	{  
    outline: none;  
	}
	  
	.FloatClear
	{
		float: none !important;
		padding: 0 !important;
		clear:both;
		height:0px;
		overflow:hidden;
		width:100%;
	}

	.Hidden
	{
		position:absolute;
		left:-10000px;
		width:1px;
	}
	
	a
	{
		color: #000000;
		text-decoration: underline;
	}
	
	a img
	{
		border: none;
	}
	
	h2
	{
		color: #ba9c5c;
		font-size: 1.6em;
		font-weight: normal;
	}

	form
	{
		margin: 0;
		padding: 0;
	}
}

@media print
{
	#ApsHomeButton, #LoginLogOutButton, #LoggedInMessage, .DowntimeAlertHolder,
	#Navigation, #FooterLinks, .GroupNavigation, #GroupHomeEvents .Links, #CommitteeHubNav, #CommitteeManualNav, .AdminMemberDetails
	{
		display: none;
	}
	
	#ApsLogo
	{
		float: left;
	}
	
	#GroupsLogo
	{
		float: left;
		margin: 60px 0 0 40px;
	}
	
	#ContentWrapper
	{
		padding-top: 30px;
	}
	
	#Breadcrumbs
	{
		font-size: 0.85em;
	}
	
	#Footer
	{
		padding-top: 30px;
		font-size: 0.85em;
	}
	
	#Content ul li
	{
		padding-bottom: 4px; 
	}
}

@media screen
{
	/******************************`
	 * Body and main layout
	 ******************************/
	
	body 
	{
		background-color: #e6e6e6;
		margin: 0;
	}
	
	#Wrapper
	{
		width: 960px;
		margin: 0 auto;
	}

	/******************************
	 * Global styles
	 ******************************/
	
	.ScreenHidden
	{
		position:absolute;
		left:-10000px;
		width:1px;
	}
	
	h2
	{
		font-family: 'TheSansB6SemiBold', Verdana;
	}
	
	h3
	{
		margin-top: 0;
	}
	
	hr
	{
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #dcd1b9;
	}
	
	#Content ul
	{
		margin: 10px 0;
		padding: 0;
		list-style-type: none;
	}
	
	#Content ul li
	{
		margin: 0;
		padding: 4px 0 4px 11px;
		background-image: url(/Images/GoldBullet.png);
		background-repeat: no-repeat;
		background-position: 0 10px;
	}
	
	#Content #ManualToc ul li
	{
		margin: 0;
		padding: 4px 0 4px 20px;
		background-position: 7px 10px;
	}
	
	#Content h2.NoTopMargin, #Content p.NoTopMargin
	{
		margin-top: 0;
	}
	
	/******************************
	 * Header
	 ******************************/
	
	#HeaderWrapper
	{
		z-index: 9;
		position: relative;
	}
	
	#Header
	{
		height: 136px;
		position: relative;
	}
	
	#ApsLogo
	{
		width: 221px;
		height: 50px;
		position: absolute;
		top: 68px;
	}
	
	#LogoDivider
	{
		width: 1px;
		height: 41px;
		background-color: #d5d5d5;
		position: absolute;
		left: 255px;
		top: 78px;
	}
	
	#GroupsLogo
	{
		width: 107px;
		height: 52px;
		position: absolute;
		left: 281px;
		top: 84px;
	}
	
	#ApsHomeButton
	{
		width: 122px;
		height: 33px;
		position: absolute;
		left: 837px;
		top: 77px;
	}
	
	#LoginLogOutButton
	{
		width: 122px;
		height: 33px;
		position: absolute;
		left: 837px;
		top: 24px;
	}
	
	#LoggedInMessage
	{
		position:absolute;
		right: 142px;
		top: 22px;
		text-align: right;
	}
	
	#LoggedInMessage div
	{
		font-weight: bold;
		font-size: 1.2em;
		padding-top: 2px;
	}
	
	.DowntimeAlertHolder
	{
		position: absolute;
		left: 181px;
		top: 4px;
		width: 483px;
	}
	
	.DowntimeAlertHolder .Inner
	{
		background-color:#f7f793;
		border:1px solid #f00;
		color:#f00;
		padding:5px;
		font-size: 0.9em;
	}
	
	.DowntimeAlertHolder .Label
	{
		float:left;
		width: 50px;
	}

	.DowntimeAlertHolder .Message
	{
		float: right;
		width: 396px;
	}

	.DowntimeAlertHolder .Message p
	{
		margin:0px;
	}
	
	/******************************
	 * Navigation
	 ******************************/

	#Navigation
	{
		height: 53px;
		background-image: url(/Images/NavBg.png);
		background-repeat: no-repeat;
		position: relative;
		overflow: visible;
	}
	
	.NavMain
	{
		list-style-type: none;
		margin: 0;
		padding: 7px 7px 0 7px;
	}
	
	.NavMain li
	{
		height: 40px;
		float: left;
		padding: 0;
		margin: 0 6px 0 0;
	}
	
	.NavMain li a
	{
		display: block;
		height: 40px;
		background-image: url(/Images/NavSprite.png);
		outline: none;
	}
		
	.NavMain li#NavAbout a { width: 146px; }
	.NavMain li#NavAbout a:Hover { background-position: 0 -40px; }
	.NavMain li#NavAbout a.Current { background-position: 0 -80px; }
	
	.NavMain li#NavBranches a	{ width: 116px;	background-position: -152px 0; }
	.NavMain li#NavBranches a:Hover { background-position: -152px -40px; }
	.NavMain li#NavBranches a.Current { background-position: -152px -80px; }
	
	.NavMain li#NavColleges a {	width: 111px;	background-position: -274px 0; }
	.NavMain li#NavColleges a:Hover { background-position: -274px -40px; }	
	.NavMain li#NavColleges a.Current { background-position: -274px -80px; }	
	
	.NavMain li#NavInterestGroups a { width: 158px; background-position: -391px 0; }
	.NavMain li#NavInterestGroups a:Hover	{	background-position: -391px -40px; }	
	.NavMain li#NavInterestGroups a.Current { background-position: -391px -80px; }	

	.NavMain li#NavStateCommittees { float: right; margin: 0; }
	.NavMain li#NavStateCommittees a { width: 173px; background-image: url(/Images/CommitteesNavSprite.png); }
	.NavMain li#NavStateCommittees a:Hover { background-position: 0px -40px; }	
	.NavMain li#NavStateCommittees a.Current { background-position: 0px -80px; }	

	/******************************
	 * Navigation flyouts
	 ******************************/

	.NavFlyout
	{
		position: absolute;
		top: 53px;
		width: 100%;
		z-index: 10;
		display: none;s
	}
	
	.NavFlyoutArrow
	{
		position:absolute;
		width: 15px;
		height: 8px;
		top: 3px;
		background-image: url(/Images/NavFlyoutArrow.png);
		background-repeat: no-repeat;
		left: -10000;
	}
	
	.NavFlyoutTop
	{
		height: 14px;
		background-image: url(/Images/NavFlyoutTop.png);
		background-repeat: no-repeat;
	}
	
	.NavFlyoutMid
	{
		border-left: 10px solid #414141;
		border-right: 10px solid #414141;
		background-image: url(/Images/NavFlyoutBg.png);
		background-repeat: repeat-y;
	}
	
	.NavFlyoutInner
	{
		min-height: 358px;
		background-image: url(/Images/NavFlyoutMid.png);
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	.NavFlyoutBottom
	{
		height: 14px;
		background-image: url(/Images/NavFlyoutBottom.png);
		background-repeat: no-repeat;
	}
	
	.NavFlyout .FlyoutContent
	{
		display: none;
	}
	
	.NavFlyout.NavBranches .NavFlyoutArrow { left: 211px; }
	.NavFlyout.NavColleges .NavFlyoutArrow { left: 328px; }
	.NavFlyout.NavInterestGroups .NavFlyoutArrow { left: 466px; }
	
	.NavFlyout.NavBranches .BranchesFlyoutContent,
	.NavFlyout.NavColleges .CollegesFlyoutContent,
	.NavFlyout.NavInterestGroups .InterestGroupsFlyoutContent
	{
		display: block;
	}
	
	.FlyoutContent
	{
		padding: 24px 32px;
	}
	
	.FlyoutContent h2
	{
		margin: 0 0 12px;
		font-size: 2.2em;
		font-weight: normal;
		font-family: 'TheSansB2ExtraLight', Verdana;
	}

	.FlyoutContent h3	
	{
		font-family: 'TheSansB2ExtraLight', Verdana;
		font-weight: normal;
		font-size: 1.4em;
		padding-bottom: 20px;
		border-bottom: 1px solid #dcd1b9;
		margin: 0 0 25px;
	}
	
	.FlyoutContent h4
	{
		margin: 4px 0 8px;
	}
	
	.FlyoutContent .Col
	{
		float: left;
		margin-left: 40px;
	}

	.FlyoutContent .Col.First
	{
		margin-left: 0;
	}
	
	.CollegesFlyoutContent .Col
	{
		width: 264px;
	}
	
	.InterestGroupsFlyoutContent .Col
	{
		width: 186px;
	}
	
	.FlyoutContent ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.FlyoutContent ul li
	{
		margin: 0;
		padding: 0 0 10px 11px;
		background-image: url(/Images/GoldBullet.png);
		background-repeat: no-repeat;
		background-position: 0 4px;
	}
	
	.FlyoutContent ul li a
	{
		text-decoration: none;
	}
	
	.FlyoutContent ul li a:Hover
	{
		text-decoration: underline;
	}
	
	.FlyoutContent .FlyoutCollegesLabel
	{
		padding: 0 0 25px;
		font-weight: bold;
	}
	
	.FlyoutContent.CollegesFlyoutContent ul  li
	{
		margin-left: 0;
		padding: 0 0 30px 18px;
	}
	
	.FlyoutContent.CollegesFlyoutContent ul  li a
	{
		font-weight: bold;
		text-decoration: none;
		font-size: 1.1em;
	}

	/******************************
	 * Content
	 ******************************/
	
	#ContentWrapper
	{
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		background-image: url(/Images/ContentBg.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-color: #ffffff;
	}
	
	.ContentBanner
	{
		background-color: #414141;
		padding: 20px 42px 15px;
		border-bottom: 5px solid #ba9c5c;
	}
	
	#Breadcrumbs
	{
		color: #a0a0a0;
		font-size: 0.85em;
	}
	
	h1#BannerTitle
	{
		color: #ffffff;
		font-family: 'TheSansB2ExtraLight', Verdana;
		font-weight: normal;
		margin: 16px 0 0 0;
		font-size: 2.4em;
	}
	
	#Breadcrumbs a
	{
		color: #a0a0a0;
	}
	
	#Content
	{
		padding: 35px 41px;
		position: relative;
	}
	
	/******************************
	 * Process message
	 ******************************/

	.ProcessMessage
	{
		left: 0;
		top: 0;
		position:fixed;
		border-bottom: 2px solid #90c062;
		background-color: #d1eab8;
		font-weight: bold;
		width: 100%;
		z-index: 50;
	}

	.ProcessMessage div
	{	
		width: 860px;
		margin: 0 auto;
		padding: 18px 0 18px 48px;
		background-image: url(/Images/BigTick.gif);
		background-repeat: no-repeat;
		background-position: 0px 12px;
		font-size: 1.1em;
		color: #29470d;
		text-shadow: 1px 1px 1px rgba(255,255,255,1);
	}

	
	/******************************
	 * Login box
	 ******************************/
	
	.LoginIntro
	{
		margin-top: 0;
		margin-bottom: 20px;
	}
	
	.ReminderIntro
	{
		margin-top: 0;
	}
	
	#LoginWrapper
	{
		width: 337px;
		margin: 0 auto;
		border: 1px solid #cccccc;
	}
	
	#LoginInner
	{
		background-image: url(/Images/LoginBg.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		padding: 20px 30px;
	}
	
	#LoginInner h2
	{
		border-bottom: 1px solid #e4e4e4;
		padding-bottom: 3px;
		margin: 0;
	}

	.g-recaptcha {
		margin-top: 20px;
	}

	.ReminderLink {
		float: right;
		font-size: 0.85em;
		margin-top: 4px;
		color: #414141;
	}
	
	#LoginInner label
	{
		display: block;
		font-weight: bold;
		padding: 16px 0 2px;
		font-size: 0.9em;
	}
	
	#LoginInner input.TextBox
	{
		width: 260px;
	}
	
	#LoginInner input.Button
	{
		margin-top: 16px;
		font-weight: bold;
	}
			
	/******************************
	 * Gradient box
	 ******************************/
	
	.GradientBox
	{
		margin: 0 auto;
		width: 500px;
		border: 1px solid #cccccc;
		background-image: url(/Images/GradientBg.png);
		background-position: left bottom;
		background-repeat: repeat-x;
		padding: 40px;
	}

	/******************************
	 * Footer
	 ******************************/
	
	#Footer
	{
		padding: 14px 0 38px;
		color: #646464;
		font-size: 0.85em;
	}
	
	#Copyright
	{
		float: left;
	}
	
	#FooterLinks
	{
		float: right;
	}
	
	#FooterLinks img
	{
		vertical-align: middle;
		cursor: pointer;
	}
	
	#FooterLinks a
	{
		color:#646464;
		text-decoration: none;
	}
	
	#FooterLinks a:Hover
	{
		text-decoration: underline;
	}
	
}