body
{
	background-color:#FF6D00;
	background-image:url('./background-image.jpg');
	background-repeat:repeat-x;
	height:100%;
	width:100%;
}

div#activityImage
{
position:relative;
height:125px;
float:left;
}

div#adminTabs
{
	position:relative;
	top:0px;
	height:20px;
	width:600px;
	text-align:left;
}

div#webclickCalls
{
position:relative;
height:125px;
width: 45px;
float:left;
font-size:27pt;
color:355560;
line-height:170%;
}
div#pageContainer
{
	position:absolute;
	width:1000px;
	height:650px;
	left:50%;
	top:10px;
	margin-left:-500px;
}

div#bodyback
{
	position:relative;
	width:1000px;
	height:486px;
	background-color:white;
	float:left;
	font-family:arial;
	clear:both;
}

div#body
{
	position:relative;
	width:690px;
	height:486px;
	background-color:white;
	float:left;
	font-family:arial;
	clear:both;
}

div#bodyTitle
{
	position:relative;
	top: 15px;
	left:35px;
	width:600px;
	clear:left;
}

div#bodyContent
{
	position:relative;
	left:35px;
	width:610px;
	height:345px;
	float:left;
	overflow:auto;
}


div#selectionPanel
{
	position:relative;
	top:35px;
	background-color:#B6CDD6;
	margin-right:55px;
	padding=top:35px;
	height:370px;
}
		
h1
{
	font-size:18pt;
	font-weight:bold;
	letter-spacing:.05em;
	line-height:140%;
	color:#0F2831;
}

h1.cluster
{
	color:#2F4F5A;
	text-decoration:underline;
}

h2
{
	font-size:15pt;
	font-weight:bold;
	letter-spacing:.03em;
	line-height:120%;
	color:#0F2831;
}

p
{
	font-size:10pt;
	font-weight:normal;
	letter-spacing:.015em;
	line-height:190%;
	color:#444444;
	word-spacing:.05em;

}

a
{
	text-decoration:none;
	color:#F15501;
}

a.sideNavActive
{
	color:#303030;
	text-decoration:underline;
}
a:hover
{
	color:#32525D;
}

a.tabActive
{
	color:white;
}

div.tabs
{
	position:relative;
	top:-24px;
	text-align:center;
	width:130;
	height:24;
	color:orange;
	float:left;
}

table
{
	font-size:8pt;
	font-family:arial;
}

div#homeImage
{
	position:relative;
	float:right;
	width:310px;
	height:486px;
}

div#sideNav
{
	position:relative;
	width:310px;
	height:486px;
	background-color:white;
	float:right;
	font-size:9pt;
	font-family:arial;
	line-height:160%;
	color:#3d3d3d;
	
}

div#graphSelection
{
width:1000px;
background-color:white;
position:relative;
clear:both;
float:left;
}

div#visits
{
position:relative;
height:125px;
width: 35px;
float:left;
font-size:27pt;
color:355560;
}



select#graphOptions
{
font-size:8pt;
}
div#footer
{
	width=100%;
	text-align:center;
	font-size:8pt;
	font-type:arial sans;
	clear:both;
}

div.photoThumb
{
height:140px;
width:140px;
position:relative;
float:left;
}

img.thumb
{
position:relative;
top:50%;
left:50%;
margin:-48px 0px 0px -64px;
border:solid black 1px;
}
.topTabs
{
	font-size:11pt;
	font-family:arial;
	text-align:right;
	padding-right:10px;
	display:block;
	width:100px;
	height:24px;
	background-image:url('../images/tab.png');
	postion:relative;
	float:left;
}

a.on
{
	color:white;
}

.tinyText
{
	font-size:8pt;
	font-weight:normal;
	color:black;
	margin-left:5px;
	postion:relative;
	display:block;
	height:24px;
	float:left;
}

.applemenu{
margin: 5px 0;
padding: 0;
width: 240px; /*width of menu*/
}

.applemenu div.silverheader a{
background: black url(silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 300px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}