/*
 Author: Johnson Sathaseevan
 Version: Oct. 29nd/2008
*/

body
{
 margin: 0px;
 padding: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #ffffff;
 background-color: #202020;
}

h1 { font-size: 1.2em; font-weight: bold; text-align: left; }
h2 { font-size: 1.1em; font-weight: bold; text-align: center; }

a:link, a:visited { color: #ff8000; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: underline; }

img { border: 0; }

#container
{
 width: 900px;
 height: 600px; /* default value; this value is overwritten by page that calls unless no specified value is set */
 margin-top: 25px;
 margin-left: auto;
 margin-right: auto;
 background-image: url("../images/background_main.png");
 background-repeat: no-repeat;
 border-bottom: 1px solid #ffffff;
}

/********************************* MENU **********************************/

#menuMain { position: relative; width: 850px; height: 35px; margin-left: auto; margin-right: auto; margin-top: 25px; overflow: hidden; border: 1px solid #ffffff; background-color: #ff8000; }

#menuMain ul { list-style-type: none; /*margin-left: auto; margin-right: auto;*/ margin: 0; padding: 0; }
#menuMain li { display: inline; color: #000000; font-size: 1.0em; margin-left: 0; margin-right: 0;  }
#menuMain li a { float: left; display: block; color: #ffffff; text-decoration: none; text-align: center; width: 95px; height: 50px; }
#menuMain li a:visited {}
#menuMain li a:hover { display: block; font-weight: bold; color: #000000; background-color: #ffffff; }

/****************************** END MENU *********************************/

.content
{
 float: left;
 border: 1px solid #ffffff;
 margin: 35px 0px 0px 35px;
 padding: 10px;
 color: #000000;
 background-image: url("../images/background_content.png");
}

/*
#bottomBar { width: 850px; height: 35px; margin-left: auto; margin-right: auto; margin-bottom: 0px; overflow: hidden; border: 0; background-image: url("../images/background_bottomBar.png"); background-repeat: no-repeat; background-position: top; }
*/

#footer
{
 position: relative;
 width: 900px;
 margin-left: auto;
 margin-right: auto;
}

#footerLeft { position: absolute; top: 0px; left: 0px; text-align: left; }
#footerRight { position: absolute; top: 0px; left: 600px; text-align: right; width: 300px; }

/* COLOURS */
/*
orange: #fd9512;
*/