/*

COLOURS

BACKGROUNDS:
Body: #999999 (Mid Grey)
Menu: #E6E6E6 (Light Grey)
Content: white
Selected Menu: #00AEEF (Unlandscaped Blue) was #ED1C24 (Unbuilt Red)

FONTS:
Menu Items: #00AEEF (Unlandscaped Blue) was #ED1C24 (Unbuilt Red)

*/

html, #container, body, table.frame { height: 100%; } /* This is for Safari on Mac */

body, input, select, td {
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	color: black; margin: 0px; 
}

body {
	background: #999 url(/images/aa/background.gif) repeat;
	text-align: center;
}
#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;
  
}

a.url { white-space: nowrap; }
img { 
  border: 0px;
  padding: 0px;
  margin: 0px;
}
a:link, a:active, a:visited {
  text-decoration: none; 
  color: #666666;
}
a:hover { color: #999999; }
.articlelist a {
  display: block;
  margin-bottom: 0.8em;
}
#content a { text-decoration: none; color: #999;}
#content a:hover { color: #CCC; }
.highlight { color: #999; }
h1, h2, h3 {
  color: #666;
  margin-bottom: 0px; 
  font-weight:normal; 
  text-transform: uppercase;
}
.gap {
  margin-bottom: 4px; 
}
h1 { 
  font-size: 16px; 
}
h2, h3 { 
  margin-top: 1.5em; 
  font-size: 12px; 
}
.heading { 
  margin-top: 20px; 
}

.projectstate h4 {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #666666;
}

p { 
  margin-top: 0px;
  margin-bottom: 10px;
}

table, tr, td {
  /* border: 0px; */
  padding: 0px;
  margin: 0px;
}

#page { 
  margin: auto; 
  padding: 0px; 
}
#container { 
  width: 700px; 
  height: 100%; 
  background: #E6E6E6; 
  margin: auto; 
  padding: 0px;
  text-align: left; 
}
#AMcontent { 
  background: #E6E6E6; 
}

/* menu related CSS */
#leftmenu, #leftmenuhead, #leftmenufoot {
  background-color: #E6E6E6; 
}
#leftmenumast {
  background-color: black;
  border-right: 1px solid white;
  text-align: center;
  vertical-align: middle;
  height: 30px;
}
#leftmenumast img {
  /* display: block; */
  border: none;
}
#leftmenuhead, #contenthead { 
  height: 130px;
}
#leftmenu { 
  width: 185px; 
  margin: 0px; 
  padding: 0px; 
  padding-bottom: 100px; 
  float: left; 
  vertical-align: top; 
  text-align: center;
}
#leftmenufoot { 
  text-align: left;
  padding-bottom: 20px;
  padding-left: 10px;
}

#leftmenu ul { list-style: none; margin: 0px; padding: 3px; 
         text-align: left; font-size: 11px; font-weight: normal;}
#leftmenu li { padding: 3px 8px; }
#leftmenu img.logo { 
  padding: 20px 10px;
  padding-top: 0px;
  margin-top: 28px;
  margin-bottom: 30px;
  /* background: orange; */
}
#leftmenu a { display: block; margin: 0px; line-height: 15px; color: black;}
#leftmenu a:hover { color: #00AEEF; }

#home #Mhome, #about #Mabout, #awards #Mawards, #contact #Mcontact,
#judge #Mjudge, #media #Mmedia, #partners #Mpartners,
#presentation #Mpresentation, #registration #Mregistration,
#sp #Msp, #timeline #Mtimeline, #results #Mresults,
#entry #Mentry { /* background: #00AEEF; */ }

#home #Mhome a, #about #Mabout a, #awards #Mawards a, #contact #Mcontact a,
#judge #Mjudge a, #media #Mmedia a, #partners #Mpartners a,
#presentation #Mpresentation a, #registration #Mregistration a,
#sp #Msp a, #timeline #Mtimeline a, #results #Mresults a,
#entry #Mentry a { color: #00AEEF; }

#related { 
  /* text-align: center; */
  /* background: lime; */
  margin: 10px; 
}

#logo { margin: 5px auto;}

#sponsors { color: black; text-align: left; width: 90%; margin: 20px auto; }
#sponsors div { margin-bottom: 10px; }

/* main content div */

#content, #contenthead, #contentfoot {
  background: white; 
}

#contenthead { 
  text-align: left;
  padding: 10px;
  /* background: lime; */
}
#contentmast {
  background-color: #333333;
  text-align: center;
  vertical-align: middle;
}

#leftmenuhead { 
  padding-top: 11px;
}

#contenthead { 
  padding-top: 20px;
}

#content {
  padding: 5px 10px 5px 10px; 
  float: left; 
  vertical-align: top; 
  width: 500px; 
  background: white;
  height: 100%;
} 

#contentfoot { 
  text-align: left; 
  padding: 0px 10px 20px 10px; 
}

/* timeline CSS */
table { padding: 0px; margin: 0px; }
.timeleft  { border-bottom: 1px solid gray; width: 60%; }
.timeright { border-bottom: 1px solid gray;	width: 40%; }

.grey { color: gray; background: white; }

th { 
  text-align: left;
  font-weight:normal; 
}
.regosubsection { border-bottom: 1px solid black; padding-top: 10px; }
.style4 { color: #666666; font-weight: bold; }
.style7 { color: #666666 }
.message { color: #666666; margin:15px 0px; }

/* Results Awards List */
.sponsors, .excellencesponsor {
  margin-bottom: 15px;
}
table.awardlist { 
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
/*  text-align: centered; 
  margin: auto; */
}
.awardlist .awardimage { 
  text-align: center;
  vertical-align: middle;
  /*background:orange; */
  margin-right: 30px; 
  width: 130px;
  height: 130px;
  border: 1px solid #aaa;
  padding: 0px;
}
.awardlist td.awardname { 
  /*background:yellow; */
  padding-left: 20px; 
}
.sponsored, .awardlist .sponsor {
  color: #666666;
  text-align: right;
  font-size: 11px;
  /* ackground:yellow; */
}
/* Sequences of images */
.gallery { 
  text-align:left; 
}
.gallery .item { 
  float:left; 
  margin-right: 0px; 
  margin-bottom: 10px; 
}

.gallery img { 
  margin-bottom:5px; 
}
/* Commendations */
.commendations .gallery .item { 
  margin-right: 30px; 
  width: 205px;
}
.commendations .gallery td.image { 
  height: 210px;
  vertical-align: bottom;
}
.commendations .gallery td.text { 
  height: 80px; 
  vertical-align: top;
}
/* Short List */
.shortlist .gallery .item { 
  font-size: 8pt;
  margin-right: 10px; 
  width: 125px;
}
.shortlist .gallery img { margin-bottom:0px; }
.shortlist .gallery td.image { 
  /*background: yellow;*/
  height: 90px;
  width: 130px;
  padding: 0px;
  text-align: left;
  vertical-align: middle;
  /* border: 1px solid #aaa; */
}
.shortlist .gallery td.text { 
  height: 12em; 
  vertical-align: top;
}
.winners, .commendations, .shortlist { 
  clear: both;
}

.breadcrumbs, .eventlinks {
  margin-bottom: 10px;
}

.breadcrumbs {
  margin-top: 7px;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.sponsors td {
  text-align: right;
}
.copy {
  min-height: 450px;
}
span.awardname { 
  color: black;
}
a:hover span.awardname { color: #999999; }