/*
 * Corporate Colours 
 */
.AMColour, .AMColour td {  background: #D55C19; } /* Orange */
.AAColour {  background: black; }
.APNColour {  background: #FDD44F; } /* Yellow; was Purple (626A8F) */
.HSColour {  background: #022D36; } /* Dark Blue; was Burgundy (881122) */
.KBColour {  background: #F17C0E; } /* Orange; was Green (339900) */
.ARTColour {  background: #BA1433; } /* Red; was Blue (004563) */
.LAAColour {  background: #B9D300; } /* Fluoro Green; was Green (4F6D5E) */

/*
 * Layout Styles 
 */
body
{
	font-family: verdana, arial, helvetica, sans-serif;
	background: #eed6a5 url(/images/background.gif) repeat;
	margin:0px;
	text-align: center;
}
#page
{
  text-align: left;
  margin:0px auto;
}
#leftshadow
{
  width: 9px;
  background:  url(/images/back_left_shdw.png) repeat-y;
}
#pagecontent
{
  margin:0px;
  padding:0px;
  /* background: lime; */
}
#rightshadow
{
  width: 10px;
  background:  url(/images/back_right_shdw.png) repeat-y;
}
#botleftshadow
{
  width: 9px;
  height: 10px;
  background:  url(/images/back_botleft_shdw.png) no-repeat;
}
#bottomshadow
{
  height: 10px;
  background:  url(/images/back_bottom_shdw.png) repeat-x;
}
#botrightshadow
{
  width: 10px;
  height: 10px;
  background:  url(/images/back_botright_shdw.png) no-repeat;
  
}

#AMcontent
{
  background: #d55c19;
	color:#ffffff;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:11px;
	width:780px;
	margin-top:0px;
	/* position:absolute; */
	z-index: 1;
}
.header
{
  padding-left: 5px;
  /* background: lime; */
}
#leftcolumn
{
  padding-left: 5px;
  padding-bottom: 20px;
  width: 160px;
  /* background: lime; */
}
#leftcolumn td, #leftcolumn b
{
  color: #F5F1E7;
}
.partner {
  margin: 30px 0px;
}
.partnerdesc {
  padding-top: 5px;
  font-size: 0.7em;
}
.content
{
  background: #F5F1E7;
}
.covers td
{
  padding: 8px;
}

/*
 * Basic Tag Redefinition 
 */

	
img { border: 0px; }

p, td, body
{
		font-family: arial, helvetica, verdana, sans-serif ;
		font-size: 11px;
		color: black;
}

p, td
{
		text-align: left;
}
	
a:link, a:active, a:visited 
{
 	color: black;
 	text-decoration:underline;
}

a:hover 
{
 	color: black;
 	text-decoration:underline;
 }

form, input, select, textarea 
{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size:11px;
	color:black;
	text-align: left;
}


#leftcolumn a, #leftcolumn a:link, #leftcolumn a:active, #leftcolumn a:visited, #leftcolumn a:hover
{
	text-decoration:none;
  color: #f6f0de;
}

#leftcolumn a:hover
{
	text-decoration:underline;
}

.pagelast img, .page img, .cover img
{
  border: 1px lightgrey solid;
}

.pagelast img
{
  position: relative;
  left: 1px;
}

.pageleft img 
{
  border-left: 1px lightgrey solid;
  border-right: none;
  border-top: 1px lightgrey solid;
  border-bottom: 1px lightgrey solid;
}
.pageright img 
{
  border-left: none;
  border-right: 1px lightgrey solid;
  border-top: 1px lightgrey solid;
  border-bottom: 1px lightgrey solid;
}
td.pageleft
{
  padding-left:1px;
  /* background: lime; */
}
/*
td.pageright 
{
  padding-right:2px;
  background: red;
}
*/
/*
 * END OF TAG REDIFINITIONS
 *
 *
 * START DEFAULT CLASSES - These are classes that are used to conform layout
 * and text for all the Architecture Media Site.  Such things as menu
 * text and default spacing of body text should be placed here.
 * 
 * To customise colours for the individual template sites (AA, APN, etc)
 * edit the relevant *.css file in DIRECTOR: /styles/
 * this will overwrite the defaults where properties are the same, or add
 * to it.
 */

ul.dot {
	/* list-style: url('/images/dot.gif');
*/
	margin: 0 0 0 15px;
	list-style-position: outside;
	padding: 2px;
}
ul.dot2 {
	/* list-style: url('/images/dot2.gif'); */
	margin: 0px;
	list-style-position: outside;
	padding: 2px;
	margin-left: 15px
}
	
.ArticleTitle 
{
	font-size: 22px;
	padding: 10px 0px;
}

.ArticleCredit 
{
	font-size: 11px;
	line-height: 180%;
	padding-bottom: 10px;
}
.ArticleHeading 
{
	font-size: 14px; 
	font-weight:bold;
	padding-bottom: 10px;
}
.ItemHeading 
{
	font-weight: bold; 
	font-size: 13px; 
	line-height: 200%
}
.ItemBold 
{
	font-weight: bold; 
	font-size: 11px; 
	line-height: 125%
}
.ItemBody 
{ 
	font-size: 11px; 
	line-height: 160% 
}
.ImageCaption
{
	font-size: 10px; 
	line-height: 125%
}
.ContentType
{
	font-weight:bold;
	color:#666666;
	font-size:12px;
}

/* Top bar CSS */
#navbox {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
}
#sitemenu {
	margin:0px;
	padding:0px;
	width:780px;
	height:30px;
	/* background:orange; */
}
#Logo {
	/*position:absolute;*/
	width:780px;
	height:30px;
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9 {
	position:absolute;
	height:30px;
	background-color:#333333;
	padding-left:5px;
	z-index: 2;
}

.topmenu
{
padding:0;margin:0;
}

#menu1 { width: 76px; }
#menu2 { width: 79px; }
#menu3 { width: 56px; }
#menu4 { width: 56px; }
#menu5 { width: 61px; }
#menu6 { width: 78px; }
#menu7 { width: 75px; }
#menu8 { width: 57px; }
#menu9 { width: 1px; }

#submenu1, #submenu2, #submenu3, #submenu4, #submenu5, #submenu6, #submenu7, #submenu8, #submenu9 {
	position:absolute;
	width:80px;
	line-height:1.0em;
	background-color:#333333;
	padding-left:5px;
	visibility:hidden;
	z-index: 4;
}
#submenu4, #submenu7 {
	width:90px;
}
#submenu9 {
	width:69px;
}

.submenu,.topmenu,a.topmenu:link,a.topmenu:visited,a.topmenu:active,a.topmenu:hover,a.submenu:link,a.submenu:visited,a.submenu:active,a.submenu:hover  {
	text-decoration:none;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
}
.submenu,a.submenu:link,a.submenu:visited,a.submenu:active,a.submenu:hover  {
  /* background-color:navy; */
  display: block;
  padding-bottom: 0.5em;
}
a.submenutitle:link,a.submenutitle:visited,a.submenutitle:active,a.submenutitle:hover,a.submenutitle, .submenutitle {
	font-weight:bold;
	line-height:1.0em;
	color:darkgray;
}
.submenuindent {
	padding-left:10px;
}
a.topmenu:hover {
	color:#ff853b;
}
.corporate,a.corporate:link,a.corporate:visited,a.corporate:active,a.corporate:hover {
	color:darkgray;
}
a.topmenucorporate:hover {
	color:#ff853b;
}
a.submenu:hover {
	text-decoration:underline;
}

div#db {
  padding-bottom:2em;
}
div#db div.searchHeading {
  text-transform: uppercase;
}