/* Artsindex styles */

/*  Colours
Black: rgb(0,0,0)
Grey: rgb(147,149,152)
Dark grey: rgb(110,110,115)
Mid grey: rgb(124,125,128)
Light grey: #eeeeee
Orange: rgb(247,147,29)
Greyish-orange: rgb(186,136,78)
*/

/* Set-up */
body { margin:0; padding:0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:70%; color:rgb(110,110,115); }
/*p { margin: 0 0 10px 0;  line-height:1.5em;} */
p { margin: 0.1em;  margin-bottom:1em; line-height:1.5em;} 
table p { margin-bottom:0.1em; }
th { text-align:left; padding-left:10px; }
small { line-height:1.3em; }

#header { background-color:black; background-image: url(/images/artsindex_icon.gif); background-repeat:no-repeat; height:93px; background-position:center right; min-width:779px; }
#header_helpopup { background-color:black; height:93px; width:100% }
#header_pic { margin:25px 0 0 20px; }

/*#pagemain { padding:50px 70px 20px 55px; text-align:left; margin: 0 0 20px 0; }*/
#pagemain { padding:35px 20px 20px 20px; text-align:left; margin: 0 0 20px 0; }

#text { margin: 0 0 0 0; /*color:rgb(110,110,115);*/color:rgb(85, 85, 85); }
.standard #text { margin: 0 380px 0 0; }
h1 { font-size:2em; font-weight:bold; color:black; /* color:rgb(110,110,115); */ margin: 0 0 1em 0; }
h2 { font-size:1.5em; color:rgb(110,110,115); margin: 0 0 0.5em 0; }
h3 { font-size:1.3em; font-weight:bold; color:rgb(110,110,115); margin: 0 0 1.0em 0; }
h4 { font-size:1.2em; font-weight:normal; color:rgb(110,110,115); margin: 0 0 0.5em 0; }
h5 { font-size:0.9em; color:rgb(110,110,115); margin: 0 0 0.9em 0; }
h6 { font-size:1.1em; color:rgb(110,110,115); margin: 1em 0 0.5em 0; }

.intro { font-size:1.2em; color:rgb(110,110,115); font-weight:bold; }

a { color:#0066CC; text-decoration:underline; }
a:hover { color:rgb(247,147,29); text-decoration:underline; }

/*#mainmenu { font-size:10px; color:white; text-transform:uppercase; font-weight:normal; text-align:left; padding:5px 0 5px 55px; background-color:rgb(147,149,152); line-height:normal; }*/
#mainmenu { font-size:1em; color:white; text-transform:uppercase; font-weight:normal; text-align:left; padding:5px 0 5px 15px; background-color:rgb(147,149,152); line-height:normal; }
#mainmenu ul { list-style:none; padding:0; margin:0; }
#mainmenu ul li { display:inline; margin:0 4px 0 0; color:white; font-weight:bold; }
#mainmenu li a { font-weight:normal; color:white; text-decoration:none; padding:5px 5px 5px 5px; }
#mainmenu li a:hover { background-color:rgb(247,147,29); }
#mainmenu li.selected { padding:5px 5px 5px 5px; }
#top_right_mainmenu { float:right; text-align:right; display:inline; }
#mainmenu li#menu_textsize { margin-left:0px; color:rgb(80,80,80); }

#mainmenu ul li#mainmenu_right { margin-left:70px; }

#loggedinbar { font-size:10px; color:white; font-weight:normal; text-align:right; padding:5px 0 5px 25px; background-color:rgb(247,147,29); line-height:normal; }
#loggedinbar ul { list-style:none; padding:0; margin:0; }
#loggedinbar ul li { display:inline; margin:0 5px 0 0; color:white; font-weight:bold; }
#loggedinbar li a { font-weight:normal; color:white; text-decoration:none; padding:5px 10px 5px 10px; }
#loggedinbar li a:hover { background-color:rgb(0, 0, 0); }
#loggedinbar ul li#loggedinbar_right { margin-left:70px; }

#pictures {	width:360px; float:right; margin:0; padding-bottom:60px; }
#pictures a { color:rgb(110,110,115); }
#pictures a:hover { color:rgb(247,147,29); }
/*#main_pic { width:190px; height:270px; vertical-align:middle; padding:0 5px 5px 0;background-color:red; position:relative; }*/
#main_pic {	width:190px; height:270px; vertical-align:middle; padding:0 5px 5px 0; }

#random_image { text-transform:uppercase; text-align:right; margin-top:10px; }

#small_pics { width:160px; float:right; }
#small_pics table { border-collapse:collapse; margin:0; padding:0; height:270px; }
#small_pics table tr#thumb_1 td { padding-bottom:10px; }
#small_pics table tr#thumb_2 td { padding-bottom:10px; }
#small_pics table tr#thumb_3 td { padding-bottom:10px; }
#small_pics table tr#thumb_4 td { }
#small_pics table td { text-align:left; vertical-align:middle; padding:0; }

.thumbnail_text { text-align:left; text-transform:uppercase; }
.thumbnail_image { width: 70px; }

#sign_up { display:block; width: 65px; background-color:rgb(247,147,29); padding: 2px 3px 2px 3px; font-size:10px; font-weight:normal; color:white; text-transform:uppercase; text-align:center; line-height:normal; }

#template_thumbnails { width:190px; padding-bottom:40px; }
.template_image { padding: 0 0 5px 0; display:block; }

#template_thumbnails table { border-collapse:collapse; margin:0; padding:0; text-align:left; }
#template_thumbnails table tr { padding-bottom: 5px; }

.table_info { background-color:#eeeeee; margin-bottom:20px; }
.table_info h3 , .table_info th { font-size:1em; border-bottom:1px solid white; width:10em; color:white; background-color:rgb(147,149,152); vertical-align:top; text-transform:uppercase; padding:7px; }
.table_info th.table_heading { background-color:rgb(186,136,78); }
.table_info h3 { width:auto; margin:0; }
.table_info img { padding:15px; text-align:center; }
.table_info td { border-bottom:1px solid white; padding:7px; }

.fields { background-color:#eeeeee; border:1px solid rgb(110,110,115); padding:10px; margin-bottom:10px; margin-right:10px; /*width:155px;*/ width:14em; height:16em; float:left; }
.fields h2 { color:black; font-size:1.3em; }
.fields h4 { color:black; }
.fields select { font-size: x-small }
.inner { background-color:white; float:left; height:auto; width:165px }
.inner label { width:7em }
.standard fieldset { background-color:#eeeeee; border:1px solid rgb(110,110,115); padding:10px; margin-bottom:10px; margin-right:10px; }
.standard fieldset legend { color:black; font-size:1.3em; }
.standard fieldset fieldset { background-color:white; }

/*#info_box { width:100%; float:left; }*/
#info_box { float:left; }
#info_box th { background-color:rgb(247,147,29); color:black; font-weight:bold; }
/*#moreinfo_box { margin-right:380px; min-width:230px; }*/
#moreinfo_box { min-width:230px; }
#moreinfo_box table { width:auto; }
#contact_box { width:360px; float:right; }

.orange_box { /* padding:5px 15px 5px 15px; */ background-color:rgb(247,147,29); background-image: url(/images/orange_flourish.jpg); background-repeat:no-repeat; background-position:bottom right; color:black; /*margin-bottom:15px*/ }
.orange_box th { color:white; background-color:black; text-transform:uppercase; padding:10px; }
.orange_box td { padding:10px; }
.orange_box h3 { margin-bottom:0.4em; color:black; font-weight:normal; }

#footer { width:350px; margin-left:25px; padding:5px 15px 5px 15px; background-color:rgb(247,147,29); text-align:left; background-image: url(/images/orange_flourish.jpg); background-repeat:no-repeat; background-position:top right; }
#footer h3 { color:white; margin:0 0 5px 0; }
#footer p { margin:0; color:white; }
#footer a { color: white; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

label.loginform { width: 6em; float: left; text-align: right; margin-right: 1em; display: block; vertical-align: bottom; }
label.feedbackform { width: 10em; float: left; text-align: right; margin-right: 1em; display: block; vertical-align: bottom; }

a.skip { position:absolute; top:0px; left:0px; font-size:7pt; text-decoration:none; font-size:.3em; }
a.skip, a.skip:visited, a.skip:active, a.skip:hover { color:#000; }

.error { color:red; }

#bottommenu { font-size:0.9em; color:white; text-transform:uppercase; font-weight:normal; text-align:right; padding:5px 20px 5px 15px; background-color:rgb(147,149,152); line-height:normal; clear:both; }
#bottommenu ul { list-style:none; padding:0; margin:0; }
#bottommenu ul li { display:inline; margin:0 5px 0 0; color:white; font-weight:bold; }
#bottommenu li a { font-weight:normal; color:white; text-decoration:none; padding:5px 5px 5px 5px; }
#bottommenu li a:hover { background-color:rgb(247,147,29); }
#bottommenu li.selected { padding:5px 10px 5px 10px; }
#mainmenu ul li#bottom_right { margin-left:70px; }

td.row_on { background-color: #eeeeee; vertical-align: top; }
td.row_off { background-color: #ffffee; vertical-align: top; }

ul.paging { list-style:none; margin:0; padding:0; }
ul.paging li { display:inline; padding-right: 0.3em;}

#venuessearchformtest form, label, input { font-size : 1em; }
#venuessearchformtest fieldset { width : 16em; padding : 0em; float:left }
#venuessearchformtest label { position : relative; width : 11em; display : block; margin: 1em 0em 0em 0em; }
#venuessearchformtest label input { position : absolute; left : 100%; top : 0px; width : 2em; }
#venuessearchformtest select { position : absolute; left : 100%; top : 0px; width : 5em; }
#venuessearchformtest .neg_margin select { margin-left: -30px; }
#rooms { width:600px; height:12em; }
#rooms .fields { height: 10em }

div.links_page_link { display:inline; float:left; width:22em; margin-right:25px }
div.links_page_link table { width:100% }
div.links_page_link th { text-align:center; width:100%; height: 3.75em; vertical-align: middle }
div.links_page_link td { text-align:center }
div.links_page_link td.image { text-align: center; height: 120px }age { text-align: center; height: 120px }