/*** General tags ***/

body {
background: url(images/bg.jpg) repeat;
color:#000;
font:76% arial,sans-serif;
line-height:1.2em;
margin:5px auto;
padding:0;
}

a {
color:#4088b8;
text-decoration:none;
}

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

a img {
border:0;
}

p, td {
font:normal 1.0em arial,sans-serif;
color:#fff;
line-height:1.5em;
margin:0 0 18px 5px;
}

ul ul,ol ol {
margin:4px 0 4px 35px;
}

blockquote {
border:0px solid #dadada;
font-size:0.9em;
margin:20px 10px;
padding:8px;
}


/*** Main wrap and header ***/

#border {
background:url(images/body.jpg) no-repeat;
margin:0px auto;
padding:12px 8px;
width:846px;
}

#wrap {
background-color:#2dabc4;
color:#404040;
margin:0px auto;
padding:0;
width:780px;
}

#header {
background:url(images/banner.jpg) repeat-y top center #fff;
height:149px;
margin:0;
}

#header .toplinks {
color:#666;
padding:6px 13px 0px 3px;
line-height:10px;
text-align:right;
}

#header .toplinks a {
font:normal 0.9em arial,sans-serif;
color:#fbec5d;
text-decoration:none;
}

#header .toplinks a:hover {
color:#ffffff;
text-decoration:underline;
}

#header .logo {
margin:5px 15px 5px 20px;
}



/*** Main Navigation ***/

#nav {width:780px; height:33px; background:url(images/navbg.gif) repeat-x;text-align:center;margin-left:0px;}
#nav table {border-collapse:collapse; width:0; height:0; margin:-1px;}
#nav ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;position:relative;}
#nav ul {display:block;margin:0 auto;} 
#nav ul.level1 {padding-right:2px; background:url(images/divide.gif) no-repeat right top;width:93%;*width:92%;}
#nav li {float:left;}
#nav ul div {position:absolute; left:-9999px; top:-32000px;}

#nav a {display:block; font:normal 12px/30px arial,sans-serif; color:#ccc; height:33px; text-decoration:none;padding:0 18px; text-align:center;}
#nav ul.level1 li.level1-li a.level1-a {float:left; background:url(images/divide.gif) no-repeat left top;}
#nav ul.level1 li.level1-li a.level1-a:hover {background:url(images/hover-nosub.gif) no-repeat left top; border:0; color:#fff; position:relative;}
#nav ul.level1 li.level1-li a.level1-a.drop:hover {background:url(images/hover.gif) no-repeat left top;}
#nav ul.level1 li.level1-li:hover {position:relative;}
#nav ul.level1 li.level1-li:hover > a {background:url(images/hover.gif) no-repeat left top; color:#fff;}

#nav ul.level1 li.level1-li a.level1-a:hover b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:32px; background:#111;}
#nav ul.level1 li.level1-li:hover > a b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:32px; background:#111;}

#nav ul :hover div {left:0; top:33px; background:#000; border:1px solid #000; border-width:0 1px 1px 1px;}
#nav ul :hover div ul {border:1px solid #444; border-width:0 1px 1px 1px; padding-bottom:5px;}
#nav ul :hover div ul li {float:none; height:25px;}
#nav ul :hover div ul li a {display:block; height:25px; text-align:left; font:normal 12px/25px arial,sans-serif;}
#nav ul :hover div ul li a:hover {color:#FBEC5D;}




/*** Page Feature ***/

#banner {
width:780px;
height:300px;
}



/*** Page Banner ***/

#banner .spot {
background-color:#000;
float:right;
line-height:1.5em;
margin:0;
padding:0;
text-align:left;
width:780px;
height:300px;
}


#content {
width:780px;
}


/*** Left Well ***/

#content .left {
float:left;
line-height:1.5em;
margin-bottom:10px;
padding:0 30px 0 35px;
width:200px;
height:160px;
}

#content .left p {
font:normal 1.0em arial,sans-serif;
color:#fff;
line-height:1.5em;
margin:0 0 10px 0;
padding:0px 0 5px 0px;
width:195px;
}

#content .left ul {
font:normal 0.9em verdana,sans-serif;
list-style:none;
margin:0;
padding:0 0 15px 10px;
}

#content .left li {
list-style:none;
margin:0 0 4px;
padding:0;
}

#content .left a {
font:normal 1.0em arial,sans-serif;
color:#fbec5d;
text-decoration:none;
}

#content .left a:hover {
color:#fff;
text-decoration:underline;
}

#content .left h1 {
font:bold 1.2em arial,sans-serif;
color:#fbec5d;
line-height:1.3em;
padding:0;
margin:20px 0 3px 0;
*margin:15px 0 4px 0;
text-shadow:1px 1px #444;
}

#content .left h2 {
padding:14px 0 5px 5px;
}

#content .left form {
padding:0px 0 0px 5px;
}



/*** Center Well ***/

#content .center {
float:left;
line-height:1.5em;
border-left:1px dotted #ccc;
margin-bottom:10px;
padding:0 30px 0 25px;
width:200px;
height:160px;
}

#content .center p {
font:normal 1.0em arial,sans-serif;
color:#fff;
line-height:1.5em;
margin:0;
padding:0px 0 0px 0px;
width:195px;
}

#content .center ul {
font:normal 0.9em verdana,sans-serif;
list-style:none;
margin:0;
padding:0 0 15px 10px;
}

#content .center li {
list-style:none;
margin:0 0 4px;
padding:0;
}

#content .center a {
font:normal 1.0em arial,sans-serif;
color:#fbec5d;
text-decoration:none;
}

#content .center a:hover {
color:#fff;
text-decoration:underline;
}

#content .center h1 {
font:bold 1.2em arial,sans-serif;
color:#fbec5d;
line-height:1.3em;
padding:0px 0 0 0;
margin:20px 0 3px 0;
*margin:15px 0 4px 0;
text-shadow:1px 1px #444;
}

#content .center h2 {
padding:14px 0 5px 5px;
}



/*** Right Well ***/

#content .right {
float:left;
line-height:1.5em;
border-left:1px dotted #ccc;
margin-bottom:10px;
padding:0 30px 0 25px;
width:200px;
height:160px;
}

#content .right p {
font:normal 1.0em arial,sans-serif;
color:#fff;
line-height:1.5em;
margin:0 0 10px 0;
padding:0px 0 0px 0px;
width:195px;
}

#content .right ul {
font:normal 0.9em verdana,sans-serif;
list-style:none;
margin:0;
padding:0 0 15px 10px;
}

#content .right li {
list-style:none;
margin:0 0 4px;
padding:0;
}

#content .right a {
font:normal 1.0em arial,sans-serif;
color:#fbec5d;
text-decoration:none;
}

#content .right a:hover {
color:#fff;
text-decoration:underline;
}

#content .right h1 {
font:bold 1.2em arial,sans-serif;
color:#fbec5d;
line-height:1.3em;
padding:0px 0 0 0;
margin:20px 0 3px 0;
*margin:15px 0 4px 0;
text-shadow:1px 1px #444;
}

#content .right h2 {
padding:14px 0 5px 5px;
}

#content .logos {
background:#2dabc4;
width:780px;
text-align:center;
height:160px;
float:left;
padding:0;
}
#content .logos p a {
color:#fff;
font:bold 1.0em arial,sans-serif;
*font:bold 0.8em arial,sans-serif;
text-decoration:none;
}
#content .logos p a:hover {
color:#fbec5d;
text-decoration:underline; 
}
#content .logos h1 {
color:#fbec5d;
font:bold 1.2em arial,sans-serif;
line-height:1.4em;
margin:10px 7px 7px 0;
padding:0;
text-shadow:1px 1px #444;
}
#content .logos h2 a {
color:#fff;
font:bold 1.0em arial,sans-serif;
*font:bold 0.8em arial,sans-serif;
text-decoration:none;
}
#content .logos h2 a:hover {
color:#fbec5d;
text-decoration:underline; 
}



/*** Footer ***/

#footer {
background:#2dabc4;
border-top:0px solid #ccc;
width:740px;
clear:both;
color:#fff;
padding:0px 0px 25px 0px;
margin:0 20px;
text-align:center;
}

#footer p {
color:#fff;
font:normal 1.0em arial,sans-serif;
line-height:1.5em;
margin:0;
padding:0 15px;
}

#footer h1 {
color:#fff;
font:bold 1.1em arial,sans-serif;
line-height:1.5em;
margin:10px 0 7px 0;
padding:0; 
}

#footer a {
font:normal 0.9em arial,sans-serif;
color:#fbec5d;
text-decoration:none;
}

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



/*** Various classes ***/

.box {
background:#f7f7f7;
width:725px;
border:1px solid #c8c8c8;
color:#666;
font-size:0.9em;
line-height:1.4em;
padding:10px 10px 10px 13px;
text-align:center;
}

.box a {
color:#666;
}

.readmore {
font: verdana, sans-serif;
font-size:0.9em;
margin:-10px 10px 12px 0;
text-align:right;
}

.timestamp {
font-size:1.2em;
margin:-5px 0 15px 10px;
}

.timestamp a {
font-weight:normal;
}

.blue {
color:#4088b8;
}

.clear {
clear:both;
}

.fade {
color:#c8c8c8;
}

.gray {
color:gray;
}