﻿*
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

img 
{
	border:none;
}





a {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #FF6600;
	text-decoration: none;
	font-weight: normal;
}






body 
{
	margin: 0 0 0 0;
	background-image: url(../../images/back.jpg);
	font-size: 12px;
	color: #666666;
}





/* content defaults */
h1
{
	font-size: 12px;
	color: #666666;
	font-weight:bold;
}


h1.topic
{
	background:url('../../images/mark_blue.jpg') no-repeat top left;
	line-height:25px;
	padding-left:15px;
	margin:0 0 10px 0;	
}


















#header
{
background:#2ba8be url('../../images/back_topo.jpg') repeat-x top left;
height:212px;
text-align:center;
}

#header_banner
{
text-align:left;
background:#2ba8be url('../../images/banner.jpg') no-repeat top left;
height:212px;
width:900px;
margin:0 auto 0 auto;
}


#login_box
{
	width:130px;
	border:none;
	padding-top:70px;
	padding-right:8px;
	padding-left:50px;
 
	line-height:15px;	
}

#login_box span
{
	color:white;
	font-weight:bold;
	display:block;
	height:15px;	
	margin-top:1px;
}

#login_box .inputtextbox, #login_box .inputbutton
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #999999;


}

#login_box .inputtextbox
{
	width:125px;
}

#login_box .inputbutton
{
	margin-top:15px;
	float:right;
	margin-right:2px;
}



#wrapper
{
	width:900px;
	min-height:584px;
	background-color:#f4f4f4;
	margin:0 auto 0 auto;
}


/* -------------------------------------------------------------------------------------
 *
 * structure
 *
 * ------------------------------------------------------------------------------------- */
#content_1
{
	width:190px;
	min-height:580px;
	background:url('../../images/logo_cofc.jpg') bottom right no-repeat;
	float:left;
}

#content_2
{
/*	position:absolute; top: 0; left:180px; */
	
	width:510px;
	float:left;
	margin-left:10px;
}

#content_2_content
{
	min-height:520px;
	background: url('../../images/center_top.jpg') top left no-repeat;
	clear:both;
	padding: 15px 15px 15px 15px;
}

#content_2_bottom
{
	height:29px;
	background: url('../../images/center_bottom.jpg') top left no-repeat;
	clear:both;
}

#content_3
{
	width:180px;
	min-height:584px;
	float:right;
}


/* -------------------------------------------------------------------------------------
 *
 * left navigation links
 *
 * ------------------------------------------------------------------------------------- */
.left_nav
{
	margin-top:10px;
	list-style:none;
	margin-left:0px;
	margin-bottom:15px;
}

.left_nav li
{
	background:url('../../images/back_menu.jpg') bottom left no-repeat;
	height:25px;
	line-height:20px;
	padding-left:3px;
}

.left_nav li a 
{
	font-size: 14px;
}


/* -------------------------------------------------------------------------------------
 *
 * right sidebar topics
 *
 * ------------------------------------------------------------------------------------- */
div.topic
{
	margin-bottom:10px;
	line-height:15px;
}

div.topic h3, .mynewsdate
{
	font-size: 10px;
	color: #33CC00;
	font-weight: normal;
	margin: 0 0 0 0;
}

div.topic a
{
	font-size: 12px;
	color: #0099CC;
	font-weight: bold;
}

div.topic a:hover
{
	color:#000080;
}


div.topic p
{
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	margin: 0 0 0 0;
}

#content_2_content h1, .mynewstitle
{
	font-size: 14px;
	color: #0099CC;
	font-weight:normal;
}

#content_2_content .mynewstitle
{
	font-weight:bold;
}

#content_2_content h2
{
	font-size: 12px;
	color: #666666;
	font-weight:bold;
}

#content_2_content p
{
	text-align:justify;
}

#content_2_content p a
{
	font-style:italic;
	color:#000080;
}
#content_2_content p a:hover {
	color: #FF6600;
}


#content_2_content .MyFolder img ,#content_2_content  .MyFile img
{
	width:22px;
	height:22px;
	border:none;
	vertical-align:middle;
}





#footer
{
	
	font-size: 10px;


	height:39px;
	line-height:39px;
	background:#838381 /*url('../../images/back_bottom.jpg') repeat-x top left*/;
	color:#cccccc;
	vertical-align:middle;
	text-align:center;


}

#footer a
{
	font-weight:normal;
	color: #f0f0f0;
}
#footer a:hover {
	color: #404040;
}

