/***********************************************/
/* ccpstyle_v4.css                            */
/* Corban Capital Website v2.0       (c) 2008 */
/* v4 first used 27feb08                      */
/***********************************************/

/* note: padding, margin all-in-one is: top,right,bottom,left */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0 350px 0 350px; /* these side paddings together determine the natural min-width */
	text-align: center; /* this centers the wrappers in older IEwin versions */
	background: #cccccc url(images/bg_grad.jpg) fixed;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/* this uses "voice-family" to cover browser errors. voice-family cuts the definition */
   
/* old page_content */
/* #page_content{           */
/* 	position:absolute;           */
/* 	top: 162px;           */
/* 	left: 2%;           */
/* 	right: 2%;           */
/* 	width:95.6%;           */
/* 	background-color: #ffffff;             */
/* 	min-width:600px;           */
/* 	width:600px;           */
/* }           */

/* html>body #page_content {width: 95.6%;}           */

#page_fluid {
	margin: 0 auto 0 auto; /* this centers the wrappers in standards browsers */
	width: 100%; /* here is the critical value for customizing fluid behavior */
}

#page_main {
	top:0px;

  /* fluid box layout including minwidth fix (by having margins not less than 300 outside previous div */
	margin: 0 -325px 0 -325px; /* these side margins should be the same or slightly less than body paddings */
	min-width: 650px; /* This prevents Safari from losing the negative margins in narrow windows */
	position: relative;
}

/* Holly hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/
* html #page_main { height: 0; }
/* */


#page_content {
	width: 100%;
	position:relative;
        top:34px;
	padding:1em .5em .75em .5em;
        margin-bottom: .5em;
	text-align:left;
	background: white;
	border:1px solid #999999;

}



#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

/*
#masthead{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width:95.6%;
	min-width:600px;
	width:600px;
}
html>body #masthead {width: 95.6%;}
*/

#masthead{
	position:relative;
	width:100%;
 /*	background: #002164; */
	background: #002164 url(images/mhb.gif) fixed;
	/* top:7px; */
	height:128px; 
	margin-top:7px;
	padding:0 .5em 0 .5em;
}

#masthead img {
	position: absolute;
	top: 0px;
	height: 128px;
	border:0px;

}

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#content{
	/* display: inline; */
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 178px;
	border-left: 1px solid #ccd2d2;
	text-align:left;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #919999;
}

#utility a{
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
}

/************** pageName styles ****************/

#pageName{
	height:60px;
        padding: 0px 0px 5px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
	text-align:left;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

/************* globalNav styles ****************/

#globalNav{
position: relative;
width: 100%;
min-width: 640px;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image: url(glbnav_background.gif);
}

#globalNav img{
	margin-bottom: -4px;
 
}


#globalLink{
	position: absolute;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}


a.glink, a.glink:visited{
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover{
	background-image: url(glblnav_selected.gif);
	text-decoration: none;
	background-repeat: repeat-x;
}

.skipLinks {display: none;}

/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	top: 84px;
	left: 0px;
	/*width: 100%;*/
	min-width: 640px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #ffffff;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #ffffff;
}

.subglobalNav a:hover{
	color: #cccccc;
}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}


/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 0px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


/************** feature styles *****************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 5px 0px 5px 0px;
}

.feature ul{
	list-style-type: circle;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}

.feature object{
	float: left;
	border:0;
	width:197px; 
	height:282px;
	margin: 0px 10px 0px 0px;
        padding: 0px 10px 0px 0px;
}

/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 5px 10px 10px 10px;
	margin-top: 0px;
	text-align:left;
}

#siteInfo img{
	padding: 0px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	color:#ffffff;
	background-image: url(images/sl_hover.gif);
	font-weight: bold;
	text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}


/**************** advert styles *****************/

#advert{
	padding: 10px;
}

#advert img{
	display: block;
}



/************* TopNavBar styles ****************/




#TopNavBar_wrapper {
  width: 100%;
  position:relative;
  background:blue;
  height:32px;

}


.TopNavBar {
  height: 32px;
  width: 100%;
  color: #cccccc;
  	position: absolute;
	top: 2px;
	left: 1px;
	/* left: 2px; */

  /* padding: 0px 0px 0px 0px; */

	padding:0 .5em 0 .5em;

  /* border-bottom: 1px solid #CCC; */
background-image: url(images/topnav_background.gif);  
}

.TopNavBar img{
  display: block;
  margin-bottom: -4px;
}

.TopNavBar a,
.TopNavBar a:visited {
  font-size: 80%;
  padding: 0 6px 0 6px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

#TNB_tl {
	position: absolute;
	top: 0px;
	left:0px;
}

#TNB_tr {
	position: absolute;
	top: 0px;
	right:0px;
}


/* -----------------------------------------------------------*/


.TopNav {
	/* position: absolute; */
	position:relative;
	top: 5px;
	left: 3px;
	/* right: 2%; */
	/* width:600px; */
	height: 32px;
        /* padding-bottom:150px; */
	/* min-width: 640px; */
	/* padding: 0px; */
	/* margin: 0px; */
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
  /* border-bottom: 1px solid #CCC; */
}

.TopNav table {position:absolute; top:0; left:0;}

/* remove all the bullets, borders and padding from the default list styling */
/* ---------- */
.TopNav ul {
  padding:0;
  margin:0;
  list-style-type:none;
}


/* ---------- */
.TopNav ul ul {
  width:150px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/* ---------- */
.TopNav li {
  float:left;
  /* width:150px; */
  position:relative;
}

/* style the links for the top level */
/* ---------- */
.TopNav a, 
.TopNav a:visited {
  display:block;
  font-size: small;
  color: #000000;
  text-decoration:none; 
  font-weight: bold;
  /* margin: 0px; */
  padding: 2px 5px 0px 5px;
  border-left: 1px solid #8FB8BC;	
  border-right: 1px solid #8FB8BC;
  height:auto;
  line-height:22px;
}



/* style the second level background */
/* ---------- */
.TopNav ul ul a.drop, 
.TopNav ul ul a.drop:visited {
  background:#949e7c;
}
/* style the second level hover */
/* ---------- */
.TopNav ul ul a.drop:hover{
  background:#c9ba65;
}
/* ---------- */
.TopNav ul ul :hover > a.drop {
  background:#c9ba65;
}
/* style the third level background */
.TopNav ul ul ul a, 
.TopNav ul ul ul a:visited {
  background:#e2dfa8;
}
/* style the third level hover */
.TopNav ul ul ul a:hover {
  background:#b2ab9b;
}
.TopNav ul ul ul :hover > a {
  background:#b2ab9b;
}

/* hide the sub levels and give them a position absolute so that they take up no room */
/* ---------- */
.TopNav ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:24px;
  left:0px; 
  width:150px;
}

/* position the third level flyout menu */
.TopNav ul ul ul{
  left:150px; 
  top:0;
  width:150px;
}

/* position the third level flyout menu for a left flyout */
.TopNav ul ul ul.left {
  left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
/* table {position:absolute; top:0; left:0;} */

/* style the second level links */
/* ---------- */
.TopNav ul ul a, 
.TopNav ul ul a:visited {
  background:#D8D8D8;
  color:#000; 
  height:auto; 
  line-height:1em; 
  padding:5px 10px; 
  width:129px;
  font-weight: normal;
}

/* yet another hack for IE5.5 */
* html .TopNav ul ul a{
  width:150px;
  w\idth:129px;
}


/* style the top level hover */
/* ---------- */
.TopNav a:hover {
  color:#000066;
  background:#003399; 
	background-image: url(images/topnav_selected.gif);
	background-repeat: repeat-x;
}


.TopNav ul ul a:hover{
  color:#fff;
  background:#000066; 
}

/* ---------- */
/* .TopNav :hover > a, */
.TopNav ul ul :hover > a {
  color:#fff;
  background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.TopNav ul :hover ul{
  visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
.TopNav ul :hover ul ul{
  visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.TopNav ul :hover ul :hover ul ul{
  visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.TopNav ul :hover ul :hover ul{ 
  visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link */
.TopNav ul :hover ul :hover ul :hover ul { 
  visibility:visible;
}

/* -----------------------------------------------------------*/



  #footer { border-top: 1px dotted rgb(153, 153, 153);
    color: rgb(153, 153, 153);
    font-family: Courier New,Courier,monospace;
    text-align: center;
    padding-top: 7px;
    font-size: 60%;
    }

  .h2 { color: rgb(102, 0, 0);
    }

  a.navlink { border-left: 1px solid rgb(0, 0, 102);
    border-right: 1px solid rgb(0, 0, 102);
    color: #336633;
    font-weight: bold;
    text-decoration: none;
    font-family: Arial,Helvetica,sans-serif;
    background-image: url(ftrnav_background.gif);
    }

  a.navlink:hover {
	border-color: rgb(0, 0, 102);
	border-width: 1px;
	font-weight: bold;
	display: block;
	opacity: 0.542;
	background-color: rgb(0, 0, 102);
	color: #333333;
	font-family: Arial,Helvetica,sans-serif;
	background-image: url(ftrnav_selected.gif);
    }

  #footernav { border-top: 1px solid rgb(0, 0, 102);
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    padding-top: 5px;
    font-size: 60%;
    color: rgb(0, 102, 0);
    }

/* -----------------------------------------------------------*/


.normalHeading {
     font-style: bold;
     text-decoration: underline;
     color: rgb(0,102,0);
}


  .pageheading { font-family: Arial,Helvetica,sans-serif;
    font-size: medium;
    font-weight: bold;
    text-decoration: underline;
    color: rgb(0, 102, 0);
    }

 
  .docliststyle {
     font-size: 11px;
     color: rgb(0,0,0);
     text-align: left;
  }

  .docliststyle tr:hover {
     background:#cccccc;
  }


  .sectionHead {
     font-style: bold;
     color: rgb(255,255,255);
     background:rgb(102,0,0);
  }

  .subsectionHead {
     font-style: bold;
     color: rgb(0,0,0);
     background:#9999FF;
   }

  .shadedrow {
     color: rgb(0,0,0);
     background: #FFFFCC;
  }

  .shadedrow tr:hover {
     background: #cccccc;
  }


  .doclistfile {
     font-style: bold;
     color: rgb(0,0,102);
  }

  .doclistfile a, 
  .doclistfile a:visited {
     text-decoration:none;
  }

 .doclistfile a:hover {
    color: rgb(255,255,255);
    background: rgb(0,102,0);
  }





/********************* end **********************/