﻿* { margin: 0; padding: 0; _display: inline;}

img {border: 0px;}

body { font-size: 62.5%; } /* Resets 1em to 10px */ 

select { min-width:		 1.5em; }

table { border-collapse: collapse; }

a{
  text-decoration:		none;
}

a:hover{
  text-decoration:		underline;
}

body{
	font-family: 		verdana, helvetica, arial, sans-serif;
	text-align:			center;
	background-color:	#CACACA; 
}

#PositioningDiv{
  margin-left:			auto;
  margin-right:			auto;
  width:				980px;
}

#PageOuterContainer{
  float:				left;
  width:				980px; 
}

#PageHeader, #PageContent, #PageFooter{
  float:				left;
  width:				980px;
  margin-left:			auto;
  margin-right:			auto;  
}

#PageHeader{
	height:				190px;
	background-image:	url('/image/layout/focus-on-header.png');
	background-repeat:	no-repeat;
}

#PageContent{
	background-image:	url('/image/layout/focus-on-vertical-background.png');
	background-repeat:	repeat-y;
}

#PageFooter {
	height:				30px;		
	background-image:	url('/image/layout/focus-on-vertical-footer.png');
	background-repeat:	no-repeat;
}

#BaseContentArea{
	float:				left;
	width:				910px;
	height:				60px;
	background-color:	#999999;
	margin-left:		50px;
}

#SocialNetworkingAddonsContainer{
	width:				100%;
	height:				40px;
	padding:			6px 0px 0px 0px;
	float:				left;
	text-align:			right;
}

#SocialNetworkingAddonsContainer img{
	margin-right:		10px;
	border:				0;
}

img.FacebookIcon{
	margin-right:		20px;
}

#MainNavigationContainer{
	float:				right;
	margin-top:			10px;
	margin-right:		20px;
	width:				960px;
}

#MainNavigation{
	float:				right;
	width:				700px;
}

#MainNavigation ul{
	float:				right;
	margin-top:			18px;				
}

#MainNavigation ul li{
	float:				left;
	margin:				0 1em 0 1em;
	color:				#FFFFFF;
	list-style-type:	none;
	font-size:			1.6em;
}

#MainContentArea{
	float:				left;
	width:				910px;
	margin-top:			30px;
	margin-bottom:		10px;
	margin-left:		50px;
}


.ContentContainer{
	float:				left;
	width:				100%;
}

div.HomePageContentContainerLeft{
	float:				left;
	width:				280px;
}

div.HomePageContentContainerMid{
	float:				left;
	width:				280px;
	padding:			0px 0px 0px 25px;
}

div.HomePageContentContainerRight{
	float:				right;
	width:				300px;
}

div.MainContentLeft{
	float:				left;
	width:				560px;
}

div.MainContentRight{
	float:				right;
	width:				300px;
}

div.HeaderBar{
	float:				left;
	width:				100%;
	margin-top:			3.5em;
}

.LinkContainer{
	float:				left;
	width:				100%;
	margin-top:			1em;
	margin-bottom:		2em;
}

.WelcomeText{
	color:				#00247D;
}

.Right{
	text-align:			right;
}


.PreviewContainer{
	float:				left;
	width:				100%;
	text-align:			left;
	margin-bottom:		4em;
}

.PreviewContainer label{
	float:				left;
	width:				100%;
	font-weight:		bold;
	padding:			1em 0em 0.5em 0em;
}

.PreviewEventItems{
	float:				left;
	width:				100%;
}

.PreviewEventItem{
	float:				left;
	width:				100%;
	margin-top:			20px;
}

.PreviewEventListItem{
    float:                  left;    
    margin:                 0em 0em .5em 0em;
}

.PreviewEventListItemTitle{
    float:                  left;
    width:                  375px;
}

.PreviewEventListDetail{
    float:                  left;
    margin-left:			20px;
    width:                  355px;
}

.PreviewEventListItemTitle{
	font-size:				1.4em;
	font-weight:			bold;
}

.PreviewEventListDetail{
	font-size:				1.3em;
}

.AllEventsLink{
	font-size:				1.4em;
	font-weight:			bold;
	margin-top:				20px;
	float:					right;
	text-align:				right;
	width:					100%;
}

.ExtraPaddingTop {
	margin-top:				20px;
}

#MemberListFilterControl{
	float:					left;
	width:					100%;
	margin:					2em 0em 2em 0em;
}

#MemberListFilterControl fieldset legend{
	font-size:				1.2em;
	font-weight:			bold;
	padding:				0em 0.3em 0em 0.3em;
}


.MemberFilterOptions{
	text-align:				left;
	width:					96%;
	padding:				0.5em 2% 0.5em 2%;
}

.MemberFilterOptions div{
	float:					left;
	width:					100%;
	vertical-align:			middle;
	margin:					0.5em 0em 0.5em 0em;
}

.FilterLabel{
	width:					24%;
	float:					left;
	font-weight:			bold;
	font-size:				1.2em;
}

.FilterControl{
	width:					75%;
	float:					right;
	font-size:				1.2em;
}

.MemberFilterButtons {
	text-align:				right;
	width:					96%;
	padding:				0.5em 2% 0.5em 2%;
}

.SmallButton{
	font-size:				1em;
}

.SmallInput{
	font-size:				1em;
}

.Wide{
	width:					20em;
}

table.ListTable{
	float:					left;
	width:					100%;
	margin-top:				2em;
}

table.ListTable thead tr th, table.ListTable thead tr td{
	font-weight:			bold;
	background-color:		#999999;
}

table.ListTable thead tr th a, table.ListTable thead tr td a{
	color:					#EFEFEF;
	text-decoration:		underline;
}

table.ListTable thead tr th, table.ListTable thead tr td, table.ListTable tbody tr th, table.ListTable tbody tr td{
	text-align:				left;
	padding:				0.5em;
	font-size:				1.2em;
	vertical-align:			middle;
}

.OddRow{
	background-color:		#EFEFEF;
}

.EventListMonthSelection{
	float:					left;
	width:					100%;
	margin:					1em 0em 1em 0em;
	font-size:				1.2em;			
}

.EventListMonthSelection span{
	padding:				0em 0.3em 0em 0.3em;
	font-weight:			bold;
}

#FilterListSelection{
	float:					left;
	width:					100%;
	text-align:				right;
}

.EventListMonthTitle{
	float:					left;
	width:					100%;
	text-align:				left;
	font-weight:			bold;
	font-size:				1.4em;
	margin:					1em 0em 1em 0em;
}

.SectionItem{
	width:					100%;
	float:					left;
	margin-top:				1em;
}

.SectionItemShort{
	width:					99%;
	margin-top:				1em;
}

.ImageLink{
	margin-top:				2em;
	float:					left;
	line-height:			1.6em;
	text-align:				left;
}

.ImageLink img{
	vertical-align:			middle;
}

.SectionItemTitle{
	float:					left;
	text-align:				left;
	font-weight:			bold;
	width:					30%;
	padding-right:			1%;
	font-size:				1.2em;	
}

.SectionItemText{
	float:					left;
	width:					69%;
	font-size:				1.2em;
	text-align:				left;
}

#SectionItemTextLiteral{
	float:					left;
	width:					100%;
	font-size:				1.2em;
	text-align:				left;
}

#SectionItemTextLiteral p{
	float:					left;
	width:					100%;
	font-size:				1.2em;
	margin-bottom:			1em;
	text-align:				justify;
}

#SectionItemTextLiteral ul, ul.TicketList{
	float:					left;
	list-style-type:		none;
	font-size:				1.2em;
	margin:					1em 0em 1em 0em;
}

#SectionItemTextLiteral ul li, ul.TicketList li{
	margin:					1em 0em 0em 0em;
	padding:				0em 1em 1em 2em;
	text-align:				left;
	background-image:		url('../../image/award_star_gold_1.png');
	background-repeat:		no-repeat;
	background-position:	top left;
}

.Bold{
	font-weight:			bold;
}

#MemberDescriptionContainer, #EventDescriptionContainer{
	float:					left;
	width:					60%;
}

#MemberActions, div.VenueImagesContainer, #EventActions{
	float:					right;
	width:					35%;
}

h3.ItemTitleNoTopPadding{
	float:				left;
	text-align:			left;
	width:				100%;
	font-weight:		bold;
	font-size:			1.4em;
	padding:			0em 0em 0.5em 0em;
	border-bottom:		1px dashed #999999;
}

h3.ItemTitle{
	float:				left;
	text-align:			left;
	width:				100%;
	font-weight:		bold;
	font-size:			1.4em;
	padding:			1em 0em 0.5em 0em;
	border-bottom:		1px dashed #999999;
}

h3.ItemTitleNoBorder{
	float:				left;
	text-align:			left;
	width:				100%;
	font-weight:		bold;
	font-size:			1.4em;
	padding:			1em 0em 0.5em 0em;
}

.MemberImageContainer{
	padding-top:			3.5em;
}

#EventActions input{
	margin-top:				2em;
}

.ExtraTopPaddingFudge{
	margin-top:				.62em;
}

div.ContentContainer h4{
	float:					left;
	width:					100%;
	text-align:				left;
	margin-top:				2em;
	font-size:				1.3em;
}

p{
	float:					left;
	width:					100%;
	text-align:				justify;
	margin-top:				1em;
	font-size:				1.4em;
}

div.FormItem{
	float:					left;
	width:					100%;
	text-align:				left;
	margin-top:				1em;	
}

div.FormItemButtonContainer{
	float:					left;
	width:					100%;
	text-align:				right;
	clear:					both;
	margin-top:				4em;	
}

div.FormItem label{
	float:					left;
	width:					200px;
	text-align:				left;
	font-weight:			bold;
	font-size:				1.4em;	
}

div.FormItem input, div.FormItem select, div.FormItem textarea{
	float:					left;
}

div.FormItem textarea{
	height:					200px;
	width:					270px;
}

div.ContactItemText{
	float:					left;
	font-size:				1.4em;
}

div.GroupLeaderBar{
	float:					left;
	width:					100%;
	margin:					3em 0em 0em 0em;
}

div.GroupLeader{
	float:					left;
	width:					33.3%;
	text-align:				center;
}

div.GroupLeader img{
	margin-left:			auto;
	margin-right:			auto;
}

div.GroupLeader h3{
	font-size:				1.6em;
	margin-top:				1em;
}

.CenterImage{
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				2em;
}

div.ImageRow{
	float:					left;
	width:					100%;
	margin-top:				2em;
}

div.GalleryImageItem{
	float:					left;
	width:					33.3%;
	text-align:				center;
}

div.GalleryImageItem img {
	margin-left:			auto;
	margin-right:			auto;
	border:					0;
}

div.TestimonialText, div.TestimonialProvider{
	font-size:				1.3em;
}

div.TestimonialText{
	margin-top:				2em;
	text-align:				left;
}

div.TestimonialProvider{
	margin-top:				1em;
	text-align:				center;
	font-weight:			bold;
}

div.FooterInfoLeft{
	float:					left;
	text-align:				left;
	width:					40%;
	padding:				5px;
	line-height:			25px;
	font-size:				1.3em;
}

div.FooterInfoRight{
	float:					right;
	text-align:				right;
	width:					40%;
	padding:				5px;
	line-height:			25px;
	font-size:				1.3em;		
}

.modal-bg{
	filter:					alpha(opacity=70); 
	background-color:		#000000;
	opacity:				0.7;
}

.ImageMargin{
	margin-top:				3em;
}

div.BoxTitle{
	float:					left;
	width:					98%;
	padding:				1%;
	background:				#666666;
	color:					#FFFFFF;
	border-bottom:			1px solid #000000
}

div.BoxTitleText{
	width:					70%;
	float:					left;
	text-align:				left;
}

div.BoxTitleText h3{
	float:					left;
}

div.BoxTitleIcon{
	width:					28%;
	float:					right;
	text-align:				right;
}

.BorderedImage{
	border:					1px solid #333333;
}

div.NewsPreviewContainer{
  float:					left;
  width:					100%;
  background-image:			url(/image/newspaper-icon.gif);
  background-repeat:		no-repeat;
  background-position:		0px 10px;
  padding-top:				10px;
}

.NewsPreviewTitle{
  float:					left;
  padding-left:				25px;
  font-size:				1.5em;
  font-weight:				bold;
  width:					90%;
}

.NewsPreviewSummary{
  float:					left;
  padding-left:				25px;
  font-size:				1.2em;
  width:					90%;  
}

div.NewsIntroduction{
  float:					left;
  width:					100%;
  background-color:         #666666;
  margin-top:				20px;
  padding:                  5px 0px 5px 0px;
  color:                    #CCCCCC;
  font-size:				1.2em;
  font-weight:				bold;
  text-align:				left;
}

div.NewsListItem{
	float:					left;
	width:					100%;
	padding-top:			10px;
}

div.NewsListStory{
	float:					left;
	width:					70%;
	padding-left:			10px;
}

div.NewsListDocuments{
	float:					right;
	width:					25%;	
}
