body {
	font-family: Arial, Helvetica, sans-serif;
	
	padding:0px;
	margin:0px;
}
a {color:#ffffff;}

a:link { color: #ffffff; text-decoration: none; }
a:active { color: #ffffff; text-decoration: none; }
a:visited { color: #ffffff; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

h1 {font-size:1.4em;
	font-weight:normal;
	}
h2 {font-size:1.2em;
	font-weight:normal;
	}
h3 {font-size:1.0em;
	font-weight:normal;
	}
h4 {font-size:0.8em;
	font-weight:bold;
	}

#container {
	position:relative; 
	top:15px;
	left:50px;
}

#topnavigation { position:relative; top:30px; left:0px;}

#topnavigation a{
padding-left:10px;
position:relative;
top:4px;
}

#search {position:absolute;
	top:75px;
	left:400px;}
#search input { background-color:#FFFFFF;
   border-style:none;}
#search_box {position:absolute; top:-2px; left:50px;}

#topcontent {position:relative; top:50px;left:0px;}

#leftcontent {position:relative; top:0px; left:0px; width:585px; height:140px; overflow:auto;}

#rightcontent {position:absolute; top:0px; left:600px; width:300px;}

#homeimages {position:relative; top:70px;left:0px; height:345px;}
#events {position:absolute; top:35px; left:830px; width:200px;}

#files {position: absolute; left:0px; top:0px;}

#middlecontent {position:relative; top:35px; left:-50px; height:440px; background-color:#343b88;  color:#ffffff;}
#categories {width:700px; position:relative; top:10px; left:0px;}
#categories a{
position:relative;
top:4px;
}


#middlecopy {	position:relative; 
				top:0px;
				left:50px; 
				width:600px;
				height:440px;
				overflow:auto;  padding-right:160px; }
#middlecopy2 {	position:relative; 
				top:0px;
				left:50px; 
				width:600px;
				height:440px;
				padding-right:160px; }
#artistdesc {position:relative; height:100px; width:550px; top:10px; left:0px; overflow:auto;}
#artworkdesc {position:absolute; left:700px; top:410px; width:300px;}

#searchzone {position:absolute;  width:700px; top:132px; left:650px; overflow:auto;}

#searchresults { position:relative; top:30px; left:30px; width:300px; height:150px; overflow:scroll; background-color:#7571a9;}

#bottomcontent {position:relative; top:30px;left:0px;}
#bottomcopy {position:relative; top:25px;left:0px; width:325px;}
#map {position:absolute; top:0px;left:350px;}

#csiplogo {position:absolute; top:80px;left:600px;}

.imagebox {	float:left;
			position:relative;
			margin-left:10px; 
			width:200px; 
			height:200px; 
			border: 1px solid #343B88; background-color:#FFFFFF;}
.imagecaption {position:absolute; top:205px; left:5px; color:#FFFFFF;}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}

.cellborder {border:1px solid #343b88;}

.topnavigation  {	
background-image:url(images/furniture/topnav.gif);	
font-size:1.2em;
	width:144px;
	height:26px;
	position:relative;
	float:left;
	margin-right:10px;
	}
.topnavigationact  {	
background-image:url(images/furniture/topnavact.gif);	
font-size:1.2em;
	width:144px;
	height:26px;
	position:relative;
	float:left;
	margin-right:10px;
	}
	
.categories  {	
background-image:url(images/furniture/cat.gif);	
font-size:1.2em;
	width:144px;
	height:26px;
	text-align:center;
	position:relative;
	float:left;
	margin-right:10px;
	}
.categoriesact  {	
background-image:url(images/furniture/catact.gif);	
font-size:1.2em;
	width:144px;
	height:26px;
	text-align:center;
	position:relative;
	float:left;
	margin-right:10px;
	}
.categoriesactlink:link {color:#343B88;}
.categoriesactlink:active {color:#343B88;}
.categoriesactlink:visited {color:#343B88;}
.categoriesactlink:hover {color:#343B88;}
.bluelink {color:#343B88;}

.bluelink:link { color: #343B88; text-decoration: none; }
.bluelink:active { color: #343B88; text-decoration: none; }
.bluelink:visited { color: #343B88; text-decoration: none; }
.bluelink:hover { color: #000000; text-decoration: underline; }

.blacklink:link { color: #000000; text-decoration: underline; }
.blacklink:active { color: #000000; text-decoration: underline; }
.blacklink:visited { color: #000000; text-decoration: underline; }
.blacklink:hover { color: #000000; text-decoration: none; }
.search_text { width:210px; position:relative;	}

.pink {
color:#BD787E;
}
.white {
color:#ffffff;
}
.blue {
color:#343B88;
}
.purple {
color:#662D91;
}
.redlink:link {color:#FF0000;}
.redlink:active {color:#FF0000;}
.redlink:visited {color:#FF0000;}
.redlink:hover {color:#FF0000;}

.imgdown {position:relative; top:5px;}
.accessibility:link { font-size:12px; color:#0C2576; text-decoration:none;}
.accessibility:active { font-size:12px; color:#0C2576; text-decoration:none;}
.accessibility:visited { font-size:12px; color:#0C2576; text-decoration:none;}
.accessibility:hover { font-size:12px; color:#0C2576;  text-decoration:underline;}



/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 1000px; /* Set to gallery width, in px or percentage */
height: 100px; /* Set to gallery height */
background-color:#FFFFff;
vertical-align:middle;
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
vertical-align:middle;
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */