body {
	background-color:#FFFFFF;
	color:#000000;
	font-size:1em;
	width:100%;
	height:100%;
	overflow:hidden;
	
	//background: url("./images/coopers_sky.jpg") no-repeat center center fixed;
    	-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    	background-size: cover;
}

h1, h2 {
	margin-top:0px;
}

#carousel_div {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}


#top_panel {
   color:#FFFFFF;
   background-color:#000000;

   position:absolute;
   top:0px;
   left:0px;
   height:1.55cm;
   width:100%;
   
    box-sizing: border-box;
    margin:0px;
    padding:0px;
    
    margin-top:1.0cm;
    margin-bottom:1.0cm;
    
    box-shadow: 10px 10px 5px #888888;
}

#title_bar {
	padding:0.125cm;
	font-weight:normal;
	box-sizing: border-box;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	line-height:1.5cm;
	height:1.5cm;
	padding-left:0.25cm;
	padding-right:0.25cm;
	
	margin-bottom:0.125cm;
}

.title_span {
	font-family:Bradley Hand;
	font-weight:bold;
	font-size:350%;
	vertical-align:baseline;
	margin-left:0.25cm;
}


.nav_span {
	font-size:125%;
	font-weight:lighter;
	box-sizing: border-box;
	margin:0px;
	padding:0px;
	margin-right:0.5cm;
	margin-left:40px;
	float:right;
	vertical-align:baseline;
	
	-webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}

.nav_span:hover {
	cursor:pointer;
}

.art_sub_type {
	font-size:150%;
	font-weight:lighter;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.art_sub_type:hover {
	cursor:pointer;
}

.topic {
	position:absolute;
	top:3.25cm;
	left:0px;
	width:100%;
	
	box-sizing: border-box;
	display:none;
	margin-top:0.25cm;
	
	height:calc(100% - 4.75cm);
}

.topic_content {
	position:absolute;
	top:0px;
	left:0px;
	
	border-left:1px solid #808080;
	margin-left:200px;
	padding-left:20px;
	height:100%;
	width:calc(100% - 250px);
}

.topic_inner_content {
	position:absolute;
	top:0.5cm;
	left:0.5cm;
	opacity:0.9;
	color:#000000;
	display:block;
	box-sizing: border-box;
	padding:0.25cm;
	min-width:75%;
	min-height:75%;
}

.topic_info {
	position:absolute;
	top:620px;
	left:340px;
}


.contact {
	font-size:125%;
}

.topic_menu {
	float:left;
	padding-left:20px;
	margin-top:0.25cm;
}


#art_menu {
}

#carousel_outer_div {
}

#bottom_panel {
	position:absolute;
      box-sizing: border-box;
	height:0.5cm;
	width:100%;
	bottom:0px;
	left:0px;
	border-top:1px solid #808080;
	margin:0px;
	padding:0px;
	padding-left:0.25cm;
	padding-right:0.25cm;
	background-color:#ffffff;
}

#copyright_bar {
	font-style:italic;
	font-size:80%;
	box-sizing: border-box;
	float:right;
	margin:0px;
	padding:0px;
	padding-right:0.125cm;
}

.main_img {
	height:736px;
	box-sizing: border-box;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sue {
	border:1px solid black;
	width:3cm;
}