*
{
	margin:				0; 
	padding:			0;
	box-sizing: 		content-box;
}

/*
colors
*/
foo#bar
{
	background-color:	#000000;		/* black */
	background-color:	#ffffff;		/* white */
	background-color:	#f0eedd;		/* cream background to site */
	background-color:	#f0f0ef;		/* pale grey main body background */
	background-color:	#4c3969;		/* purple - h1 text same as logo */
	background-color:	#a89c33;		/* gold - h2 text same as logo */
	background-color:   #4a4a4a;     	/* reduced grey/black for body copy */        
}

html 
{ 
	font-size: 			100.01%; /* IE hack */ 
	height:				100%;
}

body
{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-size:  		11px;
	text-align:			left;
	color:				#4a4a4a;     	/* reduced grey/black for body copy */
	background-color:	#f0eedd;		/* cream background to site */	
	border:				0;	
	min-height:			101%;
}


/*	STANDARD TAGS */

table
{
	/*border-collapse:	collapse;*/
}

a
{
	color:				#596d3c;		/* mid blue links hrefs */
	text-decoration:	none;
}

a:hover
{
	color:				#596d3c;		/* orange text - side menu rollover */
	text-decoration:	underline;
}

strong
{
			color:#4a4a4a;		/* GREY BLACK */
			font-weight:bold;
}



/* 
	standard formatting
	
	sizes and margins declared in EM units so that user can
	increase the text size and still preserve the structure
*/


h1
{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-size:  		20px;
	text-align:			left;
	color:				#4c3969;		/* purple - h1 text same as logo */
	margin: 0px 0 5px 0;
}


h2
{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-size:  		14px;
	text-align:			left;
	color:				#a89c33;		/* gold - h2 text same as logo */
	margin: 10px 0 10px 0;
}


h3	/* variation on h3 with adjusted margins for 'mid body copy' balance */
{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-size:  		1.1em;
	text-align:			left;
	color:				#4c3969;		/* purple - h1 text same as logo */
	margin: 10px 0 2px 0;
	line-height: 1.1em;
}
h4
{ 
	font-weight:  		bold;
	font-family:        Arial, Helvetica, Verdana, sans-serif;
	font-size:  		1.3em;
 	margin-bottom:  	0.4em;
	color:				#4c3969;		/* purple - h1 text same as logo */
}

h5			/* quote text bottom right */
{ 
	font-weight:  		bold;
	font-family:        Arial, Helvetica, Verdana, sans-serif;
	font-size:  		1.1em;
	line-height:   1.6em;
 	margin-bottom:  	0.4em;
	color:				#4c3969;		/* purple - h1 text same as logo */
}

p
{
	font-size:			1.0em;
	margin-bottom:		0.8em;
	line-height: 1.4em;
}


img
{
	border:			none;
}

ul, ol
{
	font-size:		1.0em;
	/*margin-bottom:	1.0em;*/
	padding-left:		2.0em;
}

ul li, ol li
{
	margin-bottom:		0.5em;
	margin-left: 30px;
}


ul
{
	margin-bottom:		1.0em;
}

li a
{
	color: #606060;
	text-decoration:underline;
}



.nocss
{
	display:	none;
}



/*
	table where th's are down the left and input boxes and such are in td's along the right
*/
table.formtable
{
	margin:			5px auto;
}

table.formtable th, table.formtable td
{
	padding:		5px;
	vertical-align: top;
	text-align:		left;
	font-weight:    normal;
}




div.clear
{
	font-size:		0;
	height:			0px;
	width:			0;
	overflow:		hidden;
	clear:			both;
}



/*

	outer and inner serve only to align background images and preserve the
	scrollbar for mozilla-based browsers. 

*/

div#outer
{
	text-align:		left;
	margin:			0 auto;
	width:			950px;
	min-height:		100.01%;
}

div#inner
{
	margin:auto;
	width:950px;
	background-color:	#ffffff;	
}


/*
	bottom of page links
*/
div#bottom
{
	font-size:		0.8em;
	line-height:	28px;
	height:32px;
	text-align: center;
	color:	#4a4a4a;     	/* reduced grey/black for body copy */
	clear: both;
	background-color: #ffffff;
	width:950px;
	margin-top:0px;
	padding-top:20px;

}

div#bottom a
{
	color:			#4a4a4a;     	/* reduced grey/black for body copy */
	text-decoration:none;
}
 
div#bottom a:hover
{
	color:			#4a4a4a;     	/* reduced grey/black for body copy */
	text-decoration:underline;
	
}
 

div#head
{
	height:				203px;
	background-image: url(../img/aa-header.jpg);
	background-repeat:no-repeat;
}

/* links/buttons in head */
div#head div
{
float: right;
	margin-top:  135px;
/*margin-left:320px*/
}


div#text
{
	clear:both;
}

div#pagecontent			/* Container for everything that's "content", */ 
{
	/*width:				640px;
	float:right;*/
	background-color:	#ffffff;		
	margin-top:42px;
	min-height: 550px;
}


div#main-text	
{
	width:600px;
	float:left;
	margin: 0px 10px 0px 20px;
	text-align:left;
}

div#main-text-trim	
{
	width:600px;
	float:left;
	margin: 0px 10px 0px 20px;
	text-align:left;
}


div#main-text-trim	ul li
{
	width:520px;
	margin-left:20px;
	margin-bottom:10px;
}

	

.mainimage
{
	margin-right:-33px;
}

div#left-container			/* GARY container holds SubMenu, Find Agent, Member Login on About Us page only */
{
	background-color:#ffffff;
	width: 297px;
	float:left;
	margin-top:5px;
}

div#left
{
	background-color:#ffffff;
	width: 297px;				/* GARY created discrete "left" div for more control on padding and margins */
	float:left;
	margin-top:5px;
}

div#left img
{
	margin-left:10px;
}

div#left-menu
{
	background-color:#ffffff;
	width: 297px;				/* GARY Changed 300px to 297px to align purple bg on About Us with graphics below it */
	float:left;
	padding-bottom:3px;
}

div#left-menu img
{
	margin:0px 0px 5px 15px;
}

div#news img			
{
	padding:  	         2px;
	border:					none;
	background-color:#FFFFFF;
	margin-right:        -10px;   /* puts the images the right distance from the right side of the page */
}

hr
{
	border-top: 1px solid #64567d;		
}

div#hr-fake
{
	border-top: 1px solid #64567d;
	margin-bottom:	10px
}






/*
			PURPLE LEFT HAND MENU
*/

div#left-menu div
{
	margin: 0 10px 2px 10px;
	padding: 0;	
	background-color: #64567d;
}

div#left-menu div p
{
	margin: 0;
	padding: 0;
}


div#left-menu div a,
div#left-menu div b
{
	display: block;
	background-color: #64567d;
	text-decoration: none;
	padding: 3px;
	color: #ffffff;
	font-size: 12px;
	font-face: arial;
	font-weight: bold;
	padding: 10px 0 10px 50px;
	background-image: url(../img/menustar_full.gif);
}

div#left-menu div a
{
	font-weight: normal;
}


div#left-menu div a:hover
{
	background-color: #64567d;
	text-decoration: underline;
	color: #ffffff;
}



div#left-menu div p a
{
	padding: 5px 0 5px 60px;
	background-image: none;
}




/*
	set the class of the link [a class="foo" href=""] and
	set the ASPX Body_Class="foo" to acheive the side menu highlight
*/
body.database div#left-menu div a.database,
body.recent div#left-menu div a.recent,
body.about div#left-menu div a.about,
body.about_council div#left-menu div a.about_council,
body.about_branches div#left-menu div a.about_branches,
body.about_aims div#left-menu div a.about_aims,
body.newsletters div#left-menu div a.newsletters,
body.newsletters div#left-menu div a.newsletters,
body.dtilatest div#left-menu div a.dtilatest,
body.docs div#left-menu div a.docs,
body.BIS div#left-menu div a.BIS,
body.offers div#left-menu div a.offers,
body.council div#left-menu div a.council,
body.branches div#left-menu div a.branches,
body.branches div#left-menu div a.branches,
body.advisories div#left-menu div a.advisories,
body.links div#left-menu div a.links,
body.contacts div#left-menu div a.contacts,
body.public div#left-menu div a.public
{
	background-color: #4e3d6a;
}


/*
	MEMBER LOGIN BOX ON LEFT
*/

div#memberlogin
{
	font-size: 10px;
	font-weight: bold;
	width: 257px;
	height: 155px;
	overflow: hidden;
	margin: 0 10px 5px 10px;
	padding: 0 10px;
	color: #ffffff;
	background-image: url(../img/memberlogin.png);
}

div#memberlogin a,
div#memberlogin a:active,
div#memberlogin a:visited,
div#memberlogin a:hover
{
	color: #ffffff;
}



div#memberlogin label
{
	float: right;
	margin: 5px 0;
}

div#memberlogin  #lnkMemberLoginJU
{
	width: 180px;
	margin: 10px 0 20px 0;
	float: right;
}

div#memberlogin  #txtUsername,
div#memberlogin  #txtPassword
{
	border: 1px solid #DDDDDD;
	vertical-align: top;
	height: 17px;
	vertical-align: middle;
}

div#memberlogin  #btnMemberLogin
{
	float: right;
}

div#memberlogin  #lnkMemberLoginFP
{
	margin: 10px 0 0 0;
	float: left;
}

div#memberlogin select,
div#memberlogin input
{
	border: 1px solid grey;
}


/*
	FIND AGENT BOX ON LEFT
*/
div#findagent
{
	font-size: 10px;
	font-weight: bold;
	width: 257px;
	height: 155px;
	overflow: hidden;
	margin: 0 10px 5px 10px;
	padding: 0 10px;
	color: #ffffff;
	background-image: url(../img/findagent.png);
	position: relative;
}

div#findagent span
{
	float: left;
	margin: 40px 0 0 0;
	width:200px;
	line-height:8px;
}

div#findagent a,
div#findagent a:active,
div#findagent a:visited,
div#findagent a:hover
{
	color: #ffffff;
}


div#findagent  #txtFindAgent
{
	border: 1px solid #DDDDDD;
	vertical-align: top;
	height: 15px;
}

div#findagent  #ddlFindAgent		/* GARY minor tweaks in this area to set box heights neatly */
{
	width: 190px;
	border: 1px solid #DDDDDD;
	height: 20px;
}

div#findagent  #btnFindAgent
{
	border: none;
	vertical-align: baseline;
}

div#findagent label,
div#findagent #lnkFindAgentML
{
	float: left;
	margin: 5px 0;
}


div#findagent #lnkFindAgentMA
{
	position: absolute;
	top: 40px;
	left: 210px;
	width: 60px;
	height: 110px;
}




/*
	FIND AGENT BOX ON LEFT
*/
div#memfindagent
{
	font-size: 10px;
	font-weight: bold;
	width: 255px;
	
	overflow: hidden;
	margin: 0 10px 5px 10px;
	padding: 10px 10px;
	color: #4E3D69;
	position: relative;
	border: 1px solid #4c3969;
}

div#memfindagent span
{
	float: left;
	margin: 0 0 30px 0;
	width:200px;
	line-height:8px;
}

div#memfindagent a,
div#memfindagent a:active,
div#memfindagent a:visited,
div#memfindagent a:hover
{
	color: #ffffff;
}


div#memfindagent  #txtFindAgent,
div#memfindagent  #txtFindArtiste
{
	border: 1px solid #DDDDDD;
	vertical-align: top;
	height: 15px;
}

div#memfindagent  #ddlFindAgent,		/* GARY minor tweaks in this area to set box heights neatly */
div#memfindagent  #ddlFindArtiste
{
	width: 190px;
	border: 1px solid #DDDDDD;
	height: 20px;
}

div#memfindagent  #btnFindAgent,
div#memfindagent  #btnFindAgent
{
	border: none;
	vertical-align: baseline;
}

div#memfindagent label,
div#memfindagent #lnkFindAgentML
{
	float: left;
	margin: 5px 0;
}


div#memfindagent #lnkFindAgentMA
{
	position: absolute;
	top: 0px;
	left: 210px;
	width: 60px;
	height: 90px;
	background-image: url(../img/minimap.png);
	background-repeat: no-repeat;
}




a:focus							/* GARY Stops dotted grey focus border on graphic links in IE */
{
-moz-outline-style: none;
outline-style:none;
}


/*
TABLES 			GARY Tables to control Artists lists etc */
			
table.artistlist
{
	line-height:18px;
}

table.artistlist a
{
	text-decoration:underline;
}

table.agentheader
{
	vertical-align:top;
	padding: 0px;
	margin-left: 7px;
	padding-left:20px
}

table.agentheader td ul,
table.agentheader td li
{
	vertical-align:top;
	padding: 0px;
	margin-left: 7px;
}

table.agentheader td
{
	vertical-align:top;
	padding: 0px;
	margin-left: 0px;
}

	
table.agentlist
{
	width:600px;
}				

table.artistlist td
{
	
}	


table.doclist
{
	font-size:11px;
	padding: 0px 0px 0px 0px;
}

table.doclist a
{
	text-decoration:underline;
}

table.doclist tr td ul
{
	padding-left: 50px;
}

table.doclist tr td,
table.doclist tr td ul li
{
	margin:0px;
	padding: 0px 20px 0px 0px;
}


table.newslist,
table.linkslist
{
	line-height:18px;
	width:600px;
}

table.newslist td a
{
	text-decoration:none;
	color:				#4a4a4a;     	/* reduced grey/black for body copy */
}	

table.linkslist td a
{
	text-decoration:underline;
	color:				#4a4a4a;     	/* reduced grey/black for body copy */
}

								
				
.aa-button {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #312b65), color-stop(1, #312b65));
	background:-moz-linear-gradient(top, #312b65 5%, #312b65 100%);
	background:-webkit-linear-gradient(top, #312b65 5%, #312b65 100%);
	background:-o-linear-gradient(top, #312b65 5%, #312b65 100%);
	background:-ms-linear-gradient(top, #312b65 5%, #312b65 100%);
	background:linear-gradient(to bottom, #312b65 5%, #312b65 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#312b65', endColorstr='#312b65',GradientType=0);
	background-color:#312b65;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #968248;
	display:inline-block;
	cursor:pointer;
	color:#968248;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}
.aa-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #312b65), color-stop(1, #312b65));
	background:-moz-linear-gradient(top, #312b65 5%, #312b65 100%);
	background:-webkit-linear-gradient(top, #312b65 5%, #312b65 100%);
	background:-o-linear-gradient(top, #312b65 5%, #312b65 100%);
	background:-ms-linear-gradient(top, #312b65 5%, #312b65 100%);
	background:linear-gradient(to bottom, #312b65 5%, #312b65 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#312b65', endColorstr='#312b65',GradientType=0);
	background-color:#312b65;
	color:#ffffff;
}
.aa-button:active {
	position:relative;
	top:1px;
}