/* index.css	M. D. Esson, K. J. Turner	16/01/08 */

body {
}

#outerContainer {		/* outer page grouping all internal elements */
    width:800px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:auto;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#000000;
    background-color:#FFFFFF;
}

#innerContainer {		/* inner page where content lies, e.g. X10 */
  width:800px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  background-color:#ffffff;
}

h1 {				/* header image - MATCH logo */
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:32px;
  color:#000000;
  background-color:#FFFFFF;
}

h2 {				/* header text within content boxes */
  color:#000000;
  font-size:16px;
  font-family:Arial, Helvetica, sans-serif;
  background-color:#FFFFFF;
}

h3 {				/* header text within sidebar */
  color:#FFFFFF;
  font-size:16px;
  font-family:Arial, Helvetica, sans-serif;
  background-color:#336699;
}

a {				/* hyperlinks on a white background */
  color:#336699;
  background-color:#FFFFFF;
}

a:hover {
  color:#ffffff; background:lightblue; text-decoration:none;
}

a:link {
  color:blue;
}

a:visited {
  color:darkblue;
}

a2 {				/* hyperlinks on blue background */
  color:#F5F5F5;
  background-color:#336699;
  font-weight:bold;
}

a2:hover {			/* hyperlinks when hovered on blue background */
  background-color:#336699;
  color:#3e75c2;
  font-weight:bold;
}

/**************** image styles ****************/

a img {
}

img.left,img.center,img.right {
  padding:2px;
}

img.left {
  float:left;
  margin:0 12px 5px 0;
}

img.center {
  display:block;
  margin:0 auto 5px auto;
}

img.right {
  float:right;
  margin:0 0 25px 0px;
}


/**************** header styles ****************/

#header {			/* h1 header image - MATCH logo */
  margin-bottom:1px;
  width:800px;
  height:110px;
  color:#000000;
  background-color:#336699;
}

#left_box {
  width:106px;
  height:106px;
  background-color:#336699;
  color:#000000;
  float:left;
  padding-left:20px;
}

#right_box {
  width:562px;
  height:51px;
  background-color:#336699;
  color:#000000;
  float:left;
  padding-top:28px;
  padding-bottom:28px;
  padding-left:40px;
}


/**************** Vertical DHTML Menu Styles ****************/

.menutitle {
  cursor:pointer;
  margin-bottom:5px;
  background-color:#336699;
  color:#FFFFFF;
  width:146px;
  padding:2px;
  border:1px solid #FFFFFF;
  text-align:center;
  font-size:12px;
  font-weight:bold;
}


.sdmenu {
  width:154px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  padding-top:0px;
  padding-left:2px;
  background:url(Images/bottom.gif);
  padding-bottom:2px;
}

.sdmenu .title, .sdmenu .titlehidden {
  width:156px;
  display:block;
  padding-left:1px;
  color:white;
  background-color:#336699;
  padding-top:5px;
}

.sdmenu .title {
  border-bottom:1px solid #336699;
  padding-top:5px;
}

.sdmenu .arrow {
  margin-left:5px;
  margin-right:3px;
}

.sdmenu .titlehidden {
}

.sdmenu #top {
  background:#336699;
  color:#FFFFFF;
}

.sdmenu .submenu {
  overflow:hidden;
}

.sdmenu .submenu a {
  padding:4px;
  text-indent:10px;
  background:#336699;
  display:block;
  color:#fff;
  text-decoration:none;
  padding-bottom:5px;
}

.sdmenu .submenu a:hover {
  background :#3e75c2 url(Images/linkarrow.gif) no-repeat right center;
  color:#FFF;
}

/***** News Side Bar *****/

#newssidebarheader {		/* header box containing "news" */
  width:200px;
  height:20px;
  margin-bottom:10px;
  background:#336699;
  color:#FFFFFF;
}

#newssidebar {			/* what news side bar contents is inside*/
  margin-left:10px;
  width:200px;
  height:auto;
  border:#336699;
  border:solid;
  border:thin;
  float:right;
}

#newstext {			/* block that all news is in ***/
  padding-left:5px;
  width:190px;
  height:auto;
  background:#FFFFFF;
  color:#FFFFFF;
  float:right;
}

#innerheaders {			/* news date, e.g. 12th March 2007 */
  width:190px;
  height:25px;
  background:#FFFFFF;
  color:#000000;
  float:left;
}

#outerheaders {			/* news title */
  width:190px;
  height:25px;
  background:#FFFFFF;
  color:#000000;
  float:left;
}

#news {				/* news content */
  width:190px;
  height:auto;
  background:#FFFFFF;
  color:#000000;
  float:left;
}

/**************** Content Styles ****************/

#contentHeader {		/* page Header */
  width:640px;
  height:75px;
  float:left;
}

#contentHeader p {
}

#content {     		 	 /* page content */
  width:600px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  float:right;
  vertical-align:middle;
}

#content p {
  padding-top:0px;
}

#contentMenu {			/* inter page navigation bar */
  width:620px;
  height:35px;
  float:right;
  margin-bottom:20px;
}

#contentMenuSideBar {		/* not in use */
  width:150px;
  height:50px;
  background:#336699;
  color:#fff;
  float:left;
}

#contentMenuLeftImage {		/* holds left curved image of navigation bar */
  width:15px;
  height:35px;
  background:#336699;
  color:#fff;
  float:left;
}

#contentMenuPreviousButt {	/* holds previous page button navigation bar */
  width:35px;
  height:35px;
  background:#336699;
  color:#FFFFFF;
  float:left;
}


#contentMenuLeft {		/* holds previous page button navigation bar */
  width:250px;
  height:24px;
  background:#336699;
  color:#FFFFFF;
  float:left;
  text-align:left;
  padding-top:11px;
  vertical-align:middle;
  padding-left:10px;
}

#contentMenuRight {		/*Holds "next page" button of navigation bar*/
  width:250px;
  height:24px;
  background:#336699;
  color:#fff;
  float:left;
  text-align:right;
  padding-top:11px;
  vertical-align:middle;
  padding-right:10px;
}

#contentMenuContinueButt {	/* holds continue button navigation bar */
  width:35px;
  height:35px;
  background:#336699;
  color:#fff;
  float:left;
}

#contentMenuRightImage {	/* holds right curved image of navigation bar */
  width:15px;
  height:35px;
  background:#336699;
  color:#fff;
  float:right;
}

/**************** inner content styles ****************/

#whiteSpacer {
  height:20px;
  background:#FFFFFF;
  color:#000000;
  padding-left:35px;
}

#blueSpacer {
  height:20px;
  background:#336699;
  color:#000000;
}

#bigBlueSpacer {
  height:60px;
  background:#336699;
  color:#000000;
}

#innerContent {
  width:600px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  float:right;
}

#interContent p {
  padding-bottom:0px;
}

#innerContent1 {
  width:280px;
  height:300px;
  padding-left:0px;
  padding-right:10px;
  padding-top:5px;
  float:left;
}

#innerContent1 p {
  padding-bottom:0px;
}

#innerContent2 {
  width:300px;
  height:300px;
  padding-left:10px;
  padding-right:0px;
  padding-top:5px;
  float:right;
}

#innerContent2 p {
  padding-bottom:0px;
}

#innerContent3 {
  width:560px;
  height:200px;
  padding-left:10px;
  padding-right:0px;
  padding-top:5px;
}

#innerContent4 {
  width:560px;
  height:650px;
  padding-left:10px;
  padding-right:0px;
  padding-top:5px;
}

#innerContent5 {
  width:560px;
  height:400px;
  padding-left:10px;
  padding-right:0px;
  padding-top:5px;
}

#innerContent6 {
  width:300px;
  height:100px;
  padding-left:5px;
  padding-right:10px;
  padding-top:5px;
  float:right;
}

#innerContent7 {
  width:200px;
  height:200px;
  padding-left:5px;
  padding-right:10px;
  padding-top:5px;
  float:right;
}

#textContent1 {
  width:580px;
  padding-left:5px;
  padding-right:0px;
  padding-top:10px;
  float:left;
}

/**************** Picture Boxes***********/

/** Lifestyle Modelling***/

#lifeModellingPic1 {
  width:308px;
  height:420px;
  float:left;
}

#NetworkNetPic {
  width:273px;
  height:361px;
  padding-left:10px;
  float:right;
}

#NetworkIRBeamPic {
  width:172px;
  height:242px;
  padding-left:10px;
  float:right;
}

#NetworkDABPic {
  width:216px;
  height:111px;
  padding-left:10px;
  float:right;
}

#NetworkXMLPic {
  width:291px;
  height:120px;
  padding-left:10px;
  float:right;
}

#OutputGraphPic {
  width:238px;
  height:204px;
  padding-left:10px;
  padding-right:0px;
  padding-top:0px;
  float:right;
}

/****** Speech and Language ****/

#SpeechMainPic {
  width:590px;
  height:320px;
  /*padding-left:50px;*/
  padding-top:20px;
  padding-bottom:5px;
  margin-bottom:40px;
  float:left;
}

#RecogTalk2SystemPic {
  width:300px;
  height:123px;
  padding-left:10px;
  float:right;
}

#RecogCorpusPic {
  width:212px;
  height:228px;
  padding-left:10px;
  float:right;
}

#RecogMapPic {
  width:352px;
  height:120px;
  padding-left:10px;
  padding-bottom:10px;
  padding-top:20px;
  float:right;
}

#DialogBubblePicLeft {
  width:316px;
  height:120px;
  padding-right:10px;
  float:left;
}

#DialogBubblePicRight {
  width:316px;
  height:120px;
  padding-left:10px;
  float:right;
}

#GenPic1 {
  width:218px;
  height:158px;
  padding-left:10px;
  float:right;
}

#GenPicLeft {
  width:110px;
  height:100px;
  padding-right:10px;
  float:left;
}

/****** Multimodal Systems ******/

#AssistRemotePicRight {
  width:200px;
  height:200px;
  padding-left:10px;
  float:right;
}

#ConflictEnvrioPicCentre {
  width:499px;
  height:286px;
  padding-left:100px;
  margin-bottom:30px;
  float:left;
}

/**************** Sidebar Styles ****************/

#sidebar {
  width:160px;
  padding-left:0px;
  padding-right:0px;
  padding-top:10px;
  float:left;
  color:#000000;
  background-color:#336699;
}

#sidebarBox1 {
  width:160px;
  height:60px;
  float:left;
  color:#000000;
  background-color:#FFFFFF;
}

#W3C_Images {
  width:90px;
  height:35px;
  float:left;
  padding-top:40px;
  margin-top:40px;
  margin-left:35px;
  background:#FFFFFF;
  color:#000000;
}

/**************** Footer Styles ****************/

#footerSpacer {
  width:800px;
  height:40px;
}

#footer_white {
  float:right;
  width:800px;
  height:40px;
  background-color:#FFFFFF;
  color:#000000;
}

#footer {
  float:right;
  width:800px;
  height:30px;
  margin-top:20px;
}

#footerText {
  padding-left:170px;
  padding-top:12px;
  width:400px;
  height:15px;
  background-color:#336699;
  color:#FFFFFF;
  text-align:center;
}

#footerLeftSide {
  float:left;
  width:20px;
  height:40px;
}

#footerCentre {
  float:left;
  width:760px;
  height:40px;
  background-color:#336699;
  color:#FFFFFF;
}

#footerCentre p {
  padding-top:6px;
  text-align:center;
}

#footerCentre p a {
  font-weight:100;
}

#footerCentre p a:hover {
}

#footerRightSide {
  float:right;
  width:20px;
  height:40px;
}

/********************* Text Styles*************************/

body {
  margin-bottom:5px;
  margin-top:0px;
}

body,td,th {
  font-family:Arial, Helvetica, sans-serif;
}


body,td,th {
  font-family:Arial, Helvetica, sans-serif;
}

.style4 {
  background-color:#FFFFFF;
  color:#000000;
  font-size:12px;
}

.style5 {
  background-color:#336699;
  color:#F5F5F5;
}

.style6 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
}

.style7 {
  color:#000000;
  background-color:#FFFFFF;
}

.style8 {
  color:#000000;
  background-color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
}

.style11 {
  color:#000000;
  background-color:#FFFFFF;
  font-size:11px;
   font-weight:normal;
}

.style12 {
  color:#000000;
  background-color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
}

/* Button without Borders */

.buttonLink {
  background:transparent;
  border:none;
  color:blue;
  cursor:pointer;
  display:inline;
  font-weight:normal;
  /* min-width:10px; */
  margin:0px;
  padding:0px;
}

a.small {
  font-size:90%;
  font-weight:normal;
}