/* CSS Document */
html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	min-height: 100%;
	min-width: 760px;
	font-size: 12px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

p, form, h1, h2, table
{
margin: 0;
padding: 0;
}

#container
{
margin-left: auto;
margin-right: auto;
width: 760px;
height: auto;
background-color: #E3E3E3;
}

#topline
{
width: 760px;
height: 10px;
float: left;
background-color: #7D635B;
}


#loginarea
{
width: 760px;
height: 20px;
float: left;
text-align: right;
padding-top: 5px;
padding-bottom: 10px;
}

#logo
{
width: 300px;
height: 62px;
float: left;
background: url(images/logo-cocoa-2.gif) top left no-repeat;
}

#topnavbox
{
width: 460px;
height: 39px;
float: left;
padding-top: 23px;
color: #000000;
text-align: center;
font-size: 12px;
}

#topnavbox a
{
text-decoration: none;
color: #000000;
font-size: 11px;
margin-left: 3px;
margin-right: 3px; 
}

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


#homecontent
{
width: 740px;
height: auto;
float: left;
padding-left: 10px;
padding-right: 10px;
}

#homecontent h1
{
font-size: 24px;
/*color: #7D635B #838383;*/
color: #7D635B;
margin-top: 15px;
}

#homeimage
{
width: 390px;
height: 260px;
float: left;
}

#homeflash
{
width: 340px;
height: 260px;
float: right;
/*background-color:#7D635B #8CC6C4; */
background-color: #7D635B;
}

#homeflash h2
{
text-align: left;
color:#FFFFFF;
font-size: 18px;
margin-left: 10px;
margin-top: 40px;
}

#flashscroller
{
width: 740px;
height: 98px;
float: left;
background:url(images/flashscroller3.jpg) top left no-repeat;
margin-top: 5px;
padding-bottom: 10px;
}

#marq
{
width: 760px;
height: 20px;
float: left;
padding-top: 5px;
overflow: hidden;
line-height: 19px;
color: #7D635B;
}

#marq a
{
text-decoration: underline;
color: #7D635B;
font-weight: bold;
}

.greyline
{
width: 760px;
height: 5px;
float: left;
/*background-color: #605F5F; */
background-color: #8CC6C4;
overflow: hidden;
}

.topgreyline
{
width: 740px;
height: 5px;
float: left;
background-color: #605F5F;
overflow: hidden;
}

.botgreyline
{
width: 740px;
height: 5px;
float: left;
background-color: #605F5F;
overflow: hidden;
}

.homebottom
{
width: 738px;
height: auto;
float: left;
border-left: 1px solid #605F5F;
border-right: 1px solid #605F5F;
background-color: #645467;
}

.clearall
{
clear: both;
}

.bottomholder
{
width: 325px;
height: auto;
float: left;
}

.bottomholder img
{
margin: 0;
padding: 0;
float: left;
margin-bottom: 2px;

}

/*------------ CONTACT -------------- */
#contactcontent
{
width: 740px;
height: auto;
float: left;
padding-left: 10px;
padding-right: 10px;
}

#contactcontent h1
{
font-size: 24px;
/*color: #7D635B #838383;*/
color: #7D635B;
margin-top: 15px;
margin-bottom: 15px;
}

#contactcontent p
{
font-size: 12px;
/*color: #7D635B #838383;*/
color: #000000;
margin: 10px 0 10px 0;
}

#contactcontent a
{
color: #7D635B;
text-decoration: underline;
}

/*------------ NEWS -------------- */

.newsbottom
{
width: 400px;
height: 210px;
float: left;
overflow: hidden;
background: url(images/breaking-news.jpg) top left no-repeat;
padding-top: 40px;
}

.newsbottom p
{
margin: 10px 0 10px 10px;
color: #FFFFFF;
}

.newsbottom a
{
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}

.newsbottom a:hover
{
text-decoration: underline;
}


.homenewsarticle1
{
width: 720px;
height: auto;
float: left;
padding: 10px 10px 10px 10px;
margin-bottom: 5px;
}

.homenewsarticle1 h2
{
font-size: 16px;
color: #FFFFFF;
}

.homenewsarticle1 a
{
color: #000000;
}

.homenewsarticle1 p
{
color: #000000;

}


/*------------ ABOUT PAGE -------------- */

.abouttop
{
width: 539px;
height: 34px;
float: left;
background: url(images/about-top4.gif) bottom left no-repeat;
}

.aboutmiddle
{
width: 539px;
height: auto;
float: left;
background-color: #7D635B;
}

.aboutmiddle a
{
text-decoration: underline;
font-weight: bold;
color: #FFFFFF;

}

.aboutmiddle ul
{
color: #FFFFFF;
padding: 0;
margin: 0;
}

.aboutmiddle li
{
margin: 0 0 0 25px;
font-size: 12px;
}

.aboutbot
{
width: 539px;
height: 10px;
float: left;
background: url(images/about-bottom2.gif) top left no-repeat;
margin-bottom: 5px;
}

#aboutcontainer
{
width: 539px;
height: auto;
float: left;
margin-top: 20px;
padding-bottom: 20px;
}

#aboutcontainer h2
{
font-size: 14px;
color: #FFFFFF;
margin: 5px 0 15px 10px;
}

#aboutcontainer h3
{
font-size: 14px;
color: #FFFFFF;
margin: 10px 0 10px 10px;
font-weight: bold;
}

#aboutcontainer p
{
margin: 10px;
color: #ffffff;
font-size: 12px;
}

#aboutlinks
{
width: 175px;
height: 250px;
float: right;
background: url(images/links-backg4.gif) top left no-repeat;
margin-top: 20px;
padding-left: 10px;
margin-bottom: 10px;
}

#aboutlinks p
{
margin: 10px 0 10px 0;
}

#aboutlinks a
{
color: #ffffff;
text-decoration: none;
margin: 10px 0 10px 0;
font-weight: bold;
}

#aboutlinks a:hover
{
color: #7D635B;
text-decoration: underline;
}

/*------------ REGISTER -------------- */

.registertable
{
color: #FFFFFF;
}

.redtext
{
color: #FF0000;
}

.whitetext
{
color: #FFFFFF;

}

.regtop
{
width: 539px;
height: 10px;
float: left;
background: url(images/register-top.gif) bottom left no-repeat;
}

#regcontent
{
width: 740px;
height: auto;
float: left;
padding-right: 10px;
padding-top: 10px;
}

#regcontent p
{
margin: 10px 0 10px 0;
}

/*------------ FOOTER -------------- */

#footer
{
width: 740px;
height: 40px;
float: left;
background-color: #DCDBDB;
line-height: 38px;
font-size: 10px;
}

#footer p
{
margin: 0;
padding: 0;

}

#footer a
{
text-decoration: none;
color: #000000;
margin: 0 3px 0 3px;
}

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