/**********************************************************************
	defaults settings
**********************************************************************/
body 	{
	/* background:#2765AF url("../images/body_bg.jpg") repeat-x 0 0; */
	background:#2765AF url("../images/backblue.gif") repeat 0 0;
	color:#000000; 
	margin:20px 0px;
	padding:0; 
	font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif;
	font-size:90%;
	text-align:center;}

p	{
	margin:0; 
	padding:0 0 15px 0; }
	
a	{
	color:#000000; 
	text-decoration:underline; }

a:hover	{
	color:#225799; 
	text-decoration:none;}

img {
	padding: 5px;}

/******************************
 	structural elements
 	the main box to hold all content
*******************************/
#container	{
	text-align:center;
	width: 794px; /*width:100%; */
	margin-top: 0px;
	margin-right: auto; 	/*margin-right: 4px;*/
	margin-bottom: 0px;
	margin-left: auto;} 	/*margin-left: 4px; */

/******************************
	It hold the Logo on the top,
	the navigation bar on the top
	the Top Header Banner Bar
*******************************/
#holder		{
	width:100%; 
	padding:20px 20px 5px 20px; 
	background:#FFFFFF; 
	text-align:left; }

/* Display Logo in top left corner */
#logo		{
	background:url("../images/centrapoint_logo.gif") no-repeat 5px 0; 		 	
	border-bottom:1px solid #DADADA; padding:5px 30px 30px 0px; }

/* Original Navigation bar below logo */
#navigation	{
	padding:10px 0; }

/* Header Locate below the horizontal bar */
#header		{
	background:#DADADA url("../images/header_home.jpg") no-repeat 10px 10px; 
	padding:10px; height:200px; }

/*#content	{float:left; width:490px; padding:20px 10px 0 0; line-height:160%; }*/

/* #content	{float:left; width:400px; padding:20px 10px 20px 10px; line-height:160%; } */

/* the main content - all data place here */ 
#content {
	float:left; 
	width:400px; 
	padding:20px 10px ; */
	background-color:#FFF;
	line-height:160%;}
	

/* content box with content 
	the maximum images width: 400-5-5=390
*/
.contentBox {
	padding:5px;
	margin-bottom:10px;
	/*background: #EEE;*/
	border:1px solid #ffeb70;
	font-size: .8em;
	line-height:110%;}

.contentBox h1{
	color:#F63;}

.contentBox h2{
	color:#F63;}

.contentBox h3{
	color:#F63;}
	
.contentBox ul{
	list-style: none;}
	
.contentBox li{
	list-style:none;
	background: url("../images/li_bull.gif") no-repeat 0 50%;
	padding-left: 17px;}
	
#bigContent {
	float:left;
	width: 550px; /*content box px + new item px, 400+174 */
	padding: 20px 10px;
	line-height:160%;}

#fullwidthContent {
	float:left;
	width: auto;
	padding: 20px 10px;
	line-height:160%;}

/* the vertical box on the right */
#news		{
	float:right; 
	width:174px; 
	padding:20px 0;;
	line-height:140%;} /*text-align:justify; } */

/* each items within news or shortcuts */
.newsItem	{
	padding:20px 20px 5px 20px;
	background:#FEFFD5; 
	border:1px solid #FFEB70; 
	font-size:90%; 
	margin-bottom:20px; }

/* vertical Box  on the left */
#shortcuts	{float:left; width:200px; padding:20px 0; line-height:140%; text-align:justify;}
.newscut 	{padding:20xp 20px 5px.m 20px; background:#FEFFD5; border:1px solid #FFEB70; font-size:90%; margin-bottom:20px;}

#footer		{clear:both; width:100%; font-size:80%; background:#DADADA; padding:20px; text-align:left; border-top:2px solid #2765AF; }
#copyright	{float:right; }


/*headings*/
.newsItem h1	{
	color:#225799; 
	margin:0 0 10px 0; 
	padding:0; 
	font-size:130%; 
	font-weight:normal; }
	
#content h1		{
	font-size:170%; 
	font-weight:normal; 
	line-height:130%; 
	margin:0; 
	padding:0 0 20px 0;}
	
#logo h1		{ 
	visibility:hidden; 
	font-weight:normal; 
	font-size:170%; 
	margin:0; 
	padding:0; 
	color:#225799; }
	
.newscut h1		{
	color:#225799; 
	margin:0 0 10px 0; 
	font-size:130%; 
	font-weight:normal; }

/*navigation*/
#navigation ul 		{margin:0; padding:0; }
#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }
#navigation a		{color:#225799; padding:0 20px 0 0; text-decoration:none; }
#navigation a:hover	{color:#000000; }

#footer ul 		{margin:0; padding:0; }
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover	{color:#000000; text-decoration:none; }


/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:8e8e8e;
	}
	
.menu ul{
	background:url("../images/menu-bg.gif") top left repeat-x;
	height:43px;
	list-style:none;
	margin:0;
	padding:0;
	}
	
.menu li{
	float:left;
	}
	
.menu li a{
	color:#666666;
	display:block;
	font-weight:bold;
	line-height:43px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
	}

.menu li a:hover{
	color:#000000;
	text-decoration:none;
	}

.menu li ul{
	background:#e0e0e0;
	border-left:2px solid #0079b2;
	border-right:2px solid #0079b2;
	border-bottom:2px solid #0079b2;
	display:none;
	height:auto;
	filter:alpha(opacity=95);
	opacity:0.95;
	position:absolute;
	width:225px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}

.menu li:hover ul{
	display:block;
	}

.menu li li {
	display:block;
	float:none;
	width:225px;
	}

.menu li ul a{
	display:block;
	font-size:12px;
	font-style:normal;
	padding:0px 10px 0px 15px;
	text-align:left;
	}

.menu li ul a:hover{
		background:#949494;
		color:#000000;
		opacity:1.0;
		filter:alpha(opacity=100);
		}

.menu p{
	clear:left;
	}	

.menu #current{
	background:url("../images/current-bg.gif") top left repeat-x;
	color:#ffffff;
	}

/* ------------------------------- */
/* Vertical Menu Start */
#vmenu {
        /*width: 188px; 
        border-style: solid solid none solid;*/
        border-color: #94AA74;
        border-size: 1px;
        border-width: 1px; */
        /* margin: 10px; */
		/*margin:0px;*/
		/*margin-bottom: 20px;*/
		padding-bottom:20px;
        }
		
#vmenu ul {
    list-style: none;
    margin: 0;
/*    padding: 20px 20px;*/
    }
		
#vmenu li {
	list-style: none;
	}

#vmenu li a {
/*        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;*/
        text-decoration: none;
		list-style: none;
        }
 
#vmenu li a:link, #vmenu li a:visited {
        color: #5E7830;
        display: block;
/*        background: url("../images/vmenu.gif");
		width: 188px;*/
        padding: 8px 0 0 10px; */
		text-decoration:none;
		list-style: none;
        }
 
#vmenu li a:hover, #vmenu li #current {
        color: #26370A;
/*        background: url("../images/vmenu.gif") 0 -32px; */
        padding: 8px 0 0 10px;*/
		text-decoration:none;
/*		width:188px; */
		list-style: none;
        }
 
#vmenu li a:active {
        color: #26370A;
/*        background: url("../images/vmenu.gif") 0 -64px; */
        padding: 8px 0 0 10px;*/
		text-decoration:none;
/*		width:188px; */
		list-style: none;
        }
		
/* Block Quote */
blockquote {
  width: 270px;
  text-align: center;
  margin: 0;
  padding: 0;
  font-family: georgia, serif;
  font-size: 180%;
  letter-spacing: -1px;
  line-height: 1em;
  text-align: center;
  color: #555;
  background: #eee url("../images/fi_top.gif") no-repeat top left;
  }
 
#quote {
  margin: 0 10px 0 0;
  padding: 20px 10px 10px 20px;
  background: url("../images/fi_bottom.gif") no-repeat right bottom;}

#author {
  margin: 0;
  padding: 0 0 10px 0;
  color: #999;
  font-size: 60%;
  background: url("../images/hpquote_bottom.gif") no-repeat bottom;
}
/* end of block quote */

/* make leading char bigger */
.drop {
  float: left;
  font-size: 400%;
  line-height: 1em;
  /* margin: 4px 10px 10px 0;*/
  margin: 4px;
  padding: 4px 10px;
  border: 2px solid #ccc;
  background: #eee;
}