/* 

Modifications:

- 13/01/2010 - Lines 254 - 267, Michael
- 13/01/2010 - Lines 140-160, Kasia
- 14/01/2010 - Line 151 & 165, Kasia
- 19/02/2010 - Line 584 , 117, Kasia
- 08/03/2010 - Line 643, Kasia

*/


* {
	padding: 0;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 0;
	margin-left: 0;
	text-align: left;
}
img { border: none; }
/* html { height: 100%; background: url(../images/bg.png) url(../images/bg.png); } */
/* html { height: 100%; background: url(../images/bkgrnd_tile.gif) url(../images/bkgrnd_tile.gif); } */

/*
Logo

THE
R = 156, G = 157, B = 159

BUILDING
R = 153, G = 214, B = 70
#9c9d9f

CENTRE
R = 88, G = 88, B = 90
#58585a


BUILDING    #99d646  
Dark Grey   #58585a 
Grey        #9c9d9f 

Galleries   #fab900
Events      #f47900
Conference  #dc3138
Research    #8c6cb9
Resources   #008697
Bookshop    #acaa00
Cafe        #0054a4

cite        #eeeedd

home images
170 x 128
*/

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px; /* from 16px change fernando */
	color: #707271;
	background-color: #cecfd0;
    /* background-image: url('../images/bg.png'); */
    /* background-image: url('../images/bkgrnd_tile.gif'); */
}

/* body { font: 100%/1.5 verdana, arial, helvetica, sans-serif; text-align: center; } */
/* body { font: 100%/1.5 "Lucida Sans Unicode",serif; text-align: center; } */
/* body {font: normal 62.5% "Lucida Sans Unicode",sans-serif; text-align: center;} */

#wrapper 
{
    overflow/**/:/**/hidden; 
    height: 1%; 
    width: 760px; 
    margin: 10px auto; 
    padding: 0px; 
    background: #fff; 
    text-align: left; 
	}
    
#content 
{
    margin: 0 0 10px 10px; 
    padding: 10px; 
    background: #fafafa; } /* added to change template for index page */

#content_wrapper
{
    width: 100%; /* adjusted from 200 to 205 */
    float: left; 

	}	
    
#content-1 
{
    width: 220px; /* adjusted from 200 to 205 */
    float: left; 
    padding-top: 15px; 
    padding-left: 2px; /* introduced margin */
    margin-bottom: 10px; 
    background: #fff; 
	} /* #fafafa; */
    
#content-1 p 
{
    margin: 0 10px 1.5em 10px; }
    
#content-2 
{
	/*margin: 0 10px 10px 225px; /* adjusted from 210 to 215 */
	width:513px;
	float:right;
	/* padding: 10px;  */
    padding-top: 15px;
	padding-right: 15px;
	background: #fff;
	padding-left: 10px;
	} 

#content-3 /* home page */ 
{
    margin: 0 10px 10px 255px; /* adjusted from 210 to 215 */
    /* padding: 10px;  */
    padding-top: 5px;
    /* margin: 0 10px 10px 15px; */
    /* width: 350px; */
    /* padding: 10px;  */
    /* padding-top: 15px; */
    background: #fff; } 
	
	
#content-4 
{
    /*margin: 0 10px 10px 225px; /* adjusted from 210 to 215 */
	width:500px;
	float:left;
    /* padding: 10px;  */
    padding-top: 15px;
    padding-left: 20px;
    background: #fff; 
	} 
	
	#text_event_right {
	text-align: left;
	float: right;
	width: 342px;
	height: 140px;
	padding-left: 3px;
}
#text_news_right {
	text-align: left;
	float: right;
	width: 342px;
	height: 120px;
	padding-left: 3px;
}
#wrapper_text_image {
	width:500px;
	height: 145px;
	margin-right: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#wrapper_news_image {
	width:500px;
	height: 125px;
	margin-right: 15px;
	padding-right: 5px;
	padding-bottom: 3px;
}
#image_left_event {
	float: left;
	/* height:125px; width: 150px */
	
}	
    
h1 { margin: 0 0 10px 10px; }
h1 img { display: block; }
h2 {font-size: 18px; margin-bottom: 6px; font-family: arial, helvetica, sans-serif;}
h3 {font-size: 14px; margin-bottom: 8px; font-family: arial, helvetica, sans-serif;}
h3.contact {font-size: 14px; margin-bottom: 1px; font-family: arial, helvetica, sans-serif;}
h4 {font-size: 12px; margin-bottom: 2px; font-family: arial, helvetica, sans-serif;}

p { margin-bottom: .75em; font-size: .75em; }
p.date { margin-bottom: 0.5em; font-size: .75em; }
p.contactdetails { margin-bottom: 1.5em; font-size: .70em; line-height :1.45em; }
p.clearimage { margin-bottom: 1.5em; font-size: .75em; clear:both ; }
p.specifinder { margin-bottom: 0.0em; font-size: .75em; }
p.breadcrumb { margin-bottom: .75em; font-size: 10px; }
p.jobtitle { margin-bottom: 0.5em; font-size: 14px; }
p.clear { clear:right;}
p.header { margin-bottom: 0.0em; font-size: 14px; }
p.gallerytitle { margin-bottom: .35em; font-size: 12px; }
p.siteseal {margin-right: 10px; }
p.error {font-size: 12px; font-family: arial, helvetica, sans-serif; color:#FF0000; }

/* default */
#navlist{padding-left: 0; margin-left: 10px; border-bottom: 1px dashed #ccc; width: 180px; font-size: 11px;}
#navlist li{list-style: none; margin: 0; padding: 0.25em; border-top: 1px dashed #ccc;}
#navlist ul li a{text-decoration: none; color: #999;} /* ? */
/* #navlist li a:hover {color: #999; }  */
#navlist ul li a#current{color: red; } 
#navlist a:link{color: #666; text-decoration: none; }
#navlist a:visited{color: #666; text-decoration: none; }

/* home */
#home a{color:#666; text-decoration: none;} 

/* contact */
#contact h2{color:#a4a2a0;} 
#contact a{color:#666; text-decoration: none;} 
#contact a:hover {color: #a4a2a0; }
#contact li a:hover {color: #a4a2a0; }
#contact ul li a#current{color: #a4a2a0; }

/* =galleries */
/* #galleries h2, h3, h4 {color:#fab900;}  grouping doesn't work*/
#galleries h2{color:#fab900;} 
#galleries a{color:#666; text-decoration: none;} 
#galleries a:hover {color: #fab900; }
#galleries li a:hover {color: #fab900; }
#galleries ul li a#current{color: #fab900; }

/* =events */
#events h2 {color:#f47900;}
/* #events a{color:#666; text-decoration: underline;} */
#events a{color:#666; text-decoration: none;}
#events a:hover{color:#f47900;} 
#events li a:hover {color: #f47900; } /* color sub nav, also tabnav, need to seperate the two */ 
#events ul li a#current{color: #f47900; }

/* #f47c00 */

/* =resources */
#resources h2 {color: #008697;}
#resources a{color: #666; text-decoration:none;}
/* #resources p.breadcrumb{color: #008697;} */
#resources a:hover{color:#008697;}
#resources li a:hover {color: #008697; }
#resources ul li a#current{color: #008697; }

/* =research*/
#research h2{color:#8c6cb9;}
#research a{color:#8c6cb9; text-decoration:none;}
#research a:hover{color:#8c6cb9;}
#research li a:hover {color: #8c6cb9; text-decoration:none }
#research ul li a#current{color: #8c6cb9; }

/* =conference */
#conference h2{color:#dc3138;}
#conference a{color: #666; text-decoration: none;}
#conference a:hover{color:#dc3138;}
#conference li a:hover {color: #dc3138; }
#conference ul li a#current{color: #dc3138 }

/* =bookshop */
#bookshop h2{color:#acaa00;}
#bookshop a{color:#666; text-decoration:none;}
#bookshop a:hover{color:#acaa00;}
#bookshop li a:hover {color: #acaa00; }
#bookshop ul li a#current{color: #acaa00 }

/* =cafe */
#cafe h2{color:#0054a4;}
#cafe a{color:#0054a4; text-decoration:none;}
#cafe a:hover{color:#0054a4;}
#cafe li a:hover {color: #0054a4; }
#cafe ul li a#current{color: #0054a4 }

/* HORIZONTAL NAVIGATION tabs */

#container{
	width: 800px;
	padding: 0px;
	border: 0px solid #ccc;
	/* border: 1px solid #ccc; */
	background: #fff;		}

#tabnav{
    height: 25px;
	margin: 0;
	padding-left: 15px;
	padding-bottom:10px;
	background: url(../images/tab_bottom.gif) repeat-x bottom;}

#tabnav li{
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;}
	
#tabnav a:link, #tabnav a:visited{
	float: left;
	background: #f3f3f3;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	/* font-weight: bold; */
	/* padding: 2px 10px 2px 10px; */
	padding: 3px 14px 3px 13px;
	margin-right: 3px; 
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;}

#tabnav a:link.active, #tabnav a:visited.active{
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;}

#tabnav a:hover{
		background: #fff;}
		
/* end of tabs */	
 
#tabnav .home a:hover { background: #a4a2a0; color: #fff; }
#tabnav .home a#current2{background: #a4a2a0; color: #fff}

#tabnav .galleries a:hover { background: #fab900; color: #fff; }
#tabnav .galleries a#current2{background: #fab900; color: #fff}

#tabnav .event a:hover { background: #f47c00; color: #fff; }
#tabnav .event a#current2{background: #f47c00; color: #fff}

#tabnav .resources a:hover { background: #008697; color: #fff; }
#tabnav .resources a#current2{background: #008697; color: #fff}

#tabnav .research a:hover { background: #8c6cb9; color: #fff; }
#tabnav .research a#current2{background: #8c6cb9; color: #fff}

#tabnav .conference a:hover { background: #dc3100; color: #fff; } 
#tabnav .conference a#current2{background: #dc3100; color: #fff}

#tabnav .bookshop a:hover { background: #acaa00; color: #fff; }
#tabnav .bookshop a#current2{background: #acaa00; color: #fff}

#tabnav .cafe a:hover { background: #0054a4; color: #fff; }
#tabnav .cafe a#current2{background: #0054a4; color: #fff}

#tabnav .contact a:hover { background: #a4a2a0; color: #fff; }
#tabnav .contact a#current2{background: #a4a2a0; color: #fff}

/* Beginning CSS */
.content {
	float: none; /* width: 538px;  */
} 
.content .item {	
	padding: 6px 12px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
}
.content .item2 {
    float:left;
	width: 340px;
	padding: 6px 12px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
}
.content .item3 {
	float:right;
	width: 340px;
	padding: 6px 12px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
}

/* line under h2 */
hr {
    border: none 0;
    text-align: center;
    border-top: 1px solid #ccc; /* the border */
    margin-bottom: 10px; /* added to create space under line */
    width: 100%;
    height: 1px; /* whatever the total width of the border-top and border-bottom equal */
}

hr.hr_home {
    border: none 0;
    text-align: center;
    border-top: 3px solid #ccc; /* the border */
    margin-top: 5px;
    margin-bottom: 5px; /* added to create space under line */
    width: 95%;
    height: 0; /* whatever the total width of the border-top and border-bottom equal */
}

/* footer */
hr.footerline 
{
    clear: both;
    border: none 0;
    text-align: center;
    border-top: 1px solid #ccc; /* the border */
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 5px; /* added to create space under line */
    width: 97%;
    height: 1px; /* whatever the total width of the border-top and border-bottom equal */
}

/* =footer */
#siteinfo 
{
    clear: both; /* stops <hr> from appearing directly under content-2 (this happens if text is shorter than left column */
    margin: 0; 
    color: #666; 
    background: #fff; 
    text-align: left; /* change to centre align */ 
    margin-left :10px;
	margin-right:10px;
    margin-bottom: 5px;
    /* text-indent: 0.25cm;  */
    /* font-size: 8px; */
    font-size: .70em;
    line-height: 2; }
	
	
#footer_wrapper{
	width: 750px;
	padding-left:10px;
}	
    
/* line under date */
hr.eventdate {
    border: none 0;
    text-align: center;
    border-top: 1px solid #ccc; /* the border */
    margin-bottom: 0px; /* added to create space under line */
    width: 70%;
}

/* effects the horizontal nav */
ul 
{
    margin-left: 24px; 
    margin-bottom: 24px; 
    font-size: 11px; 
    line-height: 160%
    }

/*
ul 
{
    margin-left: 1.5em; 
    margin-bottom: 1.5em; 
    font-size: .75em; 
    line-height: 160%
    }
*/

/* used for diplaying sql queries */
.box{
    font-family: "courier new";
    font-size: 12px;
    margin: 10px;
    padding: 10px;
    border: 1px solid #000;
    background: #ccc
}

.adrotator_header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	width: 710px;
	padding: 10px;
	background: #99d646;/* background: #a4a2a0, #a7c62f */
	margin-right: 0;
	margin-bottom: 0;
}

.adrotator_text{
	font-family: arial, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 1px;
	padding: 5px;
	background-color: #cecfd0;
	width: 220px;
	float: none;
	text-align: left;
	height: 280px;
	}
	
/* used for containing box elemets, an event */
/* .content-2 .item */
.item{
	padding: 6px 12px;
	border: 1px solid #EEE;
	background: #FFF;	
	margin-bottom: 8px;
}

.item_conference{
	padding: 8px 6px;
	border: 1px solid #EEE;
	background: #FFF;	
	margin-bottom: 8px;
}

.itemfooter
{
	padding: 6px 12px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
}

.itemheader
{
	/* padding: 6px 12px; */
	border: 0px solid #EEE;
	padding: 10px 10px 0;
	background: #FFF;
	margin-top: 0;
	/* margin-bottom: 8px; padding used in table no longer required */
}

/* IMAGES */
.image_header {
	float:right;
	/* margin: 4px 25px 5px 10px; */
	/*margin-top: 1px;*/
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
		}
.image_float {
	float:left;
	margin: 4px 25px 5px 10px;
	}
/* used for logo far left */
image_float_left {
	float:left;
	margin: 10px 25px 5px 10px; 
	}	
.image_right {
	float:right;
	margin: 10px 15px 5px 0; 
	}
.image_float_right {
	float:right;
	margin: 0 10px 10px 10px;
	border: 1px none #ccc;
	}
.image_event {
	float:left;
	border: 1px solid #ccc;
	margin-top: 4px;
	margin-right: 25px;
	margin-bottom: 42px;
	margin-left: 0px;
	}
.image_float_event {
	float:left;
	margin: 4px 25px 5px 10px;
	}
.image_float_home {
	float:left;
	margin: 0 10px 0 12px;
	}
.image_float_galleries {
	float:left;
	margin: 4px 10px 5px 5px; 
	}
.image_float_conference {
	float:left;
	margin: 4px 15px 5px 5px; /* N, E, S, W */
	}	
.image_advert {
	float:left;
	margin: 5px 0 0 10px;
	}
.image_home {
	border: 0px solid #ccc; padding-right:5px;
	}
	
/* END OF IMAGES */

p.indent {
    margin-left: 815px;
    /* margin: 4px 15px 5px 555px;  */
    }
/* taken from socrates */
#header {
	background-image: url(../images/logo-colour.gif) ;
	background-repeat: no-repeat ;
	padding: 50px 0 0 0 ;
	/* background-image: url(discover_details_files/header_b.gif) ; */
	/* background-image: url(../images/header_b.gif) ; */
	/* background-image: url(../images/header_building_centre.jpg) ; */
	/* background-image: url(../images/logo_buildingcentre_p36.gif) ; */	
}
/* end of socrates */

/* QUOTE */
cite {
	background: url(../images/research/start_quote_rb.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 12px "Lucida Sans Unicode",serif;	
	background-color: #eeeedd;
	/* padding :10px; */
	padding-top: 10px;
	padding-left: 28px;
	padding-bottom :10px;
	/* background: url(../images/research/end_quote_rb.gif) no-repeat; */
}

/*
cite {
	background: url(images/quote000.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}
*/

/* TABLES */	
table#gner{
	font-size: 11px;
	COLOR: #666;
	font-family: verdana, sans-serif;
	padding: 0;
	margin-bottom: 10px;
	overflow: hidden;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 0px;
	text-align: left;
	left: auto;
	border-color:#FFFFFF;
}
table#login{ 
    font-size: 11px; COLOR: #666; 
    font-family: verdana, sans-serif;
    margin: 5px; 
    padding: 0;
    margin-bottom: 10px; 
}

table#gner td {
	/* padding: 3px; border-style: solid;  */
    padding: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;    /* background-color: #e7ebf0; */
}
table#login td { 
    /* padding: 3px; border-style: solid;  */
    padding: 5px; 
    /* background-color: #e7ebf0; */
}
.even {
    background-color: #ddf1f9;
}
.odd {
    background-color: #e0ebeb;
    /* color: #000; */
    /* text-align: center; */
}
.centre {
    text-align: center;
}

table#reports{ 
    font-size: 11px; COLOR: #666; 
    font-family: verdana, sans-serif;
    margin: 5px; padding: 0;
    margin-bottom: 10px; 
}
table#reports td { 
    /* padding: 3px; border-style: solid;  */
    padding: 5px; border-style:solid;
    border-width: 0px; 
    /* background-color: #e7ebf0; */
}
.even {
    background-color: #ddf1f9;
}
.odd {
    background-color: #e0ebeb;
    /* color: #000; */
    /* text-align: center; */
}
.centre {
    text-align: center;
}

table.home {
    border-collapse: separate;
    border-spacing: 10px;
    margin: 5px; 
    padding: 0; 
    margin-bottom: 10px; 
}               
td.home{ 
    padding: 3px; 
    border-style: solid; 
    border-width: 1px; 
    background-color: #f3f3f3; /*#F0F0F0; #e7ebf0; */

    /*
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 18px;
    padding-right: 10px;
    */
}
table.homepage {
    border-collapse: separate;
    border-spacing: 10px;
    margin: 5px; 
    padding: 0; 
    margin-bottom: 5px; 
}               
td.homepage{ 
    padding: 0px; 
    /*
    border-style: solid; 
    border-width: 1px; 
    */    
/* background-color: #f3f3f3; /*#F0F0F0; #e7ebf0; */ */

    /*
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 18px;
    padding-right: 10px;
    */
}
table.galleries {
    border-collapse: separate;
    border-spacing: 5px;
    margin: 0; 
    padding: 0; 
    margin-bottom: 10px; 
}               
td.galleries{ 
    padding: 3px; 
    border-style: solid; 
    border-width: 1px; 
    background-color: #f3f3f3; /*#F0F0F0; #e7ebf0; */

    /*
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 18px;
    padding-right: 10px;
    */
}
/* END OF TABLES */




/* forms */
form {
	margin: 0;
	padding: 0;
	}
	
/* input, select, textarea , button {	 */
input, select, textarea , button {
	/* font: 0.75em Arial, Helvetica, sans-serif; */
	
	}
input.button , button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background:#EEEEEE;
	border:#CCCCCC solid 1px;
	width: 60px;
	height:25px;
	cursor:pointer;
	padding-left:13px;
	}
input.formbutton {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background:#EEEEEE;
	border:#CCCCCC solid 1px;
	width: 60px;
	height:25px;
	cursor:pointer;
	}
table.form {
	}
table.form th {
	text-align: left ;
	font-weight: normal ; 
	font-style: normal ;
	padding: 4px 1px ;
	white-space: nowrap ;
	}
table.form th.header {
	font-weight: bold ;
	padding: 3px 10px 3px 10px ;
	}
table.form td {
	padding: 4px 1px ;
	}

/*
table.form .formnotes {
	padding: 2px 4px ;
	}
table.form input.medium {
	width: 300px ;
	}
table.form input.small {
	width: 150px ;
	}
table.form input.tiny {
	width: 75px ;
	}
*/
	
.cssform p{
width: 300px;
/* clear: left; */
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/*
form#two {background:#dee; width:470px; padding:10px; border:1px solid #000; margin:0 auto;}
form#two fieldset {width:450px; display:block; border:1px solid #fff; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#two fieldset#personal {background:transparent url(cssplay/crutch.gif) no-repeat 400px 10px;}
form#two fieldset#medical {background:transparent url(cssplay/sling.gif) no-repeat 400px 10px;}
form#two fieldset#current {background:transparent url(cssplay/cold.gif) no-repeat 390px 10px;}
* html form#two fieldset#personal, * html form#two fieldset#report {background-position:400px 20px;}
* html form#two fieldset#current {background-position:390px 20px;}
form#two fieldset#opt {background:#dee;}
form#two legend {font-family:georgia, sans-serif; font-size:76%; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; width:254px; background:#fff url(cssplay/form.gif) repeat-x center left;}
form#two label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em;}
form#two input {border:1px solid #fff; background:#fff url(cssplay/form.gif) repeat-x top left; padding-left:0.5em; margin-bottom:0.6em;}
form#two select {margin-left:0.5em;}
form#two textarea {width:410px; height:15em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff url(cssplay/form.gif) repeat-x bottom left;}
form#two option {background:#788; color:#fff;}
form#two optgroup {background:#abb; color:#000; font-family:georgia, serif;}
form#two optgroup option {background:#9aa; color:#fff;}
form#two #button1, form#two #button2 {color:#c00; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}
form#two #button1:hover, form#two #button2:hover {background-position:center left; color:#000;}
*/

.top_banner{

	/*width:630px;
	padding-top:20px;
	padding-bottom:20px;
	float:left;*/
	
	overflow/**/:/**/hidden; 
    height: 1%; 
    width: 760px; 
    margin: 10px auto; 
    padding: 0px; 
	padding-top: 10px;
    background: #fff; 
    text-align: left;

}


.top_bannerLeft{
/*width:200px;*/
	width:170px;
	float:left
	}
	
.top_bannerRight{
/*width:380px;*/
	width:400px;
	float:right;
	
}	

.CheckoutButton{
	margin-right: 10px;
}


.loginButton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background:#EEEEEE;
	border:#CCCCCC solid 1px;
	width: 60px;
	height:25px;
	cursor:pointer;
	text-align:center;
	
}

.loginButton:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	background:#666666;
	border:#ffffff solid 1px;
	width: 60px;
	height:25px;
	cursor:pointer;
	text-align:center;
	}

.facebook-icon{
	text-align:right;
	padding-right: 20px;
	float:right;
}

.twitter-icon{
	padding-right: 5px;
	float:right;
}

.rss-icon{
	padding-right: 5px;
	float:right;
}

.sf_search{
	margin-right:10px;
	float:right;
}

.book_online{
font-size:1.5em;

}