/* Nav section */

.menu {
z-index:1000;
float:left;
font-size:90%;
margin:25px 0 50px 5px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:200px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
height:auto;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:35px;
line-height:35px;
width:164px;
color:#0000ff;
text-indent:5px;
border:1px solid #fff;
background:#90DD8E url(img/starfish-button.gif) no-repeat;
padding-left:35px;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#90dd8e url(img/starfish-button.gif) no-repeat; width:165px; w\idth:164px;}
/* style the link hover */
* html .menu a:hover, * html .menu a.act {color:#000000; background:#fdfeff url(img/starfish-glow.gif) no-repeat; border:1px solid #aaaaaa;}

.menu :hover > a, .menu a.act {
color:#000000; 
background:#fdfeff url(img/starfish-glow.gif) no-repeat;
border:1px solid #aaaaaa;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:200px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}
<![endif]-->

/* End of Nav Section */

body {
background:#ffffff;
color:#303030;
/*font:76% Verdana,Tahoma,Arial,sans-serif;*/
font:90% Gill Sans,Verdana,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

a {
color:#0000ff;
font-weight:bold;
text-decoration:underline;
}

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

p {
line-height:1.5em;
margin:0 0 15px;
}

/*** Main container ***/

#container {
background:#ffffff url(img/bggrad5.gif) repeat-x;
color:#ffffff;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}

/*** Header section ***/

#logo {
background:#ffffff url(img/tme-logo1.gif) no-repeat left;
color:#ffffff;
height:96px;
width:130px;
float:left;
padding:0 0 5px 5px;
margin:0 21px 0px 0px;
}

#newlogo {
background:#ffffff url(img/tme-logo2.png) no-repeat left;
color:#ffffff;
height:157px;
width:247px;
float:left;
padding:0 0 5px 5px;
margin:0 21px 0px 0px;
}

#sitename {
background:#ffffff url(img/header3.jpg) no-repeat right bottom;
color:#ffffff;
height:157px;
margin:0 21px 0px 0px;
padding:0 0 5px 5px;
}

#sitename h1,#sitename h2 {
color:#9482bc;
}

#sitename h1 {
margin:0;
padding:99px 0 0 0;
font-size:2.0em;
font-weight:normal;
}

#sitename h2 {
margin:0;
font-size:1.6em;
font-weight:normal;
}

/*** Content wrap ***/

#wrap {
border-top:1px #000000 solid;
padding:2px 0;
clear:both;
font-size:0.9em;
}

/*** Sidebars ***/

#leftside,#rightside {
margin:0;
padding:0 5px 10px;
width:180px;
}

#leftside {
float:left;
margin-right:5px;
font:85% Gill Sans,Verdana,Arial,sans-serif;
}

#rightside {
float:right;
margin-left:10px;
}

#leftside h1,#rightside h1 {
color:#303030;
font-size:1.8em;
font-weight:normal;
letter-spacing:-1px;
margin:17px 0 12px 10px;
}

#leftside h2,#rightside h2 {
font-size:1.2em;
margin:0 0 20px 10px;
}

#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
color:#303030;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/

.nav {
background:#edeeef url(img/starfish-button.gif) no-repeat;
background-position:left;
border:1px solid #b0b0b0;
color:#0000FF;
font-size:1.2em;
display:block;
margin-top:8px;
padding:5px 4px 4px 35px;
position:relative;
width:150px;
height:30px;
line-height:30px;
text-decoration:none;
font-weight:normal;
letter-spacing:-0.5px;
white-space: nowrap;
}

.nav:hover,.active {
background:#fdfeff url(img/starfish-glow.gif) no-repeat;
background-position:left;
border:1px solid #909090;
color:#0000FF;
text-decoration:none;
font-weight:normal;
}



/*** Content ***/

#content,#contentalt {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:15px 20px 5px;
min-height:400px;
font:95% Gill Sans,Verdana,Arial,sans-serif;
}

#content {margin:0 200px;}
#contentalt {margin:0 20px 0 215px;}

#content h1,#content h2,#contentalt h1,#contentalt h2 {
background-color:inherit;
color:#404040;
font-size:2.0em;
font-weight:normal;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#content h2,#contentalt h2 {
font-size:1.6em;
margin-bottom:10px;
}

/*#content img,#contentalt img {
border:1px solid #b0b0b0;
float:left;
margin:5px 5px 6px;
padding:5px;
}*/

#flash {
border:1px solid #b0b0b0;
float:left;
margin:5px 8px 25px 2px;
padding:5px;
}

#flashcenter {
border:0;
margin:5px 8px 25px 2px;
padding:5px;
}

td {
border: solid 1px #333333;
padding: 2px;
}

/*** Footer ***/

#footer {
background:#8b8b8b url(img/footerbg.jpg) top left repeat-x;
clear:both;
color:#d0d0d0;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:20px 0;
text-align:center;
width:100%;
}

#footer a {
color:#d0d0d0;
font-weight:bold;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
font-size:1.4em;
color:#303030;
font-weight:normal;
letter-spacing:-0.5px;
}

.img {
border:1px solid #b0b0b0;
margin:5px 8px 5px 2px;
padding:5px;
}

.imgleft {
border:1px solid #b0b0b0;
float:left;
margin:5px 8px 25px 2px;
padding:5px;
}

.imgright {
border:1px solid #b0b0b0;
float:right;
margin:5px 5px 6px;
padding:5px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}

/*** End of file ***/