/* ************* common ********** */
*{font-style:normal;}
body{margin:0px 0px 0px 10px;background:#fff;color:#333;height:100%;text-align:center;/* centres the page for older browsers */
font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;}
a{color:#829BB0;background:none;text-decoration:none;}
a:visited{background:none;text-decoration:none;}
a:hover{background:none;text-decoration:underline;}
a:active{background:none;text-decoration:none;}
a.button{border:none;background:#829BB0;color:#fff;cursor:pointer;font-family:Arial,sans-serif;padding:4px 5px 4px 5px;text-transform:uppercase;}
a.button:hover{text-decoration:none;}
img{border:0px;}
.fl{float:left;}
.fr{float:right;}
p{margin:5px 0px 5px 0px;padding:5px 0px 5px 0px;}
hr{/* maybe abandon this in favour of a contextual rule putting a border at the top of a paragraph? */
margin:10px 0px 10px 0px;color:#ccc;background:#ccc;padding:0px;}
.dotted{height:0px;margin:10px 0px 10px 0px;border-bottom:1px dotted #BBB;}
.pad{padding:10px;}
.light{color:#AAAAAA;}
.grey_header{color:#ccc;}
/* ************** primary layout ********* */ 
#wrapper{width:780px;height:auto;text-align:left;/* impotant! to reset the content text align left */
margin:0 auto;/* centres the page */
display:block;}
#header{width:752px;height:110px;vertical-align:bottom;}
#aq_logo{background-image:url(imgs/artelier_id.gif);float:left;position:relative;top:40px;height:70px;width:216px;}
#header_nav{/* aka sitesnav */
float:right;position:relative;top:40px;height:70px;}
#main_nav{margin-top:0px;width:170px;background:#fff;float:left;}
#contentcollumn{margin-top:0px;margin-left:10px;background:#fff;width:572px;height:170px;float:left;}
#subheader{background:#829BB0;width:572px;height:170px;float:left;}
#main_content{margin-top:10px;background:#fff;width:572px;float:left;}
/* ################## BOF newsfeed ################## */
#news_feed_holder{border-top:#BBB 1px dotted;padding:15px 0 0 0;margin:5px 0 0 0;}
.news_item{background:#FFF;padding:5px 5px 7px 5px;margin-bottom:10px;}
.news_feed_image{float:left;border:#DDD 1px solid;background:#FFF;padding:2px;margin:0 5px 0 0;}
.old_news{color:#BBB;}
.new_news{color:#333;font-weight:bold;}
/* ################## EOF heading links ################## */
/* main content area sub collumns */
#content_l{float:left;background:#E6EBEF;width:390px;font-size:12px;line-height:16px;}
#content_l_wide{float:left;background:#E6EBEF;width:572px;font-size:12px;line-height:16px;}
#content_l_block{
/*	float:none;display: block;*/
	background:#E6EBEF;width:572px;font-size:12px;line-height:16px;}
#content_l_img{float:left;background:#fff;width:390px;font-size:12px;line-height:16px;}
.content_l_class{float:left;background:#E6EBEF;width:390px;font-size:12px;line-height:16px;}
/*#content_l a{color:#688e04;text-decoration:none;}
#content_l a:visited{color:#688e04;text-decoration:none;}
#content_l a:hover{color:#688e04;text-decoration:underline;}
#content_l a:active{color:#688e04;text-decoration:none;}
*/
#content_r{float:right;width:170px;}
#content_r .info{/* contextual rule to remove the top margin from the info box when in right hand col */
margin-top:0px;}
.footer{font-size:10px;line-height:14px;background:#fff;padding:30px 0px 30px 0px;clear:both;float:none;}
.offset{position:relative;top:15px;left:20px;}
/* ************** end primary layout ********* */ 
/* ************* header sites nav ***************** */
a#sitesnav_1{background-image:url(imgs/q_a_outline.gif);background-repeat:no-repeat;display:table;float:left;}
a#sitesnav_1:hover,a#sitesnav_1:focus{background-image:url(imgs/q_a_solid.gif);background-repeat:no-repeat;display:table;float:left;}
a#sitesnav_2{background-image:url(imgs/artlaw_outline.gif);background-repeat:no-repeat;display:table;float:left;}
a#sitesnav_2:hover,a#sitesnav_1:focus{background-image:url(imgs/artlaw_solid.gif);background-repeat:no-repeat;display:table;float:left;}
a#sitesnav_3{background-image:url(imgs/artroute_outline.gif);background-repeat:no-repeat;display:table;float:left;}
a#sitesnav_3:hover,a#sitesnav_1:focus{background-image:url(imgs/artroute_solid.gif);background-repeat:no-repeat;display:table;float:left;}
a#sitesnav_4{background-image:url(imgs/artquest_outline.gif);background-repeat:no-repeat;display:table;float:left;}
a#sitesnav_4:hover,a#sitesnav_1:focus{background-image:url(imgs/artquest_solid.gif);background-repeat:no-repeat;display:table;float:left;}
/* header sites nav ends */ 
/* ******************** main navigation ****************** */ 
#navcontainer{font-size:12px;line-height:18px;}
#navcontainer ul{margin:0;padding:0;list-style-type:none;}
#navcontainer li{margin:0 0 1px 0;}
#navcontainer a{display:block;padding:1px 5px;width:160px;color:#fff;background-color:#333;text-decoration:none;}
#navcontainer a:hover{color:#fff;background-color:#829BB0;text-decoration:none;}
#navcontainer ul ul li{margin:0 0 0px 0;font-size:12px;line-height:16px;}
#navcontainer ul ul a{display:block;padding:1px 5px 1px 20px;width:145px;color:#333;background-color:#E6EBEF;text-decoration:none;}
#navcontainer ul ul a:hover{color:#829BB0;background-color:#E6EBEF;text-decoration:none;}
#navcontainer ul a#current{color:#fff;background-color:#829BB0;text-decoration:none;}
#navcontainer ul ul a#subcurrent{color:#829BB0;background-color:#E6EBEF;text-decoration:none;background-image:url(imgs/blue_arrow_hm.gif);background-repeat:no-repeat;background-position:0.4em;}
/* *************** main navigation ends ****************** */
/* *** subsubnav in article pages you are here link style ** */
#subsubcurrent{color:#333;}
#subsubcurrent a{color:#333;text-decoration:none;}
#subsubcurrent a:visited{text-decoration:none;}
#subsubcurrent a:hover{text-decoration:underline;}
#subsubcurrent a:active{text-decoration:none;}
/* ******************** Typography,links etc.. ************** */
h1{font-size:24px;font-weight:bold;line-height:27px;padding:0px;margin:0px;border:0px;}
h2{font-size:21px;font-weight:bold;line-height:27px;padding:0px;margin:0px;border:0px;}
div#main_content h2{margin-bottom:5px;float:left;display:inline;width:100%;}
h2 a{color:#829BB0;text-decoration:none;}
h2 a:visited{text-decoration:none;}
h2 a:hover{text-decoration:underline;}
h2 a:active{text-decoration:none;}
h3{font-size:12px;font-weight:bold;line-height:16px;padding:0px;margin:0px 0px 10px 0px;border:0px;}
h3 a{color:#829BB0;text-decoration:none;}
h3 a:visited{text-decoration:none;}
h3 a:hover{text-decoration:underline;}
h3 a:active{text-decoration:none;}
.white{color:#fff;}
.black{color:#333;}
.blue{color:#E6EBEF;}
.black_underline{display:block;color:#333;border-bottom:1px dotted #bbb;margin-bottom:10px;}
.inline_underline{float:left;display:inline;width:360px;border-bottom:1px dotted #bbb;margin:8px 0 8px 0;}
.profile_paragraph{margin:10px 0 15px 0;padding:0;}
.hidden{background:#829BB0;color:#829BB0;}
.grey{color:#aaa;}
.normal{font-weight:normal;}
/* *** styles for the left hand side bar search box etc *** */ 
.sidebar_l{padding:6px 6px 6px 6px;margin-top:10px;}
.searchbox{color:#fff;font-size:11px;background:#999;}
form{margin:0;padding:0;}
.input{height:14px;width:80px;display:inline;margin:0px 3px 0px 3px;}
.go{border:1px solid #fff;/*width:22px*/;color:#fff;background:#999;padding:1px;}
/* link to the advanced search page */
a.advanced_srch{color:#fff;text-decoration:none;font-size:12px;line-height:16px;}
a.advanced_srch:visited{text-decoration:none;}
a.advanced_srch:hover{text-decoration:underline;}
a.advanced_srch:active{text-decoration:none;}
.align_r{text-align:right;margin:0px;padding:0px;background-color:transparent;}
/* ****** styles the "more info boxes" ***** */ 
.info{border:1px solid #333;margin-top:10px;margin-bottom:10px;}
.info_login{border:1px solid #333;margin-top:0px;margin-bottom:10px;}
.infotitle{border-bottom:1px solid #333;padding:6px 6px 6px 6px;font-size:12px;font-weight:bold;line-height:16px;}
.infocontainer{padding:6px 6px 6px 6px;font-size:12px;line-height:16px;}
.infocontainer a{color:#829BB0;text-decoration:none;}
.infocontainer a:visited{text-decoration:none;}
.infocontainer a:hover{text-decoration:underline;}
.infocontainer a:active{text-decoration:none;}
/* ***** A - Z list link styles **** */
/* A - Z links */
ul#az{font-size:11px;font-weight:bold;/*line-height:15px;*/
margin:0px;padding:0px;white-space:nowrap;}
#az li{display:inline;list-style-type:none;}
#az a{padding:2.2px;}
#az a:link,#az a:visited{color:#829BB0;text-decoration:none;}
#az a:hover{color:#fff;background:#829BB0;text-decoration:none;}
ul#az a#azcurrent{color:#fff;background:#829BB0;text-decoration:none;}
/* ***** articles in the main content col. **** */
.article_box{background:#E6EBEF;margin-bottom:10px;font-size:12px;line-height:16px;}
.article_box p{padding-right:20%;margin:0px 0px 0px 0px;border:0px;}
.article_box a{color:#829BB0;text-decoration:none;}
.article_box a:visited{text-decoration:none;}
.article_box a:hover{text-decoration:underline;}
.article_box a:active{text-decoration:none;}
/* ** eletter box on homepage ** */
.e_letter{height:14px;width:80px;margin:0px 3px 0px 3px;}
/* **** advanced search styles **** */ 
.adv_srch{background-color:#999;color:#fff;width:auto;padding-left:85px;/*width of left column containing the label elements*/}
.adv_srch p{padding:5px 0 5px 0;}
.cssform label{float:left;font-weight:bold;margin-left:-85px;/*width of left column*/
width:75px;/*width of labels. Should be smaller than left column (85px) to create some right margin*/}
.cssform input[type="text"]{/* width of text boxes. IE6 does not understand this attribute */
width:180px;}
/*.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;}
/* *** accessibility skip nav ** */
#skip a,#skip a:hover,#skip a:visited{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
#skip a:active{position:static;width:auto;height:auto;}
/* ####### profile image viewing ########## */
#imagelist{float:left;list-style:none;padding:0 0 15px 0;margin:0;width:375px;}
/*.imagelistitem{float:left;display:inline;padding:5px;border:1px #DDD solid;background:#FFF;width:360px;margin:0 5px 10px 0;}
*/
.imagelist_left{float:left;display:inline;width:344px;}
a.imagelist_right{float:left;display:inline;width:16px;height:16px;cursor:pointer;background:url(/imgs/cross.gif);}
.listimage{float:left;display:inline;margin-right:5px;cursor:move;}
/* ####### form fields ########## */
fieldset.form_box{float:left;display:inline;border:none;width:550px;padding:15px 0 0 0;margin:5px 0 10px 0;}
fieldset.thin_form_box{float:left;display:inline;border:none;padding:10px 0 10px 0;margin-top:10px;width:360px;}
.form_label{display: block;width: 370px;font-weight:bold;}
.edit_input{width:360px;border:1px #CCC solid;padding:3px 2px 2px 2px;font-family:Arial,sans-serif;font-weight:normal;margin-bottom:15px;}
.select_input{width:366px;border:1px #CCC solid;padding:3px 2px 2px 2px;font-family:Arial,sans-serif;font-weight:normal;margin-bottom:15px;}
.textarea_input{width:360px;border:1px #CCC solid;font-size:12px;padding:3px 2px 2px 2px;font-family:Arial,sans-serif;font-weight:normal;margin-bottom:15px;}
.thin_textarea{width:353px;border:1px #CCC solid;font-size:12px;padding:3px 2px 2px 2px;font-family:Arial,sans-serif;font-weight:normal;margin-bottom:15px;}
.file_input{width:400px;}
.submit, button{border:none;background:#829BB0;color:#fff;cursor:pointer;font-family:Arial,sans-serif;padding:3px 4px 3px 4px;text-transform:uppercase;}
#profile_image_left{float:left;display:inline;width:437px}
#profile_image_right{float:left;display:inline;width:100px;height:100px;background:#FFF;padding:5px;border:1px #DDD solid;}
/* ########## YUI dialog ############## */
#myAlert.yui-panel .hd{font-size:24px;font-weight:bold;line-height:27px;height:60px;padding:5px 0px 5px 8px;margin-bottom:10px;border:none;background:#829BB0;color:#FFF;}
#myAlert textarea{width:400px;border:1px #CCC solid;font-size:12px;padding:3px 2px 2px 2px;font-family:Arial,sans-serif;font-weight:normal;height:150px;margin-bottom:0px;}
#myAlert.yui-panel .bd{overflow:hidden;border:none;font-weight:normal;line-height:17px;padding:10px;padding-right:20px;padding-top:20px;background-color:#E6EBEF;}
#myAlert.yui-panel .ft{background-color:#E6EBEF;padding:0 10px 15px 10px;text-align:left;}
#myAlert.yui-panel .default{border:none;background:#829BB0;color:#fff;cursor:pointer;font-family:Arial,sans-serif;padding:3px 4px 3px 4px;text-transform:uppercase;font-weight:200;font-size:12px;}
#myAlert.yui-panel label {font-weight: bold;}
#myAlert.yui-panel input{width:370px;border:1px solid #ccc;margin-bottom: 10px;font-family:Arial,sans-serif;font-weight: normal;}
#myAlert.yui-panel button{border:none;background:#829BB0;color:#fff;cursor:pointer;font-family:Arial,sans-serif;padding:3px 4px 3px 4px;text-transform:uppercase;font-weight:200;font-size:12px;}
#myAlert.yui-panel{border:10px solid #FFF;border-bottom:12px solid #FFF;text-align:left;}
#myAlert.yui-panel .container-close{display:none;}
/* ########## messaging ############## */
div#inbox_holder{padding:15px 0 0 0;margin:5px 0 0 0;}
ul#inboxlist{list-style:none;padding:0;margin-top:0;width:550px;background:#FFF;border:1px #DDD solid;border-top:none;}
li.inboxlistitem{margin:0;clear:right;}
div.inbox_from{float:left;width:200px;padding:5px;border-right:1px #DDD solid;clear:none;}
div.inbox_status{float:left;padding:5px;width:16px;border-right:1px #DDD solid;}
div.inbox_subject{float:left;padding:5px;width:240px;border-right:1px #DDD solid;}
div.inbox_date{float:left;padding:5px;width:50px;}
div.clearer{padding:5px;width:1px;}
/* ########## tooltips ############## */
/* CSS needed for the script */
#ajax_tooltipObj{z-index:1000000;text-align:left;}
#ajax_tooltipObj div{position:relative;}
label #ajax_tooltipObj div{position:relative;left: 100px;}
/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */
#ajax_tooltipObj .ajax_tooltip_arrow{/* Left div for the small arrow */
background-image:url(/imgs/arrow.gif);width:10px;position:absolute;left:0px;top:-6px;background-repeat:no-repeat;background-position:center left;z-index:1000005;height:21px;}
#ajax_tooltipObj .ajax_tooltip_content{border:1px solid #ccc;/* Border width */
left:10px;/* Same as border thickness */
top:-11px;position:absolute;width:200px;/* Width of tooltip content */
/* Height of tooltip content */
color:#829BB0;background:#FFFFFF;/* Background color */
padding:5px 15px 5px 20px;/* Space between border and content */
/* Font size of content */
overflow:hidden;/* Hide overflow content */
z-index:1000001;}
/*login box*/
a#login_link:hover { background: #fff;padding: 0;margin: 0;color: #829BB0;text-decoration: underline; clear: both;}
a#login_link { background: #fff;padding: 0;margin: 0;color: #829BB0;text-decoration:none; display: inline;}

#login_form .login_input, #reminder_form .login_input{border:1px #333 solid;padding:3px 2px 2px 2px;font-family:Arial,sans-serif;font-weight:normal;margin-bottom:5px;width:150px;}
/*Gallery styles*/
div#gallery_thumb_holder{float:left;display:inline;width:380px;margin:15px 0 0 0;}
.gallery_thumb{float:left;display:inline;width:49px;margin:5px 5px 10px 0;padding:3px;background:#fff;border:1px solid #ccc;}
img#no_gallery_image{border:none;}
div#image_heading{float:left;display:inline;width:360px;background:#fff;padding:5px;border:1px solid #ccc;}
img#placeholder{border:1px solid #ccc;border-top:none;}
/* Trusted User Section */
div.trusted{float:left;display:inline;width:365px;padding:6px 0px 7px 6px;}
#trusted_header{font-weight:bold;padding:0 0 5px 0px;margin:0 0 2px 3px;width:370px;}
#trusted_header a{color:#333;}
#trusted_even{background:#fff;border-bottom:2px solid #E6EBEF;}
#trusted_odd{background:#fff;border-bottom:2px solid #E6EBEF;}
#trusted_defaults{background:#829BB0;border-bottom:2px solid #E6EBEF;}
#trusted_defaults a{color:#fff;}
div#trusted_footer{border-bottom:none;padding:0 0 5px 0px;margin:10px 0 10px 0;}
.trusted_left{float:left;display:inline;width:115px;}
.trusted_right{float:left;display:inline;width:50px;font-weight:bold;}
.trusted_checkbox{float:left;display:inline;width:40px;padding:0;margin:0;}
.request_on{float:left;display:inline;border:2px solid #333;padding:0;margin:0 5px 0 0;width: 40px;}
.request_off{float:left;display:inline;border:2px solid #fff;padding:0;margin:0 5px 0 0;width: 40px;}
.request_default{float:left;display:inline;border:2px solid #829BB0;padding:0;margin:0 5px 0 0;width: 40px;}
/* Feedback */
.feedback_top{border-bottom:1px dotted #ccc;padding:0 0 10px 0;}
.feedback_bottom{padding-top:5px;width:360px;}
/* Google maps */
div#profile_map{width :370px;height:370px;padding:0;margin:0;}
div#location_left{float:left;display:inline;margin: 0;width:250px;}
div#location_left .select_input, div#location_left .edit_input, div#location_left .form_label{width:250px;}
div#location_right{float: right;width: 250px;clear: left;margin:19px 0 0 0;}
div#location_right #map{width:250px;height:300px;margin-top:2px;}
/* list stuff */
ul#search,div#content_l_wide ul,div#content_l ul{float:left;display:inline;margin:0px;padding:0px 0 10px 0;}
ul#search img,div#content_l_wide ul img,div#content_l ul img{float:left;display:inline;margin-right:10px;}
ul#search li,div#content_l_wide ul li,div#content_l ul li{width:360px;float:left;display:inline;padding:5px;background:#fff;border:1px solid #ddd;border-right:1px solid #bbb;border-bottom:1px solid #bbb;margin-bottom:7px;}
form#search_form .text_input, div#adv_search .text_input, .text_input{border:1px #333 solid;padding:3px 2px 2px 2px;font-family:Arial,sans-serif;font-weight:normal;margin-bottom:5px;width:150px;}
.option{border:1px #333 solid;padding:3px 2px 2px 2px;font-family:Arial,sans-serif;font-weight:normal;margin-bottom:5px;width:155px;}
/* Messaging */
form#messaging label{display:block;margin-bottom:9px;}
.message_input{width:370px;border:1px solid #ccc;}
span#message_result{width:350px;padding:10px;background:#fff;border:1px solid #ccc;}
/* Inbox */
ul#inbox{margin:0;padding:0;list-style:none;padding-top:10px;padding-right: 10px;}
/*ul#inbox li.inbox_item{float:left;display:inline;width:550px;background:#fff;border-left:1px solid #ccc;}
ul#inbox li.inbox_item span{float:left;display:inline;padding:5px;border:1px solid #ccc;border-left:none;border-top:none;}*/
ul#inbox span.one, td.one {	width: 18px; }

ul#inbox span.two, td.two {	width: 170px; }

ul#inbox span.three, td.three {  width: 215px; }

ul#inbox span.four, td.four {	width: 103px; }

ul#inbox table {
	border:  none;
}
	
ul#inbox td {
	color: #fff;
	background: #829BB0;
	border: 1px solid #fff;
	padding: 7px;
	margin: 0;
}

ul#inbox tr.item td {
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	padding: 7px;
	margin: 0;
}

ul#inbox li.message_heading{float:left;width:550px;background:#829BB0;color:#fff;border-left:1px solid #ccc;}
ul#inbox li.message_heading span{float:left;padding:5px;border:1px solid #ccc;border-left:none;border-top:none;}
/* view message */ 
ul#view_message{padding:0;list-style:none;}
ul#view_message li{background:#fff;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-top:none;border-left:none;}
ul#view_message li span{display:block;border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:10px;}
ul#view_message li span.profile_image {
	float:left;
	display:inline;
	border-bottom: none;
}
ul#view_message li span.profile_image img{float:left;display:inline;height:28px;margin-right:5px;}
/* reply to message */
ul#view_message li#reply{background:none;padding:0;margin-top:20px;border:none;}
/* Feedback */
div#feedback_color{background:#829BB0;height:16px;}
div#feedback_white{height:16px;margin-top:-16px;margin-right:-2px;margin-left:-2px;background:transparent;}
div#feedback_color img{margin:0px;}
/* pagination */
div.pages{float:left;display:inline;margin-bottom:20px;}
span.dead_page{float:left;display:inline;text-align:center;clear:none;background:#829BB0;color:#fff;width:30px;height:14px;margin-right:5px;}
span.link_page a{float:left;display:inline;position:relative;text-align:center;background:#fff;width:30px;clear:none;cursor:pointer;height:14px;margin-right:5px;}
span.link_page a:hover{text-decoration:none;background:#829BB0;color:#fff;}
/* Registration */
select.date{border:1px #DDD solid;padding:3px 2px 2px 2px;font-family:Arial,sans-serif;font-weight:normal;margin-bottom:15px;}

button cmsid {
	display: none;
}
cmsid {
/*	display:none;*/
	color:#f30;
	}
	
div.map_image {
	float:left;
	display:inline;
	margin-right: 10px;
}

img.bookmark, div#main_content img.bookmark{
	margin-left: 6px;
	margin-right: 0px;
	float: none;
	margin-bottom: -2px;
}
div#content_r div#navcontainer {
	margin-bottom: 10px;
}
	
label.help {
	cursor: text;
}
p.profile_info {
	float:left;
	display:inline;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
span.left_info, span.right_info {
	float:left;
	display:inline;
	width: 180px;
}

span.left_info {
	padding-right: 10px;
	color: #999;
}
ul#flags {
	padding: 0;
	width: 200px;
	list-style: none;
}
ul#flags li {
	margin-right: 5px;
	margin-bottom: 5px;
	float:left;
	display:inline;
}

ul#home_users {
	float:left;
	display:inline;
	list-style: none;
	padding: 0;
	margin: 2em 0 2em;
}
ul#home_users li {
	float:left;
	display:inline;
	width: 265px;
	margin-right: 10px;
	margin-bottom: 1em;
	border-bottom: 1px solid #ddd;
	padding-bottom: 1em;
}

.banner_text {
	float:left;
	display:inline;
	width: 552px;
	padding: 10px;
	background: #E6EBEF;
	font-size:12pt;
	line-height:1.35em;
	margin: 1em 0;
}