/*additional css content*/

.topNav {
			
			text-align: right;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 10px;
			background-color:white;
			padding-bottom: 40px;
}

.topNav a {
			padding-left: 10px;
}

.pagearea2 {
			border: 40px solid white;
}

.pagearea {
			border: 2px solid #CBCBCB;
			margin-top: 20px;
}

.bodyarea {
			background-image: url("images/greyside.jpg");
			background-repeat: repeat-y;
}

.footer_thing {
			margin: 0 200px 10px;
			font-size: 9px;
			text-align: justify;
			padding: 10px 30px 10px 30px;
			border: 2px solid #CBCBCB;
			border-top-width: 0;
			
}


#left_col {
			margin: 10px 0 0;
			width: 320px;
}

#right_col {
			margin: 10px 0 0;
			width: 320px;
}

.list li {
			list-style-type: none;
			margin: 0 0 0 10px;
			padding-left: 10px;
			font-size: 12px;
			line-height: 1.8em;
}

.purple_box .list li {
			
			background: url("images/purp_bullet.png") no-repeat left;
}

.blue_box .list li {
			
			background: url("images/blue_bullet.png") no-repeat left;
}

.orange_box .list li {
			
			background: url("images/orange_bullet.png") no-repeat left;
}

.green_box .list li {
			
			background: url("images/green_bullet.png") no-repeat left;
}

.list ul {
			padding-left: 0;
			margin: 0;
}

.list {
			margin: 5px 0;
}

.boxSideText {
			font-size: 12px;
			line-height: 18px;		
}

/*default css content*/
body {
       font-family: Helvetica, Arial, sans-serif;

	   background-color: #E9E9E9;
}

h1 {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

h2 {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
}

h3 {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

p {
	font-size: 12px;
	line-height:1.8em;
}

.filth .editableText ul {
margin:0;
padding:0;
padding-left:15px;
} 

.filth .editableText li {
			font-size: 12px;
			line-height: 1.8em;
}

.editableText {
position:relative;
z-index:20;
}

#appArea {
	font-size: 12px;
}

/* edit mode toolbox */
#editToolBox {
	position: absolute; /* fixed would be better but doesn't work in IE */
	top: 0px;
	left: 0px;
	width: 75px;
	background-color: black;
	color: white;
	font-family: Arial, sans-serif;
	font-size: 12px;
	opacity: 0.75;
	padding: 6px;	
}

.editToolBoxAction {
	color: white;
	text-decoration: none;
cursor:pointer;
}

.body {
background-color: white;
}

.widget {
text-decoration:underline;
position:relative;
height:0px;
left:0px;
width:0px;
display:block;
z-index:999;
}

div.widgetBit:hover {
opacity:0.8;
}

.widgetBit {
z-index:998;
background-color:black;
color:white;
opacity:0.2;
border: solid black 1px;
width:100px;
position:relative;
left:0;
top:0px;
font-size:10px;
}

.sideNav_group {
width:100px;
padding: 0 10px;

}

.sideNav_item {

font-size:12px;
}

.sideNav_item a {
display:block;
width:100px;
padding-bottom:5px;
}

.sideNav_selected {
padding-bottom:5px;
}

.sideNav_item a:hover {
color:#666666;
}

a {
font-size:12px;
text-decoration:none;
color:#333333;
}

a:hover { 
color:#bdbdbd; }

a.navigation_link { 
display:block; width:100%;
 }

td.navigation_link { 
background-color:#FFFFFF; }

a.navigation_selected { color:black; }

td.navigation_selected { 
background-color:#FFFFFF; 
}


.formField_label { 
font-size:12px;
 }

/*ie fixes*/

.pagearea table {
				width:auto;
			}
			

.spooter * {
font-size:11px
}
			
.spooter a:hover {
color:#bdbdbd;
}

/* gimpage */

.bottomColin .widgetBit {
left:105px;
background-color:green;
}