/* general classes */

body {

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10.5pt;

	color:#000000;

	background-color: #FFFFFF;

	background-repeat: repeat-y;

	background-position: center;

}

.top {margin-top: 0px;}

#container {

	width: 850px;

	position: relative;

	background:#FFFFFF;

	border-right-width: 5px;

	border-left-width: 5px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #CC9933;

	border-left-color: #CA9732;

	border-bottom-width: 5px;

	border-bottom-style: solid;

	border-bottom-color: #CC9933;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-bottom: 5px;

	padding-top:10px;

}

h2 {font-size: 12.5pt; font-weight: bold; border-bottom: 1px #cc9933 solid; color:#cc0000; margin-bottom: 5px; margin-top: 2em;}

h3 {font-size: 11pt; font-weight: bold; margin-bottom: 5px; color:#cc0000;}

p {line-height: 1.5em;}

.imgLeft {padding-right: 5px;}

.imgRight {padding-left: 5px;}

.right {float: right;}

a:link {color: #cc0000; text-decoration: none;}

a:visited {color: #4E009B; text-decoration: none;}





/* Footer */

#footer {border-top: 1px solid #000000; padding: 5px; clear: both; font-size: 9pt; clear: both; height: 1em;}

.alignRight {float: right; margin:0px; padding-bottom: 5px;}

.alignLeft {float: left; margin:0px; padding-bottom: 5px;}



/* Header */

#header {background: #FFFFFF; height: 100px; position: relative;}

/* logo and subtitle */

#logo {width: 244px; height: 55px; background: url(../images/logo-2.gif); position: absolute; top: 10px; left: 10px; overflow: hidden;}

#logo h1 {text-indent: -1000px; margin: 0px;}

#subtitle {width: 421px; height: 50px; background: url(../images/photos.jpg) no-repeat; position: absolute; top: 30px; right: 10px; overflow: hidden;}

#subtitle h2 {text-indent: -1000px; margin: 0px; border-bottom: none;}

#subhead {width: 350px; height: 15px; background: url(../images/logo_subtitle.gif) no-repeat; position: absolute; top: 67px; left: 10px; overflow: hidden;}

#subhead h2 {text-indent: -1000px; margin: 0px; border-bottom: none;}



/* menus */

#sideInterior {width: 1px; float: left; margin-bottom: 1px;}

#sideLeftMenu {width: 1px; padding: 10px 10px 8px; background: url(../images/blue4_side_bg.gif) no-repeat #25254a; float: left; color: #FFFFFF; font-size: 9pt; font-weight: bold; border-right: 1px #cc9933 solid; border-bottom: 1px #cc9933 solid;}

#sideLeftMenu ul {margin: 0px; padding: 0px; list-style:none; line-height: 1.1em;}

#sideLeftMenu br {line-height: 0.7em;}

#sideLeftMenu a:link, #sideLeftMenu a:visited {color: #FFFFFF; text-decoration: none;}

#sideLeftMenu a:hover, #sideLeftMenu a:active {color: #FFFFFF; text-decoration: underline;}

#sideLeftMenu hr {border: none 0; border-top: 1px solid #CC9933; height: 1px;}

ul#sub li {list-style-type: disc; margin-left: 20px; font-size: 8pt;}

#sideRoundCorners {width: 170px; height: 10px; margin: 0px -10px -5px -10px; background: url(../images/side_round_corners.png);}



#menuTopContainer {

	position: absolute;

	top: 5px;

	right: 4px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

	padding: 0px;

}

ul#menuTop {margin: 0 -2px 0 0 ; padding: 0px;}

ul#menuTop li {list-style: none; display: inline; padding: 0px 7px;}

ul#menuTop a:link, #menuTop a:visited {color: #182e63; text-decoration: none;}

ul#menuTop a:hover, #menuTop a:active {color: #182e63; text-decoration: none; border-bottom: 2px solid #ff0000;}

#menuContainer {border-bottom: #cc9933 solid 4px; position: absolute; bottom: 0px; width: 100%; margin: 0; height: 4px;}



/* front page specific */

#frontBodyContainer {background: #FFFFFF; clear: left;}

#frontBody {width: 598px; padding: 20px 15px; float: left;}

#frontBody ul {list-style:url(../images/bullet.png); line-height: 1.5em;}

#genericContainer {overflow:auto; clear:both;}

#amyGlasses {margin-bottom:10px; margin-top: 10px;}

#amyGlasses img {padding-right: 4px;}

#amyGlasses p {margin: 0px;}

#amyGlasses h2 {margin-top: 0px; margin-bottom: 5px;}

#joinFront {}

#joinFront h2 {border: none; margin: 1.5em 0px -3px 0px;}

#joinFrontList {background: url(../images/listbox_bg.gif) bottom right no-repeat #ffdd97; border: solid #cc9933 1px; padding: 0em 1em;}

#joinFrontList ul {margin-left: 20px; margin-top: 5px; margin-bottom: 5px; padding-left: 0px; list-style: url(../images/bullet2.png);}

#sideFront {width: 199px ; padding: 10px 10px 0 0; float: right; color: #000000; /*border-left: solid 1px #cc9933; border-bottom: solid 1px #cc9933;*/}

#sideFront h3 {margin-top: 1em; margin-bottom: 5px; font-size: 12pt; font-weight: bold; color:#cc0000; border-bottom: 1px #cc9933 solid; }

#bannerTextFront {width: 199px;  padding: 10px; margin: -10px -10px 10px -10px; color: #071f58; text-align: left; clear: right;}

#whitebox {background: #FFFFFF; border: #ff0000 solid 1px; color:#000000; padding: 6px;}

#whitebox p {margin: 2px 0px 0px 0px;}

/* #whitebox img {float: left; padding: 4px;} */

#whitebox h2 {color: #cc0000; border: none; margin: 5px 0px 4px 0px; font-weight: bold;}

#whitebox h3 {

	color: #cc0000;

	border: none;

	margin: 0px 0px 6px 0px;

	font-weight: bold;

	font-size: 10pt;

}

#keccButton {margin: 20px auto 20px auto; width: 170px; height: 48px; overflow:hidden;}

#keccButton h2 {display: none;}

#keccButton a {height: 48px; width: 256px; border: 0px;}

#keccButton img {border: none;}

#youtubeContainer {overflow: hidden; margin:0; float:right}

#youtubeDescription {margin-bottom: 10px; margin:0}

#youtubeDescription h3 {margin: 0px 0 5px 0; font-size: 12pt; font-weight: bold;}

#youtubeDescription a {color: #FFFFFF;}

#youtubeLink {width: 199px; margin: auto;}

#youtubeLink img {border: #ffbb30 solid 2px;}



/* body */

#BodyContainer {background: #FFFFFF; clear: left;}

#headline {border-left: 4px #cc9933 solid; padding-left: 12px; margin-top: 3em;}

#headline h2 {color: #cc0000; font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; margin: 0px; border-bottom: none;}

#headline h3 {color: #cc0000; font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; font-weight: bold; margin: 0px; margin-top: -2px;}

.subhead {color: #cc0000; font-family: Arial, Helvetica, sans-serif; font-size: 12.5pt; font-weight: bold;}

#headline p {margin: 0px;}



/* interior pages in general */

#bannerContainer {width: 199px ; padding: 10px 10px 0 0; float: right; color: #000000; /*border-left: solid 1px #cc9933; border-bottom: solid 1px #cc9933;*/}

#banner {
	width: 189px;
	height: 340px;
	overflow: hidden;
}

#bannerText {width: 199px;  padding: 10px; margin: -10px -10px 10px -10px; color: #071f58; text-align: left; clear: right;}

#bannerText h2 {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; margin: 0px; border-bottom: none; color: #071f58;}

#bannerText blockquote {margin: 10px 10px; font-size: 8pt;}

.quote {font-size: 10pt; font-family: Arial, Helvetica, sans-serif; margin: 0px; border-bottom: none; font-style:italic; font-weight: bold;}
.quoteRight {font-size: 10pt; font-family: Arial, Helvetica, sans-serif; margin: 0px; border-bottom: none; font-style:italic; font-weight: bold; float:right;}

#interiorBodyContainer {clear: left;}

#interiorBody {width: 419px; padding: 20px 15px; float: left;}

#interiorBody ul {list-style:url(../images/bullet.png); line-height: 1.5em;}

#interiorBody p {line-height: 1.5em;}

#interiorBody2 {width: 820px; padding: 20px 15px; float: right;}

#interiorBody2 ul {list-style:url(../images/bullet.png); line-height: 1.5em;}

#interiorBody2 p {line-height: 1.5em;}

#photoContainerRight {float: right; margin-left: 10px;}

#photoContainerRight img {border: #ffbb30 solid 3px;}

#photoContainerLeft {float: left; margin-right: 10px;}

#photoContainerLeft img {border: #ffbb30 solid 3px;}

#photoCaption {padding: 3px;}