.bodyContent {
padding:5px 20px 5px 25px;
width:80%;
}

.pageHeader {
background-color:#69C;
}

.topBar {
background:url(/Graphics/topMenu.jpg);
background-repeat:repeat-y;
background-color:#000;
}

.features {
border-style:solid;
border-width:1px;
border-color:#0000DD;
background-color:#DDDDFF;
padding:5px;
/*margin:7px;*/
}


.sideBar {
font-family:times,'times new roman', serif;
font-size:12px;
}

.menus {
float:left;
}

.free {
background-color:#009;
width:215px;
padding:5px;
}

.members {
background-color:#030;
width:215px;
padding:5px;
}

.menuFree {
border-style:groove;
border-width:3px;
border-color:#DDF;
background-color:#06C;
padding:3px;
width:202px;
/*height:16px;*/
background-image:url(/Graphics/blueBG.jpg);
}

.menuMem {
border-style:groove;
border-width:3px;
border-color:#DDF;
background-color:#390;
padding:3px;
width:202px;
background-image:url(/Graphics/greenBG.jpg);
}

.menuYellow {
border-style:groove;
border-width:3px;
border-color:#DDF;
background-color:#FF0;
padding:3px ;
width:202px;
background-image:url(/Graphics/yellowBG.jpg);
}

.menuOrange {
border-style:groove;
border-width:3px;
border-color:#DDF;
background-color:#F60;
padding:3px ;
width:202px;
background-image:url(/Graphics/orangeBG.jpg);
}

.menuLightBlue {
border-style:groove;
border-width:3px;
border-color:#DDF;
background-color:#9CF;
padding:3px ;
width:202px;
background-image:url(/Graphics/ltBlueBG.jpg);
}


.menuFont:link {
text-decoration:none;
color:#FFFFFF;
font-family: arial,helvetica,sans-serif;
font-size:12px;
/*font-weight:500;*/
text-align:left;
}

.menuFont:active {
text-decoration:underline;
color:#FFFF00;
font-family: arial,helvetica,sans-serif;
font-size:12px;
/*font-weight:500;*/
text-align:left;
}

.menuFont:visited {
text-decoration:none;
color:#FFFFFF;
font-family: arial,helvetica,sans-serif;
font-size:12px;
/*font-weight:500;*/
text-align:left;
}

.menuFont:hover	{
text-decoration:underline;
color:#FFFF00;
font-family: arial,helvetica,sans-serif;
font-size:12px;
/*font-weight:500;*/
text-align:left;
}

.smallWhite		{
text-decoration:none;
color:#FFFFFF;
font-family: arial,helvetica,sans-serif;
font-size:10px;
}

.regWhite		{
text-decoration:none;
color:#FFFFFF;
font-family: arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}

.menuHead		{
border-style:groove;
border-width:3px;
border-color:#DDF;
text-decoration:none;
color:#FFFFFF;
padding:3px;
width:202px;
font-family: verdana,arial,sans-serif;
font-weight:bold;
font-size:16px;
text-align:center;
}

.smallBlack		{
text-decoration:none;
color:#000000;
font-family: arial,helvetica,sans-serif;
font-size:10px;
}

.menu:link		{
text-decoration:none;
color:#FFFFFF;
font-family: arial,helvetica,sans-serif;
font-size:12px;
}

.menu:active	{
text-decoration:underline;
color:#FFFF00;
font-family: arial,helvetica,sans-serif;
font-size:12px;
}

.menu:visited		{
text-decoration:none;
color:#FFFFFF;
font-family: arial,helvetica,sans-serif;
font-size:12px;
}

.menu:hover		{
text-decoration:underline;
color:#FFFF00;
font-family: arial,helvetica,sans-serif;
font-size:12px;
}

.yelmen:link		{
text-decoration:none;
color:#0000FF;
font-family: arial,helvetica,sans-serif;
font-size:12px;
}

.yelmen:active	{
text-decoration:underline;
color:#FF0000;
font-family: arial,helvetica,sans-serif;
font-size:12px;
}

.yelmen:visited		{
text-decoration:none;
color:#0000FF;
font-family: arial,helvetica,sans-serif;
font-size:12px;
}

.yelmen:hover		{
text-decoration:underline;
color:#0000FF;
font-family: arial,helvetica,sans-serif;
font-size:12px;
}

.navBarFont	{
font-family: arial,helvetica,sans-serif;
font-size:10px;
}

.formField	{
font-size:14px;
font-weight:bold;
}

P,p,br,ul,li,td,blockquote,select {
font-family:arial,helvetica,sans-serif;
font-size:12px;
line-height:14px;
}

body {
margin:0px;
border:0px;
padding:0px;
}

.bigBlueBG {
font-family:arial,helvetica,sans-serif;
font-size:22px;
line-height:1;
font-weight:bold;
color:#FFFFFF;
padding:5px;
background:#6699CC;
}

.bigGreenBG {
font-family:arial,helvetica,sans-serif;
font-size:20px;
line-height:1;
font-weight:bold;
color:#FFFFFF;
padding:5px;
background:#0000FF;
}

.h1 {
font-family:arial,helvetica,sans-serif;
font-size:22px;
line-height:1;
font-weight:bold;
color:#FFFFFF;
padding:5px;
background:#6699CC;
}

.shadow {
font-family:arial,helvetica,sans-serif;
font-size:28px;
font-weight:bold;
color:#FFFFFF;
position:absolute;
z-index:2;
top:140px;
left:10px;

}

.linkBG		{
text-decoration:none;
color:#FFFFFF;
font-family: arial,helvetica,sans-serif;
font-size:10px;
background:#6699CC;
}

#logTable {
position:absolute;
top:50px;
left:0px;
}

/*#freeTable {
position:absolute;
top:160px;
left:0px;
}*/

#memberTable {
position:absolute;
top:0px;
left:0px;
}

option, select {
font-family:arial,helvetica,sans-serif;
font-size:10px;
font-weight:bold;
}

.toc:link		{
text-decoration:none;
color:#0000FF;
font-family: arial,helvetica,sans-serif;
font-size:10px;
}

.toc:active	{
text-decoration:underline;
color:#FF0000;
font-family: arial,helvetica,sans-serif;
font-size:10px;
}

.toc:visited		{
text-decoration:none;
color:#0000FF;
font-family: arial,helvetica,sans-serif;
font-size:10px;
}

.toc:hover		{
text-decoration:underline;
color:#0000FF;
font-family: arial,helvetica,sans-serif;
font-size:10px;
}



.logButton:link		{
text-decoration:none;
color:#FF0;
background-color:#009;
font-family: arial,helvetica,sans-serif;
font-size:14px;
border-style:outset;
border-width:2px;
border-color:#DDD;
padding:5px 20px;
}

.logButton:active	{
text-decoration:none;
color:#FF0;
background-color:#009;
font-family: arial,helvetica,sans-serif;
font-size:14px;
border-style:outset;
border-width:2px;
border-color:#DDD;
padding:5px 20px;
}

.logButton:visited		{
text-decoration:none;
color:#FF0;
background-color:#009;
font-family: arial,helvetica,sans-serif;
font-size:14px;
border-style:outset;
border-width:2px;
border-color:#DDD;
padding:5px 20px;
}

.logButton:hover		{
text-decoration:none;
color:#000;
background-color:#9FF;
font-family: arial,helvetica,sans-serif;
font-size:14px;
border-style:outset;
border-width:2px;
border-color:#888;
padding:5px 20px;
}

/* For the book store */

.item {
font-size:18px;
font-weight:bold;
line-height:22px;
}

/* For the portfolo generator */

.rowHead {
font-family:verdana,helvetica,arial,sans-serif;
font-weight:bold;
font-size:12px;
color:#FF6;
background-color:#036;
}

.bottomNav {
font-family:verdana,helvetica,arial,sans-serif;
font-weight:bold;
font-size:12px;
color:#FFF;
background-color:#69C;
}

.navMenu {
font-family:verdana,helvetica,arial,sans-serif;
font-weight:bold;
font-size:12px;
color:#222;
background-color:#69C;

}