/* =-=-=-=-=-=-=-[background colors]-=-=-=-=-=-=-=- */

.grey
{
	background-color: #CCC;
	color: #000;

}

.white
{
	background-color: #FFF;
	color: #000;
}


/* =-=-=-=-=-=-=-[transparent is placeholder for lhs container. keep font size >1px ]-=-=-=-=-=-=-=- */
.transparent
{
	
	font-size: 2px;
	text-align:left;
}

/* =-=-=-=-=-=-=-[main divs]-=-=-=-=-=-=-=- */

body.general
{
	background-color: #FFF;
	color: #000;
}

div.content
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 1000px;
	background-color: #69C;
	color: #FFF;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
}

#left
{
	width: 305px;
	margin-left:0px;
}

#center
{
	width: 450px;
}

#right
{
	position: relative;
	top: -2px;
	width: 693px;
	margin-left:0px;
	border-left: solid 2px #FFF;

}


#footer
{
	position:relative;
	top: -2px;
	width: 1000px;
	background-color: #FFF;
	color: #000;
	text-align: center;
	font-size: 9px;
	font-family: arial, helvetica, sans-serif;
	line-height: 13px;
	clear: both;
	padding-bottom: 10px;
	padding-top: 20px;


}

#label
{
	position:absolute;
	top: 192px;
	left: 160px;
	z-index: 10;

}

#frame
{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
}

/* =-=-=-=-=-=-=-[controls]-=-=-=-=-=-=-=- */


.padded
{
	padding: 10px;

}

.padded5
{
	padding: 5px;

}


.padded2
{
	padding: 2px;

}

.padded8
{
	padding-top: 20px;
	padding-left: 2px;
	padding-bottom: 8px;

}


.padded20
{
	padding: 20px;

}



.box
{
	font-size: 9px;
	line-height: 12px;
	margin: 20px;
	padding: 0px;
	
}

.blackbox
{
	font-size: 9px;
	line-height: 12px;
	border-color: #000;
	border-width: 4px;
	border-style: double;
	margin: 20px;
	padding: 0px;
}


.border1
{	border-color: #966;
	border-width: 1px;
	border-style: solid;
}

.floatl { float: left; }
.floatr { float: right; }

.float1
{
	float: left;
	padding-right: 15px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 0px;
}

.float2
{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

.pfloatl
{
	float: left;
	margin-right: 20px;
	margin-left: 6px;
	border-color: #966;
	border-width: 1px;
	border-style: solid;
}

.pfloatr
{
	float: right;
	margin-left: 10px;
	margin-right: 3px;
	border-color: #C60;
	border-width: 1px;
	border-style: solid;
}

/* =-=-=-=-=-=-=-[text]-=-=-=-=-=-=-=- */

.seven
{
	font-family: arial, helvetica, sans-serif;
	font-size: 7px;
	line-height: 11px;
}

.eight
{
	font-family: arial, helvetica, sans-serif;
	font-size: 8px;
	line-height: 12px;
}

.nine
{
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
}

.ten
{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
}

.twelve24
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
}

.eleven
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

.twelve
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

.thirteen
{
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
}

.fourteen
{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
}

.fifteen
{
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	line-height: 24px;
}


.italic
{
font-style: italic
}

.serif
{
	font-family: georgia, "times new roman", serif;
	font-size: 9px;
	line-height: 13px;
}

.bold
{
	font-weight: 900;
}

.justify
{
	text-align:justify;
}

.right
{
	text-align:right;
}

.left
{
	text-align:left;
}

.center
{
	text-align:center;
}


.photo
{
	background-color: #000;
	color: #FFF;
	font-size: 12px;
	line-height: 34px;
	font-family: arial, helvetica, sans-serif;
	text-shadow: #000 0.2em 0.2em 3px;
}


h1

{
	padding-top: 20px;
	font-size: 13px;
	line-height: 14px;
	text-align:center;
}


h2

{
	
	font-size: 27px;
	text-align:center;
	text-transform: uppercase;
}


.capitalize
{
text-transform: capitalize;
}

.uppercase
{
text-transform: uppercase;
}

.caption
{
	background-color: #CCC;
	color: #966;
	text-align: center;
	text-indent: 5px;
	font-style: italic;
	font-family: georgia, "times new roman", serif;
	font-size: 11px;
	line-height: 15px;
}



/* =-=-=-=-=-=-=-[links]-=-=-=-=-=-=-=- */


a.white:link, a.white:visited
{
	background-color: #69C;
	color: #FFF;
	text-decoration: none;
}

a.white:hover, a.white:active:focus
{
	background-color: #69C;
	color: #FFF;
	text-decoration: underline;
}

a.blue:link, a.blue:visited
{
	background-color: #CCC;
	color: #69C;
	border: solid 0px;
	border-color: transparent;
	padding: 2px;
}

a.blue:hover, a.blue:active:focus
{
	background-color: #CCC;
	color: #69C;
	border: solid 1px;
	border-color: #666;
	padding: 1px;
}

a.blue2:link, a.blue2:visited
{
	background-color: #CCC;
	color: #69C;
	text-decoration: underline;
}

a.blue2:hover, a.blue2:active:focus
{
	background-color: #CCC;
	color: #69C;
	text-decoration: underline;
}


a.key:link, a.key:visited
{
	background-color: #FFF;
	color: #000;
	text-decoration: underline;
}

a.key:hover, a.key:active:focus
{
	background-color: #FFF;
	color: #000;
	text-decoration: underline;
}

a.invisible:link, a.invisible:visited
{
	background-color: #FFF;
	color: #000;
	text-decoration: none;
}

a.invisible:hover, a.invisible:active:focus
{
	background-color: #FFF;
	color: #000;
	text-decoration: none;
}

a.invisible2:link, a.invisible2:visited
{
	background-color: #CCC;
	color: #000;
	text-decoration: none;
}

a.invisible2:hover, a.invisible2:active:focus
{
	background-color: #CCC;
	color: #000;
	text-decoration: none;
}

a:link, a:visited
{
	background-color: #FFF;
	color: #000;
	text-decoration: underline;
}

a:hover, a:active:focus
{
	background-color: #FFF;
	color: #000;
	text-decoration: underline;
}


img
{
	border-style: none;
}

img.right
{
    float: right;
    clear: right;
    margin: 5px;
    border: 2px solid black;
}

img.left
{
    float: left;
    margin: 5px;
    border: 20px solid black;
}

 
ul
 {
	list-style-type: square;
	line-height: 40px;

 }

	
/* =-=-=-=-=-=-=-[sidemenu]-=-=-=-=-=-=-=- */
	

#sidemenu
{
	position: absolute;
	top: 215px;
	left: 180px;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 26px;
	width: 105px;
	max-width: 105px;
	margin: 0px;
}