/* <!-- */
    /* General styles */

    /* \*/
    * html .gainlayout { height: 1%; }
    /* */

    body {
        margin:0 auto;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:800px;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
							text-align:center;
		font-size:90%;
		font-family: arial, sans-serif;
    }
	a {
				color: #006aa0; 
        font-size: 10pt; 
        font-family: Arial; 
        font-weight: bold; 
        line-height: 10pt; 
        text-decoration: underline 
}
	    .cyan {
     color: #008c93;
     }
     .credential{
     margin:5;
     }
     .navlink{
     background-color: teal;
     color: white;
     text-decoration: none;
     }
a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:10px 0 5px;
	}
		#header {
		margin: 0 auto 10px;
        position:relative;
        /*clear:both;*/
		/*float:left; */
		width:771px;  
	}
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
    margin: 0 auto;
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		width:771px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		text-align:left;
	}
	/* 2 column left menu settings */
	.leftmenu {
	    /*background:#FFD8B7; */
	}
    .leftmenu .colright {
    float:left;
    width:200%;
		position:relative;
		left:200px;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	   /* text-align:right; */
	}
.ie    .leftmenu .col1wrap {
	    float:right;
	    width:551px;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	   /* text-align:right; */
	}
	.leftmenu .col1 {
      margin:0 15px 0 215px;
	    position:relative;
	    width: 530;
	    right:100%;
	    overflow:hidden;
	}
.ie	.leftmenu .col1 {
      margin:0 15px 0 215px;
      width:530px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:170px;
        position:relative;
        right:185px; 
        /*
				margin: 0 0 -10px;
        padding: 10px;
        display:inline-block;*/
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:800px;
		/* border-top:1px solid #000;*/
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    /* --> */
    .bloglink{
    margin: 10px 0 5px;
		}
    .bloglink a img{
    margin: 0;
		}
		.preview{
			border: none;
			text-decoration: none;
			
		}

a.preview {
  float: right;
	height: 116px; 
	width: 292px; 
	display: block; 
	background: url(/images/bloglink.gif) no-repeat; 
	}

a.preview:hover
{
			/*background: transparent;*/
	background: url(/images/bloglink.gif) no-repeat; 
			background-position: 0px -116px;
}
.leftbarQuotes { color: #008c93; font-size: 12px; font-family: Arial; font-style: italic; font-weight: bold; line-height: 14px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px }

.ie .example {
  background-color: yellow
}
.ie7 .example {
  background-color: orange
}
.gecko .example {
  background-color: gray
}
.win.gecko .example {
  background-color: red
}
.linux.gecko .example {
  background-color: pink
}
.opera .example {
  background-color: green
}
.konqueror .example {
  background-color: blue
}
.webkit .example {
  background-color: black
}
.chrome .example {
  background-color: cyan
}
.example {
  width: 100px;
  height: 100px;
}
.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }