@charset "UTF-8";
/* CSS Document */

body  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 120%;
	background-color: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

blockquote {margin:6px 0 0 18px;padding:0;}


/* ------------------------------------------------ */
/*                    font sizing                   */
/* ------------------------------------------------ */
h1 {
	font-size: 180%;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 14px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 14px;
	line-height: 100%;
}

h3 { 
	font-size: 120%;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 12px;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px;
}

h5 {
	font-size: 36px;
	margin-top: 28px;
	margin-bottom: 40px;
	line-height: 100%;
	color: #F03;
}

p {
	font-size: 100%;
	margin-bottom: 8px;
}

td, th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330000;
	line-height: 120%;
	background-color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	border: 0;
	border-color: #FFFFFF;
}

td img {
	display: block;
}

li {
	font-size: 11px;
	margin: 0px;
	padding-bottom: 5px;
	padding-left: 6px;
}

/* Links */
a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3300;
	font-style: normal;
	font-weight:100;
	text-decoration: none;
}

a:hover {
	color: #FFCC00;
	background-color: #330000;
}

form {
	background-color: #FFFFFF;
}
.form1 {
	background-color: #FFFFCC;
}


h1#events_selectanevent {
	padding: 19px 0 0 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:19px; /* for IE5.5's bad box model */
	background-image: url(../images/events/events_selectanevent1.gif);
	background-repeat: no-repeat;
}

#imgHid, .print{
	overflow:hidden;
	display: none;
}


/* ------------------------------------------------ */
/*                   Basic classes                  */
/* ------------------------------------------------ */
.title {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	line-height: 140%;
	margin-top: 14px;
	margin-bottom: 14px;
}

.title2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	line-height: 130%;
	margin-top: 14px;
	margin-bottom: 14px;
}

.subtitle {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	line-height: 120%;
	margin-top: 12px;
	margin-bottom: 12px;
}

.subtitle2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	font-weight: bold;
	line-height: 120%;
	text-transform: uppercase;
}

.header {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFF66;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
}

.header2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #333333;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	margin-top: 6px;
	margin-bottom: 20px;
}

.p1 {
	font-size: 100%;
	line-height: 110%;
	margin-bottom: 0px;
}

.p2 {
	font-size: 100%;
	line-height: 100%;
	margin-bottom: 0px;
}

.td2, .th2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330000;
	line-height: 120%;
	background-color: #FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
	border: 0;
	border-color: #FFFFFF;
}
.picflt {
	position: relative;
}

.nav {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #CCCC66;
	padding-left: 4px;
	padding-right: 4px;
}

.navLink {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #DEDECA;
	padding-left: 4px;
	padding-right: 4px;
}

.sidebar {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	background-color: #FFFF99;
	padding: 3px;
}

.sidebarHeader {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF99;
	font-weight: bold;
	line-height: 130%;
	background-color: #999933;
}

.sidebarFooter {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	line-height: 130%;
	background-color: #FFFF99;
}

.footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	font-weight: bold;
	line-height: 120%;
	background-color: #FFFFCC;
}

.legal {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
}

.box1 {
	border-width: 2px;
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-style: dotted;
	}

.promo {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000033;
}

.titlebar {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #CC0000;
}

.dingbat {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #660000;
	font-weight: 900;
	background-color: #CCCC99;
	padding-top: 4px;
	padding-bottom: 4px;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

.border {
	font-size:11px;
	font-weight: bold;
	background-color:#FFFFCC;
}

.logo {
	position:relative;
	height: 52px;
	width: 940px;
	left: 930px;
	top: 40px;
}

.calendarDescription   {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.searchtext1 {
	padding: 0px;
	margin: 0px;
}
.searchtext2 {
	color: #000000;
	font-size: 9px;
	background-color: #FFFF99;
	padding: 1px;
}

/* ------------------------------------------------ */
/*            Start of .twoColFixHdr Class          */
/* ------------------------------------------------ */

/* ======== Containers ======== */
.twoColFixRtHdr #container {
	width: 916px;
	height: auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFFFCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 0px;
	border: 4px solid #FFCC00;
} 
.twoColFixRtHdr #header {
	overflow: hidden;
	background-color:#FFFFCC;
	margin: 0px;
	padding: 0px;
	padding-top: 1px;
} 
.twoColFixRtHdr #headerLogoContainer {
	overflow: hidden;
	position: relative;
	width: 910px;
	height: 77px;
	background-color:#FFFFCC;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-left: 3px;
} 
.twoColFixRtHdr #headerButtonContainer {
	overflow: hidden;
	position: relative;
	height: 29px;
	background-color:#FFFFCC;
	margin: 0px;
	margin-left: 3px;
	padding: 0px;
} 
.twoColFixRtHdr #indexContainer {
	overflow: hidden;
	padding: 0px;
	clear: both;
} 
.twoColFixRtHdr #indexContainerPrivate {
	overflow: hidden;
	padding: 0px;
	clear: both;
	background-color: #FFFFCC;
} 
.twoColFixRtHdr #indexContainerTab {
	overflow: hidden;
	padding: 0px;
	margin-top: 10px;
	clear: both;
} 
.twoColFixRtHdr #overviewContainerTab {
	overflow: visible;
	padding: 0px;
	z-index:2;
	clear: both;
} 
.twoColFixRtHdr #photoContainerTab { /* in use */
	overflow: hidden;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	clear: both;
} 
.twoColFixRtHdr #videoContainerTab { /* in use */
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: both;
} 
.twoColFixRtHdr #infodateContainer { /* in use */
	overflow: hidden;
	padding: 0px;
	clear: both;
} 
.twoColFixRtHdr #footerContainer { /* in use */
	overflow: hidden;
	padding: 0px;
	clear: both;
} 
.twoColFixRtHdr #genericContainer { /* in use */
	overflow: hidden;
	padding: 0px;
} 


/* ======== Header-Logo Section ======== */
.twoColFixRtHdr #headerTop {
	overflow: hidden;
	position: relative;
	width: 910px;
	height: 37px;
	background-image: url(../images/slices/slice-logotop.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	color: #FF9900;
} 
.twoColFixRtHdr #keglobal, .print {
	overflow: hidden;
	position: relative;
	font-size: 18px;
	color: #CC3300;
	font-family: Georgia, "Times New Roman", Times, serif;
	display: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 10px;
	font-style: italic;
	letter-spacing: 1.2px;
	line-height:100%;
	height: auto;
} 
.twoColFixRtHdr #headerMid {
	float: right;
	overflow: hidden;
	position: relative;
	width: 778px;
	height: 40px;
	background-image: url(../images/slices/slice-logomid.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #headerMidrt {
	float: right;
	overflow: hidden;
	position: relative;
	width: 132px;
	height: 40px;
	background-image: url(../images/slices/slice-logomidrt.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 

/* ======== Header-Tab Section ======== */
.twoColFixRtHdr #tabHome1 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 95px;
	height: 29px;
	background-image: url(../images/slices/glow-home.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabHome2 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 95px;
	height: 29px;
	background-image: url(../images/slices/slice-home.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabPhotos1 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 95px;
	height: 29px;
	background-image: url(../images/slices/glow-photos.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabPhotos2 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 95px;
	height: 29px;
	background-image: url(../images/slices/slice-photos.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabVideos1 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 95px;
	height: 29px;
	background-image: url(../images/slices/glow-videos.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabVideos2 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 95px;
	height: 29px;
	background-image: url(../images/slices/slice-videos.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabInterests1 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 95px;
	height: 29px;
	background-image: url(../images/slices/glow-interests.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabInterests2 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 95px;
	height: 29px;
	background-image: url(../images/slices/slice-interests.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabArchive1 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 95px;
	height: 29px;
	background-image: url(../images/slices/glow-archive.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabArchive2 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 95px;
	height: 29px;
	background-image: url(../images/slices/slice-archive.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabPrivate1 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 95px;
	height: 29px;
	background-image: url(../images/slices/glow-private.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabPrivate2 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 95px;
	height: 29px;
	background-image: url(../images/slices/slice-private.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabBorderlogo {
	float: left;
	overflow: hidden;
	position: relative;
	width: 339px;
	height: 29px;
	background-image: url(../images/slices/border-logo.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabBorderlogo2 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 244px;
	height: 29px;
	background-image: url(../images/slices/border-logo2.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr  #tabContact1  {
	float: left;
	overflow: hidden;
	position: relative;
	width: 96px;
	height: 29px;
	background-image: url(../images/slices/glow-contact.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 
.twoColFixRtHdr #tabContact2 {
	float: left;
	overflow: hidden;
	position: relative;
	width: 96px;
	height: 29px;
	background-image: url(../images/slices/slice-contact.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
} 

/* ======== Class-specific Formats: Headers ======== */
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #subHeading {
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	border: thin solid #FFCC00;
	margin-right: 6px;
	margin-top: 2px;
	padding: 4px;
}
.twoColFixRtHdr #subHeading-Centered {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-transform: none;
	background-position: center;
	text-align: center;
	border: medium ridge #FFCC00;
	margin-top: 6px;
	margin-right: 2px;
	margin-left: 2px;
	padding: 2px;
	background-color: #CCCC99;
}

/* ======== Class-specific Formats: Content Containers ======== */
.twoColFixRtHdr #mainBody {
	background-color: #000000;
} 
.twoColFixRtHdr #mainContent {
	margin-top: 0px;
	margin-right: 240px;
	margin-bottom: 0;
	margin-left: 12px;
	background-color: #FFFFCC;
	color: #333333;
} 
.twoColFixRtHdr #mainContent1b {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 286px;
	padding-left: 8px;
	color: #333333;
	position: relative;
	z-index: 2;
} 
.twoColFixRtHdr #mainContent2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #333333;
	position: relative;
} 
.twoColFixRtHdr #mainContent3 { /* in use */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #333333;
	position: relative;
} 
.twoColFixRtHdr #mainContent3v { /* in use for videos */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #333333;
	position: relative;
} 
.twoColFixRtHdr #mainContent3b { /* in use as inner mainContent3 div with 0 margin */
	margin: 0px;
	color: #333333;
	position: relative;
} 
.twoColFixRtHdr #mainContent4 { /* used mainly to give 10px margin across right, left and bottom. Mostly used in photos pages. */
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	color: #333333;
	position: relative;
} 
.twoColFixRtHdr #mainContent4ph { /* used mainly to give 10px margin across right, left and bottom. Assigned to main Photos page. */
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #FFFFCC;
	color: #333333;
	position: relative;
} 
.twoColFixRtHdr #mainContent4a {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #FFFFCC;
	color: #333333;
	position: relative;
} 
.twoColFixRtHdr #mainContent4b {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	color: #333333;
	position: relative;
	height: 220px;
	visibility: visible;
} 
.twoColFixRtHdr #mainContent4c {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	color: #333333;
	position: relative;
} 
.twoColFixRtHdr #mainContent4d {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	color: #333333;
	position: relative;
	height: 514px;
} 
.twoColFixRtHdr #mainContent4e { /* used mainly to give 10px margin across right, left and bottom. Mostly used in photos pages. */
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	color: #333333;
	clear: both;
} 
.twoColFixRtHdr #mainContent5 { /* Content Div for comment form located at bottom of detailed photo page; notes on Photos page. */
	width: 886px;
	background-color: #FFFFCC;
	color: #333333;
	position: relative;
	margin: 0px;
} 
.twoColFixRtHdr #mainContent5ph { /* Content Div for Photos page. */
	width: 886px;
	background-color: #FFFFCC;
	color: #333333;
	position: relative;
	margin: 0px;
} 
.twoColFixRtHdr #mainContent6L {
	width: 420px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	color: #333333;
	float: left;
} 
.twoColFixRtHdr #mainContent6R {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 430px;
	color: #333333;
}

.twoColFixRtHdr #infoHoldLt {
	padding: 0px;
	margin: 0px;
	width: auto;
	height: auto;
	padding: 10px;
	float: left;
}
.twoColFixRtHdr #imageHoldContent {
	border:1px solid #996600;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	padding-right: 8px;
	padding-left: 8px;
	position: relative;
	overflow: hidden;
}
.twoColFixRtHdr #imageHoldLt {
	padding: 0px;
	margin: 0px;
	width: auto;
	height: auto;
	padding-right: 14px;
	padding-bottom: 14px;
	float: left;
}
.twoColFixRtHdr #imageHoldRt {
	padding: 0px;
	margin: 0px;
	width: auto;
	height: auto;
	padding-left: 14px;
	padding-bottom: 14px;
	float: right;
}
.twoColFixRtHdr #videoContent { /* used mainly to give 10px margin across right, left and bottom. Mostly used in photos pages. */
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	color: #333333;
	position: relative;
	height: 460px;
	overflow: visible;
} 
.twoColFixRtHdr #mainGypsies {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #FFFFCC;
	color: #333333;
	position: relative;
} 
.twoColFixRtHdr #mainGypsiesbr {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #FFFFCC;
	color: #333333;
	position: relative;
	page-break-before: always;
} 
.twoColFixRtHdr #mainContactForm {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	background-color: #FFFFCC;
	color: #333333;
	position: relative;
	width: 610px;
	visibility: visible;
} 
.twoColFixRtHdr #mainCommentForm {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	background-color: #FFFFCC;
	color: #333333;
	position: relative;
	width: 820px;
	visibility: visible;
} 

.twoColFixRtHdr #masterContainer1 {
	position:relative;
	left:0px;
	right: 0px;
	top:0px;
	width:422px;
	height:400px;
	padding-right: 0px;
	padding-left: 0px;
	bottom: 0px;
	float: left;
}
.twoColFixRtHdr #masterContainerFull {
	position:relative;
	left:0px;
	right: 0px;
	top:0px;
	width:880px;
	padding-right: 0px;
	padding-left: 0px;
	bottom: 0px;
	float: left;
	display: block;
	clear:left;
}
.twoColFixRtHdr #masterContainerFullpr, .print {
	background-color:#FFFFFF;
	overflow: visible;
	position:relative;
	width:650px;
	padding: 0px;
	float: left;
	display: none;
}
.twoColFixRtHdr #detailContainer1 {
	position:relative;
	left:20px;
	right:0px;
	top:0px;
	width:440px;
	height:400px;
	background-color: #FFFFCC;
	float: left;
}

/* ======== Class-specific Formats: Sidebars ======== */
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 212px;
	height: 520px;
	background-color: #FFFFCC;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 10px;
	padding: 0px;
	padding-right: 10px;
}
.twoColFixRtHdr #sidebar1b { /* configured as left sidebar for 4x thumbnail configuration */
	float: right; /* since this element is floated, a width must be given */
	width: 270px;
	height: 540px;
	background-color: #FFFFCC;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding: 0px;
	padding-right: 3px;
}
.twoColFixRtHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 212px;
	color: #FFFFFF;
	line-height: 130%;
	background-color: #666666;
	margin: 0px;
	margin-top: 10px;
	margin-left: 14px;
	padding: 8px;
}
.twoColFixRtHdr #sidebar3 { /* used in earlier photos 3x pages */
	float: left; /* since this element is floated, a width must be given */
	width: 220px;
	color: #FFFFFF;
	line-height: 130%;
	z-index: 2;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}
.twoColFixRtHdr #sidebar3a { /* used in individual Video pages */
	float: left; /* since this element is floated, a width must be given */
	width: 670px;
	color: #FFFFFF;
	line-height: 130%;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
}
.twoColFixRtHdr #sidebar3b { /* used in RGA Summary Details & Photos page */
	float: left; /* since this element is floated, a width must be given */
	width: 570px;
	color: #FFFFFF;
	line-height: 130%;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
}
.twoColFixRtHdr #sidebar4 { /* configured for fixed left sidebar3 of 220px wide, used on some photos pages for 3x thumbnail configuration */
	color: #000000;
	line-height: 130%;
	background-color: #FFFFCC;
	z-index: 1;
	margin: 0;
	margin-top: 10px;
	margin-left: 225px;
	padding: 0px;
}
.twoColFixRtHdr #sidebar4a { /* used in individual Video pages */
	color: #000000;
	line-height: 130%;
	margin-left: 670px;
	padding: 0px;
	padding-top: 40px;
}
.twoColFixRtHdr #sidebar4b { /* used in RGA Summary Details & Photos page */
	color: #000000;
	line-height: 130%;
	margin-left: 570px;
	padding: 0px;
	padding-top: 150px;
}
.twoColFixRtHdr #sidebar4c { /* used in RGA Summary Details & Photos page */
	position: relative;
	color: #000000;
	line-height: 130%;
	padding: 0px;
}
.twoColFixRtHdr #sidebar5 { /* in use Photos page as container for Thumbnails */
	float: left; /* since this element is floated, a width must be given */
	width: 285px;
	color: #FFFFFF;
	line-height: 130%;
	z-index: 2;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}
.twoColFixRtHdr #sidebar6 { /* configured for fixed left sidebar1b if 269px wide, used on some photos pages for 4x thumbnail configuration */
	color: #000000;
	line-height: 130%;
	background-color: #FFFFCC;
	z-index: 1;
	margin: 0px;
	margin-top: 10px;
	margin-left: 285px;
	padding: 0px;
}
.twoColFixRtHdr #sidebar7 { /* used in RGA Summary overview */
	float: right; /* since this element is floated, a width must be given */
	width: 306px;
	left: 6px;
	bottom: 10px;
	position: relative;
	color: #000000;
	background-color: #CCCCCC;
	border: thin solid #999999;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 6px;
	clear: none;
}
.twoColFixRtHdr #sidebar7a {
	float: right; /* since this element is floated, a width must be given */
	width: 306px;
	left: 6px;
	bottom: 10px;
	position: relative;
	color: #000000;
	background-color: #FFFFFF;
	border: thin solid #999999;
	margin-bottom: 15px;
	padding: 6px;
	clear: none;
}
.twoColFixRtHdr #sidebar7b {
	float: right; /* since this element is floated, a width must be given */
	width: 306px;
	position: relative;
	color: #000000;
	background-color: #CCCCCC;
	border: thin solid #999999;
	margin-left: 16px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
	clear: none;
}
.twoColFixRtHdr #sidebar8 { /* used in RGA Summary overview */
	float: right; /* since this element is floated, a width must be given */
	width: 330px;
	position: relative;
	color: #000000;
}
.twoColFixRtHdr #sidebar8b {
	float: right; /* since this element is floated, a width must be given */
	width: 345px;
	padding-top: 10px;
	position: relative;
	color: #000000;
}
.twoColFixRtHdr #sidebar8c {
	float: right; /* since this element is floated, a width must be given */
	width: 340px;
	position: relative;
	color: #000000;
	background-color: #FFFFCC;
	line-height: 90%;
}
.twoColFixRtHdr #sidebar9 {
	width: 400px;
	background: url('../images/events/events_detail.gif') no-repeat;  /*this places a colored block for detailContent element in Photos */
	margin: 0;
	margin-left: 6px;
}

/* ======== Class-specific Formats: Comment/Browser/footer ======== */
.twoColFixRtHdr #comment1 {
	width: 650px;
	position: relative;
	color: #333333;
	background-color: #FFFFCC;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
} 
.twoColFixRtHdr #browser {
	font-size:10px;
	margin-left: 8px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.twoColFixRtHdr #browser a {
	color:#CC3300;
	font-weight: normal;
}
.twoColFixRtHdr #browser a:hover {
	text-decoration: underline;
	background-color: #FFFFCC;
}
.twoColFixRtHdr #footer {
	font-size: 9px;
	color: #333333;
	border-top-style: solid;
	border-top-color: #999999;
	border-top-width: thin;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 3px;
	margin-left: 8px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/* ======== Class-specific Formats: Divs for RGA 320px width ======== */
.stageDiv1 {
	float: left; /* since this element is floated, a width must be given */
	width: 320px;
	height: 20px;
	color: #000000;
	line-height: 100%;
	position: relative;
	background-color: #FFFFCC;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	border: thin groove #FFCC00;
}
.stageDiv2 {
	float: left; /* since this element is floated, a width must be given */
	width: 320px;
	height: 26px;
	color: #000000;
	line-height: 100%;
	position: relative;
	background-color: #FFFFCC;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	border: thin groove #FFCC00;
}
.stageDiv3 {
	float: left; /* since this element is floated, a width must be given */
	width: 320px;
	color: #000000;
	position: relative;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 15px;
}
.stageDiv4 { /* used in video pages */
	float: left; /* since this element is floated, a width must be given */
	width: 220px;
	color: #000000;
	position: relative;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 15px;
}

.conclusion {
	position:relative;
	font-size:12px;
	left: 10px;
	width: 850px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-top: 10px;
	margin-bottom: 14px;
	padding-right: 10px;
	border: medium groove #FFCC00;
	padding-top: 6px;
}
.conclusion1 {
	position:relative;
	font-size:12px;
	width: 600px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-top: 10px;
	margin-bottom: 14px;
	padding-right: 10px;
	border: medium ridge #FFCC00;
}
.conclusion2 {
	position:relative;
	font-size:12px;
	left: 90px;
	width: 600px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-top: 10px;
	margin-bottom: 14px;
	padding-right: 10px;
	border: medium ridge #FFCC00;
}
.conclusion3 {
	position:relative;
	font-size:12px;
	left: 180px;
	width: 600px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-top: 10px;
	margin-bottom: 14px;
	padding-right: 10px;
	border: medium ridge #FFCC00;
}
.conclusion4 {
	position:relative;
	font-size:12px;
	left: 270px;
	width: 600px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-top: 10px;
	margin-bottom: 14px;
	padding-right: 10px;
	border: medium ridge #FFCC00;
}
.infoPage {
	position: relative;
	left:13px;
	width:200px;
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight:normal;
	text-decoration: none;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: outset;
	border-bottom-style: outset;
	border-top-color: #333333;
	border-bottom-color: #333333;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	color: #000000;
	margin-top: 4px;
}
span1 {
	font-family: Berlin Sans FB;
}

