/* main stylesheet for The Lenkiewicz Foundation website */

body{
	text-align: center;
	font-size: 100%;
	/*background-image: url(../images/browser_bg1.gif);
	background-repeat: no-repeat;*/
	background-color: #cccccc;

}

img {
	border:none; 
}

#outer {
/*background-color: #ffffff;*/
background-image: url(../images/bg_outer.gif);
background-repeat: repeat;
width: 760px;
text-align: left;
color: #666666;
font-size: 0.8em;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 1.3em;
margin: 10px auto;

}

#header {
background-color: #f1f1f1;

}

/* This holds the logo and the banner */
#top_content_holder {
}

/* I want to be able to change the colour of the background colour here as well as having an image sometimes. */

#logo {
background-color: #000000;
height: 200px;
width: 180px;
float: left;
}


/* this is a fix for IE 6 so that the 3pixels dont appear */

/*
* html #logo {
  margin-right: -3px;
  }
*/

#banner {
background-color: #cdcdcd;
float:left;
}

/* this is to prevent the image to add extra pixels at the bottom "to make room for the text decenders" */
div#banner img{
display:block;
}



/* this is a fix for IE 6 so that the 3pixels dont appear */

/*
* html #banner {
  margin-right: 0px;
  }
*/

#top_bar {
background-color: #e3e3e3;
height: 30px;
}

#top_bar_left {
background-color: #f1f1f1;
height: 30px;
width: 180px;
float: left;
}

#top_bar_right {
background-color: #e3e3e3;
/*height: 30px;*/
float: left;
width: 550px;
}

.topbar {
text-align: right;
margin-top: 5px;
font-weight: bold;
/*font-size: 0.78em;*/

}

a.topbar {
text-decoration: none;
font-size: 0.78em;
}

a.topbar:hover {
color: #000000;	
}


#content_holder {
background-color: #f1f1f1;	

}

#content_left {
background-color: #ffffff;

width: 180px;
float: left;
}

#menu {
margin-left: 10px;
margin-right: 10px;

}

#content_right {
background-color: #f1f1f1;

width: 580px;
float: left;
}

#content_top {
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
/*background-color: #cccccc;
height: 100px;*/
}

.content_text {
/*margin: 20px;*/
}

#content_mid_col {
background-color: #f1f1f1;
margin: 15px;
padding-right: 10px;
float: left;
width: 390px;
border-right: 1px solid #cccccc;

}

#content_right_col {
background-color: #f1f1f1;
float: left;
width: 130px;
margin-top: 15px;
/*margin-right: 5px;*/

}

/*This is the first column in the 3 column layout */
#content_mid_column1 {
width: 175px;
float: left;
border-right: 1px solid #cccccc;
padding-right: 15px;
}

/*This is the second column in the 3 column layout */
#content_mid_column2 {
width: 175px;
float: left;
margin-left: 15px;
}

/*This is the div which holds the image and text as per the "Exhibitions" page */
#image_and_text_holder {
width: 350px;
}

/*This is the class which holds the image and text as per the "Exhibitions" page */
.image_and_text_container {
width: 350px;
}



}

#image_holder {
width: 120px;
float: left;
margin-top: 15px;
}

.image_holder {
width: 120px;
float: left;
margin-top: 15px;
margin-bottom: 10px;
}

/*This is the class which holds the image and text when the txt is wrapping around the image as per the new "Exhibitions" page layout */
.text_holder_wrap {
margin-top: 15px;
margin-bottom: 10px;
}


#text_holder {
width: 215px;
float: left;
margin-left: 15px;
}

.text_holder{
width: 215px;
float: left;
margin-left: 15px;
margin-top: 15px;

}

.text_holder p{
margin-top: 0; padding-top: 0;
}



#footer {
background-color: #f1f1f1;
clear: both;
height: 30px;
border-top: 1px solid #cccccc;


}

#footer_left {
background-color: #e3e3e3;
width: 180px;
/*font-size: 0.78em;*/
float: left;
height: 30px;

}

#footer_right {
float: left;
width: 550px;

}

.footer_text {
font-size: 0.78em;
margin-left: 10px;
margin-top: 5px;

}


.menu_class {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
}

a.menu_class {
	font-size: 0.9em;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    color: #666666;
    font-weight: bold;    
}

a.menu_class:hover {
	color: #000000;
}

/* style for the main headings */
.h1_orange {
color: #fc6d09;
font-weight: bold;
}

.h1_blue {
color: #3f489e;
font-weight: bold;
}

.h1_green{
color: #236e61;
font-weight: bold;
}

.h1_darkblue {
color: #261787;
font-weight: bold;
}

.h1_red {
color: #96011c;
font-weight: bold;
}

/* Style for the subheadings */
.h2_red {
color: #96011c;
font-weight: bold;
font-size: 0.9em;
}

.h2_orange {
color: #fc6d09;
font-weight: bold;
font-size: 0.9em;
}


.h2_blue {
color: #3f489e;
font-weight: bold;
font-size: 0.9em;
}

.h2_green{
color: #236e61;
font-weight: bold;
font-size: 0.9em;
}

.h2_darkblue {
color: #261787;
font-weight: bold;
font-size: 0.9em;
}

/*
li.orange {
	color: #fc6d09;
	margin-left: -2em;
}
*/

a {
text-decoration: underline;
color: #666666;
}

a:hover{
color: #000000;
}

.text_bold {
font-weight: bold;
font-size: 0.9em;
}

.text_italics {
font-style: italic;
font-size: 0.94em;
}

/* these two styles are for text links that are orange and bold */
a.h2_orange_links {
color: #fc6d09;
font-weight: bold;
font-size: 0.9em;
}

a.h2_orange_links:hover {
color: #000000;
font-weight: bold;
font-size: 0.9em;
}

/* Used on the pop up windows from the Collection Page showing the larger image */
.collection_popup_text{
font-weight: bold;
font-size: 0.9em;
margin: 1em;
font-family: verdana, arial, helvetica, sans-serif;
color: #000000;
}

.picture_caption {
font-size: 0.74em;
line-height: 1.1em;
font-style: italic;
margin-top: 0; padding-top: 0;
}




/* For the forms */
.form_label {
float: left;
width: 150px;
margin-top: 10px;
font-size: 0.8em;
}


.form_field {
float: left;
width: 200px;
margin-top: 10px;
border: 1px solid #CCCCCC; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#666666; 
font-size: 0.8em; 
padding: 5px;
}

.radio_buttons {
float: left; 
padding-left: 20px;
font-size: 0.8em;
}

.tickbox_text {

font-size: 0.8em;
}

/* Styles applied to selected menu items */

div#index a.active {
color: #96011c;
}

div#exhibitions a.active {
color: #236e61;
}

div#events a.active {
color: #3f489e;
}

div#archive a.active {
color: #96011c;
}

div#about a.active {
color: #fc6d09;
}

div#resources a.active {
color: #3f489e;
}

div#friends a.active {
color: #fc6d09;
}

div#publications a.active {
color: #96011c;
}

div#robert a.active {
color: #fc6d09;
}

div#contact a.active {
color: #96011c;
}

div#copyright a.active {
color: #fc6d09;
}

div#review a.active {
color: #3f489e;
}



.error { color: #F00;}


/*this is for the new exhibition page where ithe text is wrapped around the images */
.img_holder_float_left { 
    float: left; 
    margin-right: 10px;
    margin-top: 5px;
}