body {
background: url(images/bluetexture.jpg) no-repeat;
background-color: #050066;
cursor: default;
}


/* ---- MAIN DIVS ---- */ 


#container {
width: 984px;
height: 100%;
margin: 0px auto;
}

#nav {
width: 144px;
height: 217px;
margin-top: 230px;
margin-left: 55px;
float: left;
z-index: 1;
}

#header {
width: 984px;
height: 696px;
background: url(images/header.png) no-repeat;
float: center;
z-index: 2;
}

#content {
width: 984px;
height: 100%;
background: url(images/contentbg.png) repeat-y;
background-attachment: scroll;
padding: 1px 0;
z-index: 3;
}

#text {
width: 580px;
height: 100%;
z-index: 4;
margin-top: -500px;
margin-left: auto;
margin-right: auto;
}

#bottomtext {
width: 984px;
height: 100%;
background: url(images/contentbg.png) repeat-y;
background-attachment: scroll;
padding: 1px 0;
}

#bottom {
width: 984px;
height: 39px;
background: url(images/footer.png) no-repeat;
}

#img {
width: 632px;
height: 100%;
margin-left: -25px;
}


/* ---- CONTENT DIVS ---- */ 


#resourcecont {
width: 454px;
height: 100%;
margin: 25px auto;
}

#col1 {
width: 150px;
height: 100%;
border-right: 2px solid #2FA6FF;
float: left;
}

#col2 {
width: 150px;
height: 100%;
border-right: 2px solid #e6497c;
float: left;
}

#col3 {
width: 150px;
height: 100%;
float: left;
}


/* ---- TEXT ---- */ 


h1 {
font: 20pt "Trebuchet MS";
text-transform: uppercase;
font-weight: bold;
text-align: right;
color: #2FA6FF;
margin: 50px 80px 10px 20px;
border-bottom: 3px dotted #f0b99e;
}

h2 {
font: 18pt "Arial";
color: #e6497c;
font-weight: bold;
text-transform: capitalize;
text-align: left;
margin: 0px 0px auto 120px;
}

h3 {
font: 14pt "Arial";
color: #7f7f7f;
text-align: center;
letter-spacing: .4em;
text-transform: capitalize;
margin: 30px auto;
}

#text p {
font: 10pt "Arial";
text-indent: 2em;
line-height: 2.2em;
color: #1f1f1f;
}

#bottomtext p {
background-color: #dcecf8;
font: 8pt "Arial";
color: #3b7097;
padding: 5px;
line-height: 1.8em;
margin: 50px 140px 0px 140px;
text-align: center;
}

#resourcecont p {
margin: 10px auto auto 30px;
font: 9pt "Verdana";
line-height: 1.6em;
text-indent: 0em;
color: #4f4f4f;
}

#text strong { color: #84C046; font-variant: small-caps; }
#text em { color: #135699; }

.right {
text-align: right;
margin-right: 100px;}


/* ---- LINKS ---- */ 


#text a { text-decoration: none; border-bottom: 1px dashed #e6497c; color: #4f4f4f; background-color: #fff1cb; cursor: help; }
#text a:visited { text-decoration: none; border-bottom: 1px dashed #e6497c; color: #4f4f4f; background-color: #fff1cb; }
#text a:hover { text-decoration: none; border-bottom: 1px dashed #2FA6FF; color: #e6497c; background-color: #fff1cb; }

#bottomtext a { text-decoration: none; border-bottom: 2px solid #ffffff; color: #3b7097; cursor: help; }
#bottomtext a:visited { text-decoration: none; border-bottom: 2px dotted #ffffff; color: #3b7097; }
#bottomtext a:hover { text-decoration: none; border-bottom: 2px solid #ffffff; color: #e6497c; }

#res a, #somestuff a, #otherstuff a { text-decoration: none; border: none; background-color: transparent; color: #e6497c; }
#res a:visited, #somestuff a:visited, #otherstuff a:visited { text-decoration: none; border: none; background-color: transparent; color: #e6497c; }
#res a:hover, #somestuff a:hover, #otherstuff a:hover { text-decoration: none; border-bottom: 1px dashed #CCC; background-color: transparent; color: #fe94a0; }

#img a { background-color: transparent; border-bottom: 0px; }
#img a:visited { background-color: transparent; border-bottom: 0px; }
#img a:hover { background-color: transparent; border-bottom: 0px; }


/* ---- MISC ---- */ 


#nav a img { border: 0px; cursor: default; }
#text img { border: 10px solid #A7B5BF; margin: 10px 20px; }
#text img:hover { border: 10px solid #2FA6FF; }

.clear { clear: both; }