body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #site selector */
	color: #000000;
	background-color: #000000;
}

#site {
	width: 1024px; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #000000;
} 

#mainContent {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 238px;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 0px;
	position: relative;
	background-color: #000000;
	float: none;
	width: 784px;
}

a:link.green {
	color: #6BB221;
	text-decoration: none;
}
a:visited.green {
	text-decoration: none;
	color: #6BB221;
}
a:hover.green {
	text-decoration: none;
	color: #fff;
}
a:activ.green {
	text-decoration: none;
}

a:link.white {
	color: #ccc;
	text-decoration: underline;
}
a:visited.white {
	text-decoration: underline;
	color: #fff;
}
a:hover.white {
	text-decoration: none;
	color: #fff;
}
a:activ.white {
	text-decoration: none;
}

a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active.fotoAlbum {
	text-decoration: none;
}

a:link.fotoAlbum {
	font-style: italic;
	color: #fff;
	text-decoration: none;
}
a:visited.fotoAlbum {
	font-style: italic;
	text-decoration: none;
	color: #fff;
}
a:hover.fotoAlbum {
	font-style: italic;
	text-decoration: none;
	color: #ccc;
}
a:active.fotoAlbum {
	font-style: italic;
	text-decoration: none;
}


body,td,th {
	color: #666666;
}

.xxlarge
{
	font-size: xx-large;
}

.xlarge
{
	font-size: x-large;
}

.large
{
	font-size: large;
}

.medium
{
	font-size: medium;
}

.small
{
	font-size: small;
}

.pinkXlarge
{
	color: #C00076;
	font-size: x-large;
}

.pinkLarge
{
	color: #C00076;
	font-size: large;
}

.pinkMedium
{
	color: #C00076;
	font-size: medium;
}

.pinkSmall
{
	color: #C00076;
	font-size: small;
}

.pinkXlargeBold
{
	color: #C00076;
	font-size: x-large;
	font-weight: bold;
}

.pinkLargeBold
{
	color: #C00076;
	font-size: large;
	font-weight: bold;
}

.pinkMediumBold
{
	color: #C00076;
	font-size: medium;
	font-weight: bold;
}

.pinkSmallBold
{
	color: #C00076;
	font-size: small;
	font-weight: bold;
}

.greenXlarge
{
	color: #6BB221;
	font-size: x-large;
}

.greenLarge
{
	color: #6BB221;
	font-size: large;
}

.greenMedium
{
	color: #6BB221;
	font-size: medium;
}

.greenSmall
{
	color: #6BB221;
	font-size: small;
}

.greenXlargeBold
{
	color: #6BB221;
	font-size: x-large;
	font-weight: bold;
}

.greenLargeBold
{
	color: #6BB221;
	font-size: large;
	font-weight: bold;
}

.greenMediumBold
{
	color: #6BB221;
	font-size: medium;
	font-weight: bold;
}

.greenSmallBold
{
	color: #6BB221;
	font-size: small;
	font-weight: bold;
}

.whiteXlarge
{
	color: #F7F3F7;
	font-size: x-large;
}

.whiteLarge
{
	color: #F7F3F7;
	font-size: large;
}

.whiteMedium
{
	color: #F7F3F7;
	font-size: medium;
}

.whiteSmall
{
	color: #F7F3F7;
	font-size: small;
}

.lightgray
{
	color: #ccc;
}

.mediumgray
{
	color: #999;
}

.italicXlarge
{
	font-style: italic;
	font-size: x-large;
}

.italicLarge
{
	font-style: italic;
	font-size: large;
}

.italicMedium
{
	font-style: italic;
	font-size: medium;
}

.italicSmall
{
	font-style: italic;
	font-size: small;
}

.largeParagraph
{
	font-size: large;
	line-height: 22px;
}

.mediumParagraph
{
	font-size: medium;
	line-height: 22px;
}

.smallParagraph
{
	font-size: small;
	line-height: 22px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}


.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

img.rounded /* THIS IS ONLY SO THAT THE USER CAN DESIDE IF THE IMAGE MUST HAVE ROUNDED CORNERS OR NOT */
{
	
}
.fotoAlbum {
	
}

a:link img, a:visited img, a:hover img
{
	border: 0px;
	text-decoration: none;
}