/*** Layout ***/
body {
			margin: 0;
			padding-left: 170px;    /* LC fullwidth */
			padding-right: 190px;   /* RC fullwidth + CC padding */
			min-width: 240px;     /* LC fullwidth + CC padding */

		}

		#header, #footer {
			margin-left: -200px;    /* LC fullwidth */
			margin-right: -190px;   /* RC fullwidth + CC padding */
		}

		.column {
			position: relative;
			float: left;
			
		}

		#center {
			padding: 0 20px;
			width: 100%;
			
		}
		#center1 {
			padding: 0 20px;
			width: 100%;
			
		}

	#left {
  width: 200px;             /* LC width */
  margin-left: -100%;
  left: 150px;              /* RC width for IE6 */

}

body > #left {
     left: -200px;             /* -LC width for others */

}

		#right {
			width: 130px;           /* RC width */
			padding: 0 10px;        /* RC padding */
			margin-right: -100%;
		}

		#footer {
			clear: both;
		}

	
/*** Looks ***/

		body {
			background:#ffffff
		}

		#header     { font-size: large; background-image: url("../images/header3b-bg.jpg"); background-repeat: repeat; background-attachment: scroll; background-position: 0 top; text-align: center; padding: 0 }
		
		#header2     { background-image: url("../images/concept3b-header.jpg"); background-repeat: no-repeat; background-position: 0 top; position: relative; left: 0; width: 800px; height: 250px; float: inherit }
				
		#footer     { font-size: large; background-image: url("../images/concept3-footer.jpg"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; padding: 0.3em 0 }

		#left  { background-image: none;}

		#center   { background: url("../images/concept3-main-bg.jpg") no-repeat }
		
		#center1   { background:;}
		
		#right      { background: url("../images/concept3-corner.jpg") no-repeat right top }

		.column {
			padding-top: 1em;
			text-align: left;
		}
		
		
        #copyright        { background-repeat: no-repeat; padding-right: 0.2em; padding-left: 0.2em; position: relative; width: 12px; height: 12px }
#rightlogo    { padding-bottom: 2px; border-width: 0 }
.enlarge-image-callout     { background-image: url("../images/call-out-to-enlarge-150x70.jpg"); background-repeat: no-repeat; width: 150px; height: 72px }
/*** float text around images ***/
.floatImgLeft { 
    float:left;
    margin-top:10px;
    margin-right:10px;
    margin-bottom:10px;
   
}
.floatImgRight { 
     float:right;
    margin-top:10px;
    margin-right:10px;
    margin-bottom:10px;
    
}
.picture                { border-width: 2px; border-color: #dcdcdc; outline-width: 2px }
.pictureNoBorder   { border-width: 0 }
/*** image drop shadow ***/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1   { background: url("../images/shadows/shadow.gif") no-repeat right bottom; float: left }
.wrap2   { background: url("../images/shadows/corner_bl.gif") no-repeat left bottom }
.wrap3   { background: url("../images/shadows/corner_tr.gif") no-repeat right top; padding: 0 8px 8px 0 }
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}
#v1 .wrap1   { background: url("../images/shadows/v1/shadow.gif") no-repeat right bottom }
#v1 .wrap2   { background: url("../images/shadows/v1/corner_bl.gif") no-repeat -4px 100% }
#v1 .wrap3   { background: url("../images/shadows/v1/corner_tr.gif") no-repeat 100% -3px; padding: 0 5px 5px 0 }
#v2 .wrap1   { background: url("../images/shadows/v2/shadow.gif") no-repeat right bottom }
#v2 .wrap2   { background: url("../images/shadows/v2/corner_bl.gif") no-repeat -1px 100% }
#v2 .wrap3   { background: url("../images/shadows/v2/corner_tr.gif") no-repeat 100% -1px; padding: 0 6px 6px 0 }
#v3 .wrap1   { background: url("../images/shadows/v3/shadow.gif") no-repeat right bottom }
#v3 .wrap2   { background: url("../images/shadows/v3/corner_bl.gif") no-repeat -12px 100% }
#v3 .wrap3   { background: url("../images/shadows/v3/corner_tr.gif") no-repeat 100% -12px; padding: 0 9px 9px 0 }
#v4 .wrap1   { background: url("../images/shadows/v4/shadow.gif") no-repeat right bottom }
#v4 .wrap2   { background: url("../images/shadows/v4/corner_bl.gif") no-repeat -12px 100% }
#v4 .wrap3   { background: url("../images/shadows/v4/corner_tr.gif") no-repeat 100% -12px; padding: 0 16px 16px 0 }
#v5 .wrap1   { background: url("../images/shadows/v5/shadow.gif") no-repeat right bottom }
#v5 .wrap2   { background: url("../images/shadows/v5/corner_bl.gif") no-repeat -12px 100% }
#v5 .wrap3   { background: url("../images/shadows/v5/corner_tr.gif") no-repeat 100% -12px; padding: 0 9px 9px 0 }
#v6 .wrap1   { background: url("../images/shadows/v6/shadow.gif") no-repeat right bottom }
#v6 .wrap2   { background: url("../images/shadows/v6/corner_bl.gif") no-repeat -4px 100% }
#v6 .wrap3   { background: url("../images/shadows/v6/corner_tr.gif") no-repeat 100% -4px; padding: 0 16px 16px 0 }
.example {clear:both;margin:20px 0;}
.example p{position:relative;left:30px;}
.example a {font-weight: normal !important;}

/*** cross columun wrapping ***/
* {margin: 0; padding: 0;}
/*Override defaults for all tags. */
p {padding: .625em 0; line-height: 20px;}
#overall {width: 755px; margin: 0 auto;}
.col {width: 365px; padding: 0 5px; float: left;}
.CCspace { width: 175px; height: 315px; 
/*Set the width to half of the image and set the 
  height to the image height plus a little room 
  for the caption. */
float: right; padding: 5px;} 
/*Float the span right and include any padding. */
.CCpullout { width: 350px; height: 315px;
/*Set the width and height of the span 
  to the image size. */
float: left; padding: 5px;
/*Float the span left and give it the 
  same amount of padding as CCspace. */
margin-left: -185px;
/*Move the image into the first column by negative 
  margin. The number is half the width of the  
  image (175px) plus the gutter (10px). */
text-align: center; font-size: .9em; 
  font-weight: bold; }
/*Add styling to the caption text*/
.CCpullout span {width: 350px; position: 
  absolute; text-align: center; font-size: .9em; 
  font-weight: bold;}
.CCpullout del {font-size: 1px; color: 
  #fff; position: absolute;}
/*** Featured Items Table ***/
#featurelist tbody tr td   { background-color: #fffff0 }
#featurelist tbody tr.odd  td {
      background-color: #fff;
    }

/*** rounded box callout ***/
	dl  { background:  url("/images/call-out-bottom-round.gif") no-repeat left bottom; margin: 0 0 20px 20px; padding: 0; width: 299px }

	dt  { color: ; font-size: 130%; background: #999 url("/images/call-out-top-round.gif") no-repeat left top; margin: 0 0 10px; padding: 10px; border-bottom: 1px solid #fff }
	
	dd {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		color: ;
		font-family: Verdana, sans-serif;
		font-size: 90%;
		background: url(/d/mountaintop/arrow.gif) no-repeat 0 3px;
		}
		
	#blue dt {
		background-color: #69c;
		}
	
	#blue {
		background-color: #9cf;
		}
	
	#red dt {
		background-color: #933;
		}
	
	#red {
		background-color: #c99;
		}
	
	#green dt {
		background-color: #9c6;
		}
	
	#green {
		background-color: #cf9;
		}
/*** text and tables ***/
p  { color: #000080; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif }
.p1 { color: #000080; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif }
td {}
h1  { color: #000080; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0.67em 0 }
h2  { color: #000080; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0.67em 0 }