/*
--------------------------------
Default Stylesheet for iomtt.com
Written and maintained by Adam Duke
Version 0.2 29/01/01

Version History
***************
0.1 Working in firefox & ie6 without bottom section
0.2 Footer working now with bg image on left col
0.3 Implement IE 4-5 double margin hack (see: http://www.positioniseverything.net/explorer/doubled-margin.html)
		change separators in header to solid lines.  Change left layout floats to images instead of divs to trigger IE 4/5
		haslayout property.
0.4 

Known issues 0.4
****************
Float right on main div causes text to drop below RHS advert.
Yellow line below header section
--------------------------------
*/


/*
-----------------------
Body and Page level CSS
-----------------------
*/

/* Nullify margins and borders - must be explictly defined at lower level */
* { margin: 0; padding: 0; border: none;}

body {
  font-size: 100%;
  font-family: Arial, Hevetica, sans-serif;
  
}


#bodyhome {
  background: #555 url('/images/body_bg.gif');
}

.Normal {
  font: 9pt verdana;
  background: #fff;
}

a:link { color: #336699; }
a:visited {color: #003366; }
a:hover, a:active, a:focus { color : #669999; text-decoration: underline; } 

#container {
  margin: 0 auto;
  left:0px;

  
  width: 100%;
  min-width: 690px;
  background: #000000 url('/images/trophyghost.gif') no-repeat scroll bottom left;

  /*can also use bottom left instead of 0% 90% */
  color: #000000;
  line-height: 1.4;
  /*border-left: 2px solid #6a6c56;
  border-right: 2px solid #0a0c05; */
}

  /* ie6 tan hack */
  * html #container {
    width: expression(document.body.clientWidth > 690? "90%": "670px" );
  }

/*
--------------
Header section
--------------
*/

#header {
  height: 114px;
  display: block;
  line-height: 0.8;
}

#ttlogo {
  display: inline;
  float: left;
  clear:left;
  width: 153px; /* do we need this? */
  height: 114px;

}

#topbar {
  float: none;
  height: 46px;
  background: #fd1b14 url('/images/stripe_horizontal.gif') repeat-x 0 35px;
  margin-left: 153px;
  text-transform: uppercase;
  font-size: 0.7em;
}

#topbar ul {
  /* do not give this a height - it kills the iomtt.com logo float in ie6 */
  list-style: none;
  display: inline;
  font-weight: bold;
}

#topbar li {
  display:block;
  float:left;
  text-align: center;
  /* border-left: 1px solid #6d6e47;
  border-right: 1px solid #383915; */
  padding-top: 1.7em;
  padding-right: 1.5em;
  line-height: 0.9em
}

#topbar a {
  color: #ffffff;
  text-decoration: none;
}

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

#iomtt_logo {
  float:right;
  display: block;
  margin: 5px 10px 0 0;
  padding: 0 0 0 0;
  vertical-align: middle;
  width: 97px;
  height: 25px;
} 


#navigation {
  width: auto;
  clear:right;
  display: block;
  background-color: #fff;
  /* margin-left: 193px;  do not need this since we are not using 100% width */
  /* padding: 15px 0 4px 0 ; */
  margin-bottom: 0px;
  height: 21px;
  border-bottom: 1px solid #FFFF00;
}

#navigation ul {
  list-style-type: none;
  height: 21px;
}

#navigation li {
  float: left;
  display: inline;
  text-align: center;
  border-left: 1px solid #ccc; 
  /* border-right: 2px solid #ccc;*/
  /* border-right: 1px solid #383915; */
  line-height: 21px;
  /*margin-top: 0.6em;*/
}

#navigation a {
  /*margin-top:10px;*/
  display: block;
  color: #555;
  background-color: #FFF;
  float: left;
  text-decoration: none;
  /*padding-top: 0.3em;*/
  font-weight: bold;
  padding: 0 10px 0 10px;
 }

#navigation a:hover {
  text-decoration: underline;
  background-color: #FFFFCC; /* #FFFFCC; */
}

#navigation #navitemleft {
  border-left: none;
}
#navigation #navitemleft a {
  padding-left: 0px;
}

#navigation #navitemright {
  border-right: none;
}

#searchbar {
  color: #fff ;
  background: #555; /* url('/images/searchbarbg.gif') repeat-x 0 0px */
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.9em;
  height: 23px;
}

#searchbar #searchinput {
  margin: 0;
  padding: 0;
}

#newsticker {
  color: #555;
  line-height: 23px;
  font-weight: bold;
  font-size: 0.75em;
  background-color: #ffff00; /* url('/images/corneryellow.gif') no-repeat scroll 0px 0px; */
}

/* rule for upper case */
#navigation {
  text-transform: uppercase;
  /*letter-spacing: 0.05em;*/
  font-size: 0.75em;

}

/*
------------------
Lower Page Content
------------------
Left Bar 
------------------
*/

#sidebar {
  position:relative;
  top: 0px;
  clear:left;
  float:left;
  width: 93px;
  padding: 0 0 100px 10px;
  color: #fff;
  font-size: 0.7em;
}

#sidebar h3 {
  font-size: 1.2em;
  text-decoration: underline;
}

#sidebar h3 a {
  text-decoration: underline;
}

#sidebar ul {
  width: 93px;
  list-style-type: none;
  font-weight: bold;
}

#sidebar a {
  color: #fff;
  text-decoration: none;

}

#sidebar a:hover {
  color: #ffff00;
  text-decoration: underline;
}

/*
-----------------
Main Page Content
-----------------
*/ 



#maincontainer {
  padding-left: 18px;
  margin-left: 103px;
  float: none; /* this is the key - we can't float without a width (which we don't know) */
  display: block;
  background: #ffffff url('/images/mainleftstrip.gif') repeat-y scroll 0px 50px;
}

#main {
  display: block;
  margin-right: 140px;
  padding-top: 10px;
  font-size: 0.8em;
}

div#main p { margin: 0 0.8em; padding: 0.5em 0;}

#advertvertical {
  float: right;
  margin: 10px 10px 0 0;
}

#main h1 
{ 
  background: #eee url('/images/triangleheaderleft.gif') no-repeat scroll 0 0;
  color: #333;
  font-size:1.3em;
  padding-left: 15px;
  height: 22px;
}

/* 
------
Footer 
------
*/
#footer {
  background-color: #d0d0d0; /*url('/images/leftnavfeatureimage.gif') no-repeat scroll 0px -50px;*/
  color: #ffffff;
  font-size: 0.7em;
  clear:right;
}

#footer ul {
  list-style: none;
  display: inline;
}

#footer li {
  list-style: none;
  display:inline;
  text-transform: uppercase;
}

#footer a {
  font-weight: bold;
  padding-right: 20px;
  color: #333;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
  color: #fff;
}


#leftcorner {
  display:block;
  width: 111px;
  clear:both;
  float:left;
}


/* 
-------
Footer2 
-------
*/
#footer2 {

  background-color: #fff;
   /*url('/images/leftnavfeatureimage.gif') no-repeat scroll 0px -50px;*/
  color: #ffffff;
  font-size: 0.75em;
  height: 37px;
  margin-left: 111px;
}

#footer2 ul {

  padding-left: 10px;
  position: relative;
  top:15px;
  height:22px;
  background-color: #d0d0d0;
  list-style: none;
  display: block;
  text-transform: uppercase;
}

#footer2 li {
  list-style: none;
  display: inline;
}

#footer2 a {
  font-weight: bold;
  padding-right: 20px;
  color: #333;
  text-decoration: none;
}

#footer2 a:hover {
  text-decoration: underline;
  color: #000;
}

#footer2 #leftcorner {
  float: left;
  width: 138px;
}


/* 
---------------
Generic Classes
---------------
*/
.clear {
  display: block;
  clear: both;
}

.center {
  text-align: center;
}


/* 
----------------------
Login and registration
----------------------
*/


.loginbox {
  width: 300px;
  background-color: #ddd; border: 2px solid #ccc;
  display: block;
  overflow:show;
}

.loginbox table {
display:inline;
}

.upper {
  text-transform: uppercase;
}