/* corinabankhead.com
   font sizes set to px: p is 11px 
*/

/**********************************
 misc and layout*******************/ 
.clear { clear:both; }
.thin_clear { clear: both; height: 1px; overflow: hidden; }
.thick_clear { clear: both; height: 10px; }
.right { float: right; }
.left { float: left; }
.centred { text-align: center; }

/**********************************
 set up document*******************/ 
body { 
	padding: 0; 
	margin: 0; 
	font: 11px Century Gothic, Arial;
	line-height: 1.4em;
	background: #ccc; 
	color: #000; 
}

/* FOR CENTERING */
#horizontal {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: visible;
}
#center {
	background: inherit;
	visibility: visible;
	position: absolute;
	top: -255px;
	left: 50%;
	width: 970px;
	margin-left: -485px; /* half width */
	height: 510px; /* set by trial and error! */
	overflow: auto;
	/* border: 1px red solid; */
}
#container { 
	width: 960px;
	height: 450px;
	background: #fff;
}

#main    { height: 450px; } 
#info    { width: 200px; height: 450px; float: left; margin-right: 10px; /*border: 1px black dotted;*/ } 
#footer  { margin-top: 5px; margin-right: 3px; text-align: right; }
#footer .copyright  {width: 400px; float: right; color: #999; padding-right: 7px; }

/**********************************
 Typography    ********************/ 
p { margin: 7px 0 7px 7px; }
p a { }
p a:hover { color: #4c6A90; }

h1, h2, h3 { 
	font-size: 14px; 
	font-weight: bold; 
	padding: 0 0 7px 0;
	margin: 0;
}
h2 { font-size: 13px; }
h3 { font-size: 12px; }

/* remove dotted lines from firefox */
a:active { outline: none; }

a { text-decoration: none; border: none; color: black; background: white;}
a:hover { text-decoration: none; }

/**********************************
 logo          ********************/ 
#logo_container { width: 260px; height: 450px; float: right; }
#logo_container a, a:hover { color: white; background: white;}
#logo { width: 202px; margin: 165px auto 0 7px; }
#logo a, a:hover { color: white; background: white; }
a #logo { color: white; background: white; border: none; }
#logo_large { width: 218px; margin: 157px auto 0 5px; }
a #logo_large { color: white; background: white; border: none; }

#small_logo{
	float: left;
	height: 23px;
	width: 90px;
	padding: 5px 15px 0 0;
	overflow: hidden;
	border: 0;
}
#no_border{ border: 0px; }

/**********************************
 Menu   ***********************/
#menu {
  width: 950px;
  font-size: 12px;
  height: 23px;
  padding: 7px 0 0 0;
  margin: 0 0 0 0;
  background: #ccc;
  text-align: center;
}

#menu .item, .current_item { margin: 0 0 0 0; float: left; color: #000;  background: #ccc;}
#menu .current_item { color: #4c6A90; }
#menu .divider {width: 37px; float:left; }

a .item { color: black; background: #ccc; }
a:hover .item { color: #4c6A90; }

/**********************************
 Images ***********************/
#whole_page_image_picture { margin-left: 153px; }
a #whole_page_image_picture { color: #fff; background: #fff; border: none; }
a:hover #whole_page_image_picture { color: #fff; background: #fff; border: none; }

#main_image_picture { float: left; } 

.rollover_images { padding-left: 10px; padding-top: 7px; }
.rollover_images a img { color: #fff; background: #fff;  border: 2px solid white;}
.rollover_images a:hover img { color: #fff; background: #fff; border: 2px solid #ccc; }

.rollover_image { margin-left:10px; margin-bottom: 10px; float: left; }
.gallery_image { margin: 0; float: right; }

/**********************************
 Pagination ***********************/
.pagination_container { width: 200px; float: left; }
.pagination_links { margin-right: 20px; text-align: right; background: #ccc; }
.pagination_links a { background: #ccc; }
.pagination_links a:hover { color: #4c6A90; }
.pagination_links .disabled { color: #ccc; }