html, body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
	  
html 
{
    font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
    line-height: 140%;    
    color: #000225;
}

html {height:100%;}
body {height:100%; margin:0; padding:0;}
body {
	color:black;
	background-color: white;	
	text-align:center;
    background: url(../siteimages/background.png) repeat left top;
}

p{margin:0 10px 10px 0}

a, a:visited {
    color: #000225;
    text-decoration:none;
    border-bottom:dotted 1px #000225;;
}

/* Navigation setup */
#nav {
	margin:0 0 0 10px;
	padding:0;
	background-color: white;	
	color:black;
    OLDbackground: url(../siteimages/navigation.png) repeat-x right top;
	height:32px;
	float:left;
}

#nav li {
	display:inline;
	padding:0;
	margin:0;
}


#nav a
{
    display:block;color: #000000;
    padding:8px 8px 3px 8px;
    border-bottom: solid 0px;
}
#nav a:link,
#nav a:visited {
	color:#000000;
	float:left;
	width:auto;
	text-decoration:none;
	font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-transform:uppercase;
}

#nav a:hover {
	color:black;
	background-color: #ffffff;	
    border-bottom:solid 5px #CF142B;
}

#nav a:active {
	color:white;
	background-color: #CF142B;	
}

#nav_selected a {
	color:#000000;
    border-bottom:solid 5px #2f4695;
}

#nav_selected a:hover {
	color:black;
	background-color: white;	
    border-bottom:solid 5px #2f4695;
}

#page_content {position:relative; z-index:2;}

/* Content elements */
h1,h2,h3,h4,h5,h6 {
	color: #eded00;
	text-decoration: none;
	margin: 0 0 5px 0;
    font-weight: bold;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

h1, h1 a, h1 a:visited {
    font-size: 120%;
    color: #000225;
}

h2, h2 a, h2 a:visited {
    font-size: 110%;
    color: #000225;
}

h3, h3 a, h3 a:visited {
    font-size: 100%;
    color: #000225;
}

h4, h4 a, h4 a:visited {
    font-size: 90%;
    color: #000225;
}

h5, h5 a, h5 a:visited {
    font-size: 80%;
    color: #000225;
}



div#top-banner {
	height:98px;
	margin:0;
	OLDbackground: url(../siteimages/top-banner-background.png) repeat left top;	
	z-index: 3;
}

div#top-logo {
	height:98px;
	margin:0;
	background: url(../siteimages/top-banner-logo.png) no-repeat left top;	
}

div#header {
	height:30px;
	margin:0 0 5px 0;
	padding:0px;

}

div#container{
	text-align:left;
	z-index: 3;
	}


div#logos{
	margin:0;
}

div#main_banner{
	width:750px;
	margin:0 0 5px 0;
}

div#footer{
	background: #CF142B;
	color: #FFF;
	text-align: right;
	}


div#container{
	width:950px;
	margin:10px auto;
    border: solid 5px #eeeeee;
	background-color: white;
}

div#wrapper{
	float:right;
	width:750px;
}

div#left_column{
	background: #ffffff;
	width:370px;
	margin:0 5px 10px 0;
	float:left;	
    padding:0 0 10px 0;
}

div#right_column{
	background: #ffffff;
	width:370px;
	margin:0 0 10px 5px;
	float:right;
    padding:0 0 10px 0;
}

div#narrow_main_column{
	background: #ffffff;
	float:left;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	min-height: 100px;
	width:530px;
}

div#narrow_right_column{
	background: #ffffff;
	float:right;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	min-height: 100px;
	width:170px;
}

div#main_column{
	background: #ffffff;
	float:left;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	min-height: 100px;
	clear:both;
	width:730px;
}

div#extra_column{
	float:left;
	margin: 10px 0px 10px 0px;
	min-height: 100px;
	clear:both;
	width:730px;
}

div#side_navigation{
	float:left; 
	width:200px;
}


div#footer{
	clear:left;
	width:100%
}


#leroc-logo {
	margin:0 0 3px 0;
	padding:0;
	background: url(../siteimages/leroc-logo.png) no-repeat left top;
	float:left;
	width:101px;
	height:101px;
}


#accordion {
}

.toggler {
	color: #222;
	margin: 0 5px 1px 0;
	padding: 10px;
	background: #ccc;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}
 
.element {
 	background: #666;
	margin: 0 5px 1px 0;
	padding: 5px;
}

.toggleElementLeft {
	margin:5px 0px 5px 5px;
	clear:none;
}

.toggleElement {
	float:left;
	margin:5px 10px 5px 5px;
	min-height: 30px;
	clear:none;
}


.heading {
	display: block;
	text-transform:uppercase;
	text-align: left;
	margin: 0;
	background-color: #ffffff;
	height:30px;
	border-top: solid 5px #000225;
	
}
.heading * {
	display: inline;
	padding: 4px;
	user-select: none;
	cursor: pointer;
	vertical-align: middle;
	text-transform:uppercase;
}
.heading li.active {
	background-color: #cc3333;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-opera-border-radius: 3px;
	-moz-border-radius: 3px;
}
#panes {
	text-align: justify;
	border-style: none;
	width: 370px;
	margin: 0 auto 10px auto;
	min-height:40px;
	background-color: #ffffff;
}

#panes div div { overflow: hidden; }

#previous { float: none; cursor: pointer; }
#next { float: none; cursor: pointer; }

.tab-block {
	background-color: #ffffff;
}

.text-heading {
	display: block;
	text-transform:uppercase;
	text-align: left;
	margin: 0;
	background-color: #ffffff;
	height:30px;
	border-top: solid 5px #000225;
    padding-top:4px;
}

.text-block, .text-block-narrow {
	background: #ffffff;
	float:left;
	margin:0px 0px 20px 0px;
	min-height: 30px;
	clear:both;
	width:100%;
}

.text-block-narrow 
{
	width:350px;
    padding:5px 10px 0 10px;
}

.spaced_header
{
    margin:20px 0px 10px 0px;
}

.crew-photo
{
    float:left;
    clear:none;
    margin:0px 10px 10px 0px;
}
/* Tag cloud elements */
.cloud-block {
	background: #333;
	float:left;
	padding: 0px;
	margin: 0px;
	min-height: 30px;
	width:100%;
	clear:both;
}

.cloud_wrapper, .cloud_wrapper_wide {
	margin: 0px 0 10px 0;
	padding: 0px 0 10px 0;
	clear: both;
	background: url(../siteimages/tagcloud.png) repeat left top;	
    min-height:50px;
    width:350px;
}

.cloud_wrapper_wide {
	margin: 0px;
	padding: 10px 0 10px 0;
    width:100%;
}    

.tag_cloud_xx_small,.tag_cloud_x_small,.tag_cloud_small,.tag_cloud_medium,.tag_cloud_large,.tag_cloud_x_large,.tag_cloud_xx_large 
{
    font: small "Lucida Grande", Verdana, Arial, sans-serif;
    color: #ffffff;
    margin:5px 10px 5px 0px;
}

.tag_cloud_xx_small
{
    font-size: 70%;
}

.tag_cloud_x_small
{
    font-size: 80%;
}

.tag_cloud_small
{
    font-size: 90%;
}

.tag_cloud_medium
{
    font-size: 100%;
}

.tag_cloud_large
{
    font-size: 120%;
}

.tag_cloud_x_large
{
    font-size: 140%;
}

.tag_cloud_xx_large 
{
    font-size: 160%;
}

/* Setup to add a close button to the banner image. Uses on photo pages */

#contentElement1 {
    /* set height to 0 to have the image start off hidden */
	OLDheight:0px;
	margin:0 auto;
	overflow:hidden;
}

#button1 {
	float:right;
	cursor:pointer;
	text-align:center;
	z-index:100;
	top:-24px;
	left:12px;
	position:relative;
	margin:0;
	padding:0;
    height:0;
}
.button1_{
}
#button1{

}

#myGallery {
width: 730px !important;
height: 550px !important;
}


/* Photo Gallery items */
.photo-thumbnail {
	padding: 0px 2px 0px 8px;
	margin: 0px;
	width:170px;
	height:220px;
    float: left;
}
.photo-thumbnail a:link{
	color: #7B7B6B;
	text-decoration: none;
}
.photo-thumbnail a:visited{
	color: #7B7B6B;
	text-decoration: none;
}
.photo-thumbnail a:hover{
	text-decoration: none;
	color: #D4D1B9;
}
.photo-thumbnail p{
	margin-top: 2px;
	margin-bottom: 2px;
	padding-bottom: 6px;
	padding-top: 2px;
	font-size: 11px;
	margin-right: 6px;
}
.photo-thumbnail img{
	margin-bottom: 4px;
	margin-right: 4px;
	border: 2px solid #C26C1F;
	vertical-align: top;
	margin-top: 2px;
	float: left;
}

#colorchooser
{
	border: 2px solid #yellow;
	background: #000;
    margin:5px;
    padding:5px;    
    min-height:40px;
    min-width:40px;
}

.classic
{
	border: 2px solid #white;
	background: #000;
    height:20px;
    width:20px;
}

.white
{
	border: 2px solid #black;
	background: #fff;
    height:20px;
    width:20px;
}

#bullet_list {
	margin:0;
	padding:0;
	background-color: white;	
	color:black;
	float:left;
}

#bullet_list li {
    text-decoration: none;
    text-indent: 5px;
    list-style-type: circle;
    list-style-position: inside;
    margin: 2px;
}