BODY {
	FONT-FAMILY: Verdana, sans-serif;
	font-size: 0.8em;
	
	MARGIN-LEFT: 0;
	MARGIN-RIGHT: 0;
	
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #000066;
	scrollbar-highlight-color: #C8C8C8;
	scrollbar-3dlight-color: #000066;
	scrollbar-darkshadow-color: #C8C8C8;
	scrollbar-track-color: #C8C8C8;
}

a.lb:link {color:#FFFFFF}
a.lb:visited {color: #FFFFFF}
a.lb:visited:hover {color: #CCFFFF}
a.lb:hover {color:#CCFFFF}

a.m:link {color:#FFFFFF; text-decoration: none}
a.m:visited {color:#FFFFFF; text-decoration: none}
a.m:visited:hover {color:#000066; text-decoration: none}
a.m:hover {color:#000066; text-decoration: none}

a:hover {color:#000066; text-decoration:underline} 
a{color:#006699; text-decoration:underline} 
a:active {color:#000066; text-decoration:underline} 
a:visited {color:#006699; text-decoration:underline} 
a:visited:hover {color:#000066; text-decoration:underline} 


td {color:#000000; font-size:11; font-family:verdana} 
b {color:#006699; font-size:11; font-family:verdana} 

.menu-header{
	color:#FFFFFF;
	letter-spacing: 2px;
	font-size: 0.7em;
	font-family:arial;
	text-align:left;
	width: 100%;
	border-bottom: 1px solid #FFFFFF;
	margin: 0px;
}

/* color modifiers */
.wh {color: #FFFFFF}
.lb {color: #CCFFFF}
.bl {color: #000000}

td.error{
	background-color: #FFCCCC;
	border-style: solid;
	border-color: #FF0000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
}
td.error b{
	color: #FF0000;
}

td.valid{
	background-color: #CCFFCC;
	border-style: solid;
	border-color: #00CC00;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
}
td.error b{
	color: #00CC00;
}

table.navBox{
	width: 100%;
	color: #000000;
	font-weight: bold;
	background-color: #EFEFEF;
	border-style: solid;
	border-color: #000000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
}


.boxtitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color: #006699} 

.plus1 {font-size:12px;}
.plus2 {font-size:13px;}
.plus3 {font-size:14px;}

.galleryName {
	font-weight: bold;
	font-size: 1.2em;
}


INPUT.ccc-text {BACKGROUND : #FFFFFF; COLOR: #000000; BORDER: solid 1px #000000; FONT-SIZE: 8px} 
INPUT.r-button {BACKGROUND : none; COLOR: #000000; BORDER: FONT-SIZE: 9px} 
SELECT.pn-text {BACKGROUND : #FFFFFF; COLOR: #000000; BORDER: solid 1px #000000; FONT-SIZE: 8px}

table.form th{
	text-align: right;
	font-weight: bold;
	font-size: 10pt;
}


/* This is the outline round the main forum tables */ 
//.contentbox     { background-color: #345487; border: 1px #006699 solid; } 
.contentbox     { background-color: #345487;} 
.pic     { border: 1px #000000 solid; } 


/* Main table cell colours and backgrounds */ 
td.row0     { background-color: #FFFFFF; }
td.row1     { background-color: #EFEFEF; } 
td.row2     { background-color: #DEE3E7; } 
td.row3     { background-color: #D1D7DC; }
tr.hdr {
	background-color: #FFFFCC;
	border-style: solid;
	border-color: #000000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
}
.even { background-color: #FFFFFF; }
.odd { background-color: #D8D8D8; }


td.boxHead { 
               background-image: url(http://www.cornerstone-cc.org/images/new_layout/boxHeaderbkgd.gif); 
} 



/* 
Setting additional nice inner borders for the main table cells. 
The names indicate which sides the border will be on. 
Don't worry if you don't understand this, just ignore it :-) 
*/ 
td.boxHead{ 
     height: 29px; 
} 

td.boxHead { font-size: 12px; border-width: 1px 1px 0px 1px; } 


/* =========== Side Menu CSS ================= */

#navlist{
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	list-style: none;
	font-size: 0.9em;
}

#navlist li{
	padding-left: 0px;
}

#menu {
	width: 120px;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 0px;
}

#menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, sans-serif;
}

#menu li { margin: 0; }

#menu a{
	display: block;
	color: #FFFFFF;
	background-color: #000066;
	width: 116px;
	padding: 2px 1px 2px 5px;
	text-decoration: none;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
}

#menu a:hover{
	background-color: #CCFFFF;
	color: #000000;
	width: 115px;
	border-right: 1px solid #000;
	border-top: 0px solid #254058;
	border-bottom: 0px solid #254058;
	border-left: 0px solid #254058;
	padding: 2px 1px 2px 5px;
}

#menu ul ul{
	list-style-type: none;
	margin-bottom: 10px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#menu li li a{
	display: block;
	color: #FFFFFF;
	background-color: #000050;
	width: 116px;
	padding: 2px 1px 2px 5px;
	text-decoration: none;
}

#menu li li a:hover{
	width: 115px;
	padding: 2px 1px 2px 5px;
}