/* -- Basic Elements */
* {
	margin: 0;
	padding: 0;
	outline: none;
}
	
html { /* cf. http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
	min-height: 100%;
	margin-bottom: 1px;
}


body {
	font: normal 12px Arial, Helvetica, sans-serif;
	background: url(../images/design/bg7.jpg) center repeat-y;
	/*background-color: #fff;/* url(../images/design/body.gif) top left repeat-x;*/
	padding-bottom: 10px;
}


h1 {
	font-size: 20px;
	line-height: normal;
	font-weight: bold;
	color: #FA9E0D;
	
	position: relative;
}

h2 {
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	color: #00669E;
	padding-bottom: 3px;
	padding-top: 5px;
	border-bottom: 3px solid #009FC3;
	margin: 10px 0 10px 0;
}

h3 {
	font-size: 12px;
	line-height: normal;
	font-weight: bold; margin-top: 15px;
	}

h4,
h5,
h6 {
	font-size: 12px;
	line-height: normal;
	font-weight: normal;

}

hr {
	display: none;
	border: none; 
	height: 2px; 
	background: #999; 
	margin: 9px -11px;
}

p {line-height: normal; font-size: 12px; margin: 10px 0px 0px 0px;}	

ul {margin-top: 10px; margin-left: 20px;}

ul li {margin-top: 3px;}

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

#content_main1
{
  padding-left: 12px;
    width: 755px;
    padding-top: 0px;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}

#content_main2
{
	padding-left: 12px;
    width:966px;
    padding-top: 0px;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}


#content_main1 a         { color: #005B7F; }
#content_main1 a:visited  { color: #005B7F; }
#content_main1 a:hover   { color: #FA9E0D; }


/*-------------------------------CALLOUTS----------------------------------*/

.calloutbox a, .calloutboxwide a         { color: #005B7F; }
.calloutbox a:visited, .calloutboxwide a:visited  { color: #005B7F; }
.calloutbox a:hover, .calloutboxwide a:hover   { color: #FA9E0D; }

/* Ryan Thrash method http://www.modxcms.com/simple-rounded-corner-css-boxes.html */ 
.calloutbox, .calloutbox_body, .calloutbox_head, .calloutbox_head h2 {
    background: transparent url(../images/design/callout_green4.gif) no-repeat bottom right; 
} 

.calloutboxwide, .calloutboxwide_body, .calloutboxwide_head, .calloutboxwide_head h2 {
    background: transparent url(../images/design/callout_blue3.gif) no-repeat bottom right; 
} 

.calloutbox1, .calloutbox1_body, .calloutbox1_head, .calloutbox1_head h2 {
    background: transparent url(../images/design/callout_orange1.gif) no-repeat bottom right; 
} 

.calloutbox, .calloutbox1  { 
    width: 200px !important; /* intended total box width - padding-right(next) */
    /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
   /* margin: 20px auto;*/ /* use to position the box */ 
    float: left;
} 

.calloutboxwide { 
    width: 525px !important; /* intended total box width - padding-right(next) */
    /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
   /* use to position the box */ 
   margin-top: 15px;
   
   
} 
.cob_2 { /* Special width for Glossary callout box*/
position: relative; left: 20px; width:297px !important;}

.cob_1{
position: relative; left: 10px; width:140px !important;}

.frameinsidecob
{height: 355px; overflow: auto; margin: 0;}

.insidecob /*----------------------CHANGE HEIGHT OF HELP CALLOUTS-----------*/
{height: 280px; overflow: auto; margin: 0; padding-right: 5px;}

.insidecob1 /*----------------------CHANGE HEIGHT OF HELP CALLOUTS-----------*/
{height: 550px; overflow: auto; margin: 0; padding-right: 5px;}

.cob_framebodypadding {
 padding-bottom: 0px !important; padding-top: 10px !important; margin-right: -12px !important;}

.cob_framebodypadding1 {
 padding-bottom: 0px !important; padding-top: 10px !important; margin-right: -12px !important;}
 
.cob_bodypadding {
 padding-top: 10px !important; margin-right: -12px !important;}

.cob_headerpadding {

padding-bottom: 20px; /* forces more height for callouts when using more than h2 content; when you need to add extra stuff in header*/

}

.cob_headerpadding1 {

padding-bottom: 2px; /* forces more height for callouts when you need h2 content (on 2 lines) to even up with .cob_headerpadding (above)*/

}

.cob_3 {
position: relative; left: 15px; width:490px !important;}


/* set the top-right image */ 
.calloutbox_head, .calloutboxwide_head, .calloutbox1_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 10px; /* right-image-gap + right-inside padding */ 
} 



/* set the top-left image */ 
.calloutbox_head h2, .calloutboxwide_head h2, .calloutbox1_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 10px 0 8px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */
    color: #FFFFFF;
    font-size: 14px;
    margin-top: 0px !important;
    line-height: 18px;
   
} 

/* set the lower-left corner image */ 
.calloutbox_body, .calloutboxwide_body, .calloutbox1_body { 
    background-position: bottom left; 
    margin-right: 0px; /* interior-padding right */ 
    padding: 10px 0 25px 10px; /* mirror .calloutbox_head right/left */ 
    margin-top: 0px;
  
} 


/*master public----------------------------------------------------*/

#container {
	margin: 0px auto 0 auto;
	position: relative;
	width: 997px;
	background-color: #fff;
}

/*masthead public-------------------------------------------------------------*/

#branding1 {
	background: #fff;
	position: relative;
	width: 997px;
	
	
  }
#branding1 img { display: block; }
#branding1 p   { margin: 0; }

#branding-logo1 {
	background: url(../images/design/cm_masthead.jpg) no-repeat;
	width: 990px;
	height: 83px;
	z-index: 110;
	margin-left: 9px;
	margin-top: 9px;
}
#branding-footer1 {
	width: 990px;
	height: 83px;
	z-index: 110;
	margin-left: 9px;
	margin-top: 9px;
}

#branding-logo1 a {
		position: absolute;
		width: 161px;
		height: 28px;
		top: 9px;
		left: 21px;
    	z-index: 130; 
}

#branding-logo1 img,

#branding-tagline img {
		display: block;
		visibility: hidden;
}

#branding1-tagline { }


/* -------------------------- NAV ------------------------------ */

 #cm_nav {
      float:left;
   
      width: 985px;
      line-height:normal;
      position: relative;
	  left: 9px;
		margin-top: 0px;
		margin-bottom: 10px;
		z-index: 11;
		height: 35px;
      }
    #cm_nav ul {
      margin:0;
      padding:0px 0px 0;
      list-style:none;
      }
    #cm_nav li {
      display:inline;
      margin:0;
      padding:0;
	line-height:normal;
      }
    #cm_nav a {
      float:left;
     
      margin:0;
      padding:0 0 0 0;
      text-decoration:none;
      }
    #cm_nav a span {
      float:left;
      display:block;
      background:url(../images/design/cm_tab3.jpg) no-repeat right top;
      padding: 8px 57px 12px 50px;

	color:#fff; 
        font-weight: bold;
font-family: Verdana;
font-size: 10px;
      }
  
#cm_nav #lasttab a span {

	background:url(../images/design/cm_tablast.jpg) no-repeat right top;
	padding-left:51px;
}

    #cm_nav #current a {
      background-position:0 -35px;
      border-width:0;
      }
    #cm_nav #current a span {
      background-position:100% -35px;
      padding-bottom:5px;
      color:#333;
      }
    #cm_nav a:hover {
      background-position:0% -35px;
      }
    #cm_nav a:hover span {
      background-position:100% -35px;
      }

#cm_nav #lasttab a:hover span {
background-position:100% -35px;
}




.glossary ul {
list-style: none;
text-align: center;
margin-left: 0;
padding-left:0;
color: #006699;
}

.glossary ul li
{
    font-weight: bold; 
display: inline;
font-size: 12px;
padding-left: 4px;
padding-right: 4px;
}

.glossary ul li a{
font-weight: bold; 
text-decoration: underline;
color: #006699;
}

.glossary ul li a:hover
{
    color: #FA9E0D;
    text-decoration: none;
}

.glossary dd 
{
    float: none;
	width: 100%;
	
    
}
.glossary dl { border: none;}
			
.glossary dt {
	float: none;
	
		width: 100%;
		padding-top: 5px;
		
		font-weight: bold;
	}
	
.alphabet {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #00669E;
	padding-bottom: 3px;
	padding-top: 5px;
	border-bottom: 3px solid #009FC3;
	margin: 10px 0 0px 0;
}