/* Main Body Styles */

body {

	background-color: #628CB2;

	background-image:  url('images/bg.gif');

	background-repeat: repeat

}

div.container {

	width: 100%;

}

div#mainarea {

	position:absolute;

	left:50%;

	top:0px;

	width:780px;

	height:677px;

	margin-left: -390px;

}



/*Logo */

div#logo {

	position:absolute;

	left:48px;

	top:0px;

	width:162px;

	height:97px;

}



/* Navigation */

div#navmenu {

	position:absolute;

	left:210px;

	top:69px;

	width:544px;

	height:28px;

}



/* Left Menu */

div#mycc {

    position:absolute;

	left:48px;

	top:97px;

	width:160px;

	height:436px;

	background-color: #CCE5EF;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #CBDAED;

}



.leftmenutext {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #005476;

	padding-left: 10px;

	line-height: 16px;

	padding-right: 10px;

	padding-top: 4px;

	width: 139px;

}

.leftmenutext a{

	font-weight: bold;

	color: #336666;

	text-decoration: underline;	

}



#others {

	background-color: #CCE5EF;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #CBDAED;

}



/* Content Area */

#mainfield {

	position:absolute;

	left:210px;

	top:97px;

	width:544px;

	height:342px;

	background-image: url('images/mainfield.gif');

	background-repeat: no-repeat

}

#fieldtext {

	position:absolute; 

	left:116px; 

	top:11px; 

	width:418px; 

	height:342px; 

	z-index:2

}

.headline {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 22px;

	font-weight: bold;

	color: #007CB2;

	text-decoration: none;

	line-height: 28px;

}

.fieldbullets {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	line-height: 24px;

	list-style-type: square;

}

#contentfield {

	left:48px;

	top:439px;

	width:706px;

	height:1;

	z-index:1;

	position: absolute;

	background-color: #FFFFFF;

}

#content {

	position:absolute;

	left:48px;

	top:97px;

	width:706px;

	height:1;

	z-index:1;

	position: absolute;

	background-color: #FFFFFF;

}

#otherscontent {

	background-color: #CCE5EF;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #CBDAED;

	height: 300px;

}

#whatsnewcontent {

	background-color: #FFFFFF;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #90C0D3;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	padding: 10px 5px 5px 20px;

	line-height: 16px;

}

#specialscontent {

	background-color: #FFFFFF;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CBDAED;

	border-left-width: 1px;

	border-left-style: dotted;

	border-left-color: #CBDAED;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	padding: 10px 5px 5px 20px;

	line-height: 16px;

}

#leftheader {

	margin-left: 2px;

}



/*  Submenu */

#submenu {

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #90C0D3;

	border-right-width: 2px;

	border-right-style: solid;

	border-right-color: #CBDAED;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #90C0D3;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #333333;

	text-align: right;

	padding-right: 10px;

	padding-top: 4px;

}



/*Footer*/

#footer {

	background-color: #2D748E;

	height: 40px;

	border-right: 2px solid #CCE5EF;

	border-bottom: 2px solid #CCE5EF;

	border-left: 2px solid #CCE5EF;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 11px;

	/*font-weight: bold;*/

	padding-left: 10px;

	color: #57ABCA;

}

#footer a{

	color: #57ABCA;

	text-decoration: none;

}

#footer a:hover{

	color: #FFFFFF;

	

}



/* Inside Page Layout */

#leftpanel {

	background-color: #CCE5EF;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #CBDAED;

	height: 300px;

}

#mainpanel {

	background-color: #FFFFFF;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #90C0D3;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	padding: 10px 20px 5px;

	line-height: 16px;

}

#mainpanel a{

	color: #336699;

	text-decoration: none;

}

#mainpanel a:hover{

	color: #336699;

	text-decoration: underline;

	background-color: #F5FCFC;

}

#rightpanel {

	background-color: #FFFFFF;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CBDAED;

	border-left-width: 1px;

	border-left-style: dotted;

	border-left-color: #CBDAED;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	padding: 10px 5px 5px 20px;

	line-height: 16px;

}

.userlistheading {

	font-weight: bold;

	color: #FFFFFF;

	background-color: #336699;

}

.userlistheading2 {

	font-weight: bold;

	color: #FFFFFF;

	background-color: #FF6633;

}

.myccmenu {

	display: inline;

	list-style-type:square; list-style-image:url('none'); list-style-position:outside

}

.myccmenu li{

	margin-bottom: 10px;

	margin-left: 15px;

	margin-top: 2px;

}

.articleTitle {

	font: bold 18px Tahoma, Arial, Helvetica, sans-serif;

	color: #FF9900;

}

.articleListing {

	border-bottom: 1px dashed #CCCCCC;

}

.articleInfo {

	font-size: 10px;

	color: #666666;

}

.articleSummary {

	padding: 12px 4px;

	display: block;

}

.homeContent {

	width: 223px;

}

span.homeListTitle a{

	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;

	color: #FF9900;

	text-decoration: none;

}

span.homeListTitle a:hover{

	text-decoration: underline;

}

.homeListSummary{

	padding: 8px 2px;

	display: block;

	margin-bottom: 12px;

	border-bottom: 1px dotted #CCCCCC;

	font: 10px Tahoma, Arial, Helvetica, sans-serif;

}

.homeListSummary a{

	padding: 8px 2px;

	display: block;

	float: right;

	font-size: 9px;

	color: #FF9900;

}

span.homeListTitle2 a{

	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;

	color: #F04E23;

	text-decoration: none;

}

.archiveLink{

	padding: 8px 2px;

	display: block;

	font-size: 12px;

	color: #6AABDC;

	text-decoration: none;

}

.archiveLink:hover{

	text-decoration: underline;

}

.showTitle{

	font-size: 24px;

	font-weight: bold;

	line-height: normal;

}

.showSubTitle{

	font-size: 14px;

	line-height: normal;

	color: #999999;

	font-weight: bold;

	padding-left: 4px;

}

.showAuthor{

	font-size: 9px;

	padding-left: 8px;

}

.showBody{

	font-size: 12px;

	padding-left: 8px;

}