/* default styles */

/* @alert boxes */

div.wp_box {
	border-style: solid;
	border-width: 1px;
	margin-top: 35px;
	margin-bottom: 35px;
	background-repeat: no-repeat;
	background-position: 20px center;
	padding: 15px 15px 15px 70px;
}

div.wp_box.mini {
	border-style: solid;
	border-width: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 10px 15px 5px 40px;
}

div.wp_box strong {
	font-weight: 500;
	margin-right: 10px;
	font-size: 115%;
}


div.wp_box.mini p {
	font-size: 100%;
}



/* @end */

div.info1.wp_box {
	border-color: #8ED9F6;
	background-color: #DDF3FC;
	background-image: url(img/icon/web_layout_info_32.png);
}

div.info2.wp_box {
	border-color: #8ED9F6;
	background-color: #DDF3FC;
	background-image: url(img/icon/info_button_32.png);
}

div.info.wp_box.mini {
	border-color: #8ED9F6;
	background-color: #DDF3FC;
	background-image: url(img/icon/info_button_16.png);
}

div.info.wp_box *,
div.info1.wp_box *,
div.info2.wp_box * {
	color: #477385;
}

div.note1.wp_box {
	border-color: #F5D145;
	background-color: #FFFADB;
	background-image: url(img/icon/web_layout_error_32.png);
}

div.note2.wp_box {
	border-color: #F5D145;
	background-color: #FFFADB;
	background-image: url(img/icon/error_button.png);
}

div.note.wp_box.mini {
	border-color: #F5D145;
	background-color: #FFFADB;
	background-image: url(img/icon/error_button_16.png);
}

div.note.wp_box *,
div.note1.wp_box *,
div.note2.wp_box * {
	color: #9E660D;
}

div.error1.wp_box {
	border-color: #D97676;
	background-color: #FFDEDE;
	background-image: url(img/icon/web_layout_error_32_close.png);
}

div.error2.wp_box {
	border-color: #D97676;
	background-color: #FFDEDE;
	background-image: url(img/icon/close_32.png);
}

div.error.wp_box.mini {
	border-color: #D97676;
	background-color: #FFDEDE;
	background-image: url(img/icon/stop.gif);
}

div.error.wp_box *,
div.error1.wp_box *,
div.error2.wp_box * {
	color: #973c3e;
}

div.tip1.wp_box {
	border-color: #B7DB58;
	background-color: #EFF7D9;
	background-image: url(img/icon/web_layout_error_32_add.png);
}

div.tip2.wp_box {
	border-color: #B7DB58;
	background-color: #EFF7D9;
	background-image: url(img/icon/add_32.png);
}

div.tip.wp_box.mini {
	border-color: #B7DB58;
	background-color: #EFF7D9;
	background-image: url(img/icon/go.gif);
}

div.tip.wp_box *,
div.tip1.wp_box *,
div.tip2.wp_box * {
	color: #5D791B;
}

/* @end */

body {
	padding: 5px 0 0 0;
	margin: 0;
	line-height: 1.7em;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.8em;
	/*background: #fff url(images/binding.gif) repeat-y top left;*/
}
a { color: #2F637A; background: inherit; }
a:hover { color: #808080; background: inherit; }
/*a:hover {
background-color: #ddd;
	color: #333;
	padding: 2px 1px 2px 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF0000;
}*/
p {	
	margin: 0 0 5px 0;
	font-family: Arial, Times, Tahoma;
}
h1 {	font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 {
	margin: 0;
	padding: 0;
	font: bold 1.8em;
	font-family: Helvetica,"Trebuchet MS","Palatino Linotype",Futura;
	letter-spacing: -1px;
	color: #000;
}
h3 {
	margin: 0;
	letter-spacing: -1px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #000000;
}
h4 {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
	color: #F00;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}


h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }

.sarc {
	background-image:url(images/sarc_bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
}


/* layout */
#content {
	margin: 5px auto;
	width: 960px;
}
#logo { margin: 0 0 25px 0; }
#logo2 {
	float: left;
	padding: 2px 0px 0px 5px;
}
#slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; }
#top_info { line-height: 27px; float: right; color: #808080; background: #fff; margin: 5px 5px 10px 0; text-align: right; height: 84px; }

/* round blue login button */
#loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #fff url(images/magnify.gif) no-repeat; color: #000; }
#loginbutton a:hover{ background: #fff url(images/magnify2.gif) no-repeat; color: #000;}

/* main horizontal menu */
#tablist{ padding: 3px 0; margin: 0; float: left; z-index: 10; }
	#tablist li{ list-style: none; display: inline; margin: 0; }
	#tablist li a{
	text-decoration: none;
	padding: 4px 20px;
	margin-right: 2px;
	background: #808080 url(images/corner.gif) no-repeat top right;
	font-weight: bold;
	color: #fff;
	}
	#tablist li a:hover{
		background: #6495AB url(images/corner.gif) no-repeat top right;
		color: #fff;
	}
	#tablist li a.current{
		background: #9FC7D8 url(images/corner.gif) no-repeat top right;
		color: #2F637A;
		padding: 6px 20px;
	}
	#tablist .key { text-decoration: underline; }

/* main menu topics */
#topics {
	clear: left;
	float: left;
	width: 940px;
	background: #F3EC90 url(images/topicsbg.gif) repeat-x left top;
	padding: 8px 5px;
	margin: 0 0 5px 0;
	color: #000000;
	height: 59px;
}

/* blue menu */
ul#Bmenu{ 
	width: 100%;
	height: 43px;
	background: #FFF url("images/menu-bg.gif") top left repeat-x; 
	font-size: 0.8em; 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}
ul#Bmenu li {
	display: block; 
	float: left; 
	margin: 0 0 0 5px; 
	}
ul#Bmenu li a { 
	height: 43px; 
	color: #777; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 8px 15px 0; 
	}
ul#Bmenu li a:hover { 
	color: #333; 
	}
ul#Bmenu li a.current{ 
	color: #FFF; 
	background: #FFF url("images/current-bg.gif") top left repeat-x; 
	padding: 5px 15px 0; 
	}
/* END blue menu */

/* main menu search */
#search {
	float: right;
	text-align: right;
	color: #000;
	padding: 22px 20px 8px 20px;
	min-height: 32px; /* FF height */
	height: 25px;	/* IE height */
}


/* search form styling */
form, form p { margin: 0; padding: 0; float: left;}
	
.search {
	width: 170px;
	border: 2px solid #357994;
	background: #fff;
	color: #478F36;
	padding: 4px;
	margin: 0;
	font-weight: bold;
	font-size: 1.3em;
	float: right;
	
}

.searchtxt {
 font-size: 14px;
 background-color: #CCCCCC;
 border: 1px solid #666666;
}

/* main menu search2 */
#search2 {
	float: right;
	text-align: right;
	color: #000;
	padding: 12px 0px 10px 20px;
	min-height: 32px; /* FF height */
	height: 25px;	/* IE height */
}

/* search form styling */
form, form p { margin: 0; padding: 0; line-height: 25px; }
	
.search2 {
	width: 170px;
	border: 2px solid #357994;
	background: #fff;
	color: #478F36;
	padding: 4px;
	margin: 0;
	font-weight: bold;
	font-size: 1.3em;
	
}

.search2txt {
 font-size: 14px;
 background-color: #CCCCCC;
 border: 1px solid #666666;
}
		
/*.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }*/

/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:2em; 
	text-align: center; 
	background: transparent url(images/btn_blue_sprite.gif) no-repeat right -140px; 
}
	
button.submitBtn span {
	padding: 13px 0 0 15px; 
	height:37px; 
	background: transparent url(images/btn_blue_sprite.gif) no-repeat left top; 
	color:#fff; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -70px;
}



/*.button {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 background-color: #333333;
 color: #FFFFFF;
 margin-right: 6px;
}

.button2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #333333;
	color: #FFFFFF;
	margin-left: 6px;
	background-position: left;
	float: left;
}*/


/* left side */

#reading {
	float: left;
	width: 930px;
	margin: 0 0 10px 0;
}
	.reading_room {
	text-align: justify;
	border-bottom: 1px dotted #ccc;
	color: #000;
	background: #fff;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 3px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}

#readingright {
	float: right;
	width: 15px;
	margin: 0 0 10px 0;
}

#left {
	float: left;
	width: 635px;
	margin: 0 0 10px 0;
}

#leftH {
	float: left;
	width: 615px;
	margin: 0 0 10px 0;
}

	.subheader {
		margin: 0 0 10px 0;
		padding: 5px;
		/*background: #f4f4f4 url(images/bgshade.gif) repeat-x;*/
		background: #f4f4f4;
		color: #808080;
		border-bottom: 1px solid #ccc;
	}
	/*.left_articles {
		margin: 0px 0 10px 0;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 15px 15px 5px 10px;
	}*/


	
	.left_articles {
	text-align: justify;
	border-bottom: 1px dotted #ccc;
	color: #000;
	background: #fff;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 3px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
	
	.left_articlesH {
	text-align: justify;
	border-bottom: 1px dotted #ccc;
	color: #000;
	background: #fff;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 3px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
		
	
	.date { font-size: .9em; padding: 0 0 0 5px; background: #fff;  color: #383535; }
	
	.bigimage {
	float: left;
	clear: left;
	border: none;
	background: #eee;
	color: #000;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0;
	}
	
	.bigimageR {
	float: right;
	clear: right;
	border: none;
	background: #eee;
	color: #000;
	margin-top: 0;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-right: 0;
	}
	
	.missionimage {
	float: left;
	clear: left;
	border: none;
	background: #eee;
	color: #000;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 0;
	}
		
	.left_box {
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 2px;
		margin: 0 0 25px 0;
	}
	.thirds {
	float: left;
	width: 290px;
	padding: 0 0px 0 0px;
	color: #FFFFFF;		
		
	}		
		
/* right side */
#right {
	float: right;
	width: 310px;
	margin: 0 0 10px 0;
	background-color: #FFF;
}

	.right_articlesRoad {
	border: 2px solid #ccc;
	padding: 8px;
	margin: 0 0 10px 0;
	color: #454545;
	background-color: #FFFFCC;
	background-image: url(images/roadmap_bg.jpg);
	background-position: center;
	}

.right_articlesRelated {
	border: 2px solid #ccc;
	padding: 8px;
	margin: 0 0 10px 0;
	color: #454545;
	background-color: #FFFFCC;
	background-image: url(images/related_bg.jpg);
	background-position: center;
	}
	
.right_articlesQuick {
	border: 2px solid #ccc;
	padding: 8px;
	margin: 0 0 10px 0;
	color: #454545;
	background-color: #FFFFCC;
	background-image: url(images/quick_bg.jpg);
	background-position: center;
	}
	
.right_articlesQuick2 {
	border: 2px solid #ccc;
	padding: 8px;
	margin: 0 0 10px 0;
	color: #454545;
	background-color: #FFFFCC;
	background-image: url(images/quick_bg2.jpg);
	background-position: center;
	}

.right_articlesQuick2 h4 {
	background-color: #FFFFCC;
	font-size: 1em;
	font-weight: normal;
	color: #000;
	margin-right: 125px;
	padding: 5px 0 5px 10px;
	font-style: normal;
	}
	
	.right_articles {
	border: 2px solid #ccc;
	padding: 8px;
	margin: 0 0 10px 0;
	color: #454545;
	background-image: url(images/grid-grad.png);
	background-repeat: repeat-x;
	vertical-align:top;
	}
	
	.redtxt {
	font-weight: bold;
	color: #FF0000;	
	
	}
	
	.image { float: left; margin: 0 9px 3px 0; }
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 80px;	
		margin: 0 0 10px 0;
		background: #fff url(images/phone.jpg) no-repeat center left;
		color: #454545;
	}
	
	.glosstxt {
	font-weight: bold;
	color: #003399;	
	
	}
	.glossheader {
	font-weight: bold;
	color: #0066CC;
	background-color: #FFFFCC;
	}
	.jobheader {
	font-weight: bold;
	color: #0066CC;
	background-color: #FFFFCC;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.7em;
	}
	.effective {
	font-weight: bold;
	color: #F00;
	background-color: #FFFFCC;
	font-family: "Arial", Times, serif;
	font-size: 1.4em;
	}
	
/* lists */
ul.linklist
{
list-style: square;
}

ul.linklist li
{
line-height: 2.0em;
margin-left: 30px;
}


ul.linklist subz
{
margin-left: 30px;
list-style: none;

}

/* employment list */

ul.elinklist
{
	list-style-type: none;
	/*background: #f4f2ea url(images/container_bg.jpg);*/
}

ul.elinklist li
{
line-height: 2.0em;
margin-left: 5px;
}


ul.elinklist subz
{
margin-left: 5px;
list-style: none;

}

/* END employment list */




ul.glossarylist
{
	list-style-image: url(images/arrow.gif);
}

ul.glossarylist li
{
line-height: 2.0em;
margin-left: 30px;
}


ul.glossarylist subz
{
margin-left: 30px;
}



 

/* audit list */

#navcontainer { margin-left: -3px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer li a.current{
	color: #0066CC;
}

#navcontainer a
{
display: block;
color: #333;
background-color: transparent;
width: 220px;
padding: 2px 5px;
text-decoration: none;
/*border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;*/
font-size: 0.9em
}

#navcontainer a:hover
{
background-color: #ddd;
color: #333;
border-right: 10px solid #aaa;
padding: 2px 1px 2px 10px;
}

#navcontainer ul ul
{
margin-left: 30px;
padding: 0;
list-style-type: disc;

}

#navcontainer li li a
{
display: block;
color: #333;
background-color: transparent;
width: 220px;
padding: 2px 10px;
margin: 0;
/*border-top: none;
border-bottom: none;
border-left: 1px solid #aaa;*/
text-decoration: none;
font-size: 0.9em
}

/* end audit list */



/* related links */

#relcontainer { margin-left: 3px; }

#relcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
}

#relcontainer li { margin: 0; 
list-style-type: square;

}

#relcontainer li a.current{
	color: #0066CC;
}

#relcontainer a
{
	display: block;
	color: #333;
	background-color: transparent;
	width: 180px;
	padding: 2px 10px;
	text-decoration: none;
	/*border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;*/
	font-size: 0.9em;
	list-style-type: square;
}

#relcontainer a:hover
{
background-color: #ddd;
color: #333;
border-right: 10px solid #aaa;
padding: 2px 1px 2px 10px;
}

#relcontainer ul ul
{
margin-left: 30px;
padding: 0;
list-style-type: disc;

}

#relcontainer li li a
{
display: block;
color: #333;
background-color: transparent;
width: 180px;
padding: 2px 10px;
margin: 0;
border-top: none;
border-bottom: none;
border-left: 1px solid #aaa;
text-decoration: none;
font-size: 0.9em
}

/* end related links */

.calendar { height: 50px; float: left; background: #fff url(images/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}
	.calendar p { padding: 0; margin: 0; }
	.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }
    .newupdate {
	padding: 0 0 2px 0;
	margin: 0 10px 5px 0;
	background-color: #F00;
	font-weight: bolder;
	color: #FFF;
	text-indent: 5px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}

/*.thumbnail { 
	float:right; 
	margin-top:1px;
	margin-right:10px;
	margin-bottom:0px;
}*/
	
	
.thumb {
	float: left;
	clear: left;
	border: none;
	/*background: #eee;*/
	color: #000;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0;
	}
	
	.thumbnail2 {float: right;border: none;margin: 0 2px 8px 0; padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 15px;}
	.thumbnail3 { border: none; padding-left: 30px;}

.thumbnailH {	
	float:right;
	margin-top:1px;
	margin-left:10px;
	margin-bottom:0px;
}
	
	.contactinfo { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 2px dotted #ccc; font-size: 1.3em; }
	.contactus { padding: 0 0 5px 0; margin: 0 10px 5px 0; font-size: 1.2em; }
/* misc */
.buttons { text-align: left; padding: 14px 3px 10px 0;}
.left_articles .buttons { float: right; height: 20px; }

.buttons1 { text-align: left; padding: 14px 3px 10px 0;}
.left_articles .buttons1 { float: left; height: 20px; }


/*.bluebtn { background:  url(images/bluebtn.gif) no-repeat; width: 120px; padding: 1px 16px 10px 16px; color: #fff; text-decoration: none; }
*/
.bluebtn { background:  url(images/bluebtn.gif) no-repeat; width: 180px; padding: 0px 5px 5px 5px; color: #fff; text-decoration: none; }

.pdfbtn { 
background:  url(images/read1.jpg) no-repeat; 
width: 57px; 
padding: 0px 10px 10px 5px; 
color: #fff; 
text-decoration: none; 
}

.pdfbtn:hover {
background:  url(images/read2.jpg) no-repeat; 
width: 57px; 
padding: 0px 10px 10px 5px; 
color: #fff; 
text-decoration: none; 
}


.bluebtn0 { background:  url(images/readmore1.jpg) no-repeat; width: 128px; padding: 0px 5px 5px 5px; color: #fff; text-decoration: none; }

.greenbtn { background: #488EB2 url(images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background:  url(images/hoverbtn.gif) no-repeat; color: #fff; }
.bluebtn0:hover{ background:  url(images/readmore2.jpg) no-repeat; color: #fff; }
.thumbnail { float: left; margin: 0 8px 8px 0; border: none; }
.Hthumbnail { float: right; margin: 0 3px 8px 15px; border: none; }
.bluebtn2 { background: url(images/bluebtn2.gif) no-repeat; width: 120px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn3 {
	background: url(images/bluebtn2.gif) no-repeat;
	width: 120px;
	color: #fff;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 16px;
	padding-bottom: 15px;
	padding-left: 16px;
}
.bluebtn3:hover { background:  url(images/hoverbtn3.gif) no-repeat; color: #000000; }

.bluebtn4 {
	background: url(images/bluebtn2.gif) no-repeat;
	width: 120px;
	color: #fff;
	text-decoration: none;
/*	padding-top: 1px;
	padding-right: 16px;
	padding-bottom: 15px;
	padding-left: 16px;*/
}
.bluebtn4:hover { background:  url(images/hoverbtn3.gif) no-repeat; color: #000000; }


.empimage {
	background: url(images/bcase.png) no-repeat;
	width: 128px;
	height: 128px;
	float:right;
	color: #fff;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 16px;
}
.hotimage {
	background: url(images/magnify_hotline.gif) no-repeat;
	width: 75px;
	height: 72px;
	float:right;
	color: #fff;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 16px;
}

.casebrief {
	background: url(images/case_brief.jpg) no-repeat;
	width: 158px;
	height: 149px;
	float:right;
	color: #fff;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 13px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-left: 8px;
}



#banner-layer {
	position:absolute;
	width:117px;
	height:135px;
	z-index:100;
	left: 3px;
	top: 4px;
}


/*Light Blue Box*/

/* set the image to use and establish the lower-right position */ .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { background: transparent url(images/shadowbox2.png) no-repeat bottom right; } .cssbox { width: 300px !important; /* intended total box width - padding-right(next) */ width: 230px; /* 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 */ } /* set the top-right image */ .cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ } 

/* set the top-left image */ 
.cssbox_head h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 20px;
} 
/* set the lower-left corner image */ 
.cssbox_body { background-position: bottom left; margin-right: 25px; 
/* interior-padding right */ padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 

/*END Light Blue Box*/






/*Darker Blue Box*/

/* set the image to use and establish the lower-right position */ 
.cssbox2, .cssbox_body2, .cssbox_head2, .cssbox_head2 h2 { 
background: transparent url(images/shadowbox2.png) no-repeat bottom right;}
/*font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px;  */
.cssbox2 { width: 300px !important; /* intended total box width - padding-right(next) */ 
width: 230px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 5px auto; /* use to position the box */ } /* set the top-right image */ 
.cssbox_head2 { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 40px; /* right-image-gap + right-inside padding */ } 

/* set the top-left image */ 
.cssbox_head2 h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 20px;
	font: bold 1.4em Arial, Sans-Serif;
	
} 
/* set the lower-left corner image */ 
.cssbox_body2 { background-position: bottom left; margin-right: 25px; 
/* interior-padding right */ padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 

/*END Darker Blue Box*/



/*Other Resources Box*/

/* set the image to use and establish the lower-right position */ .cssbox3, .cssbox_body3, .cssbox_head3, .cssbox_head3 h2 { background: transparent url(images/shadowbox3.png) no-repeat bottom right; } .cssbox3 { width: 300px !important; /* intended total box width - padding-right(next) */ width: 230px; /* 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 */ } /* set the top-right image */ .cssbox_head3 { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 20px; /* right-image-gap + right-inside padding */ } 

/* set the top-left image */ 
.cssbox_head3 h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 20px;
} 
/* set the lower-left corner image */ 
.cssbox_body3 { background-position: bottom left; margin-right: 25px; 
/* interior-padding right */ padding: 15px 0 15px 20px; /* mirror .cssbox_head right/left */ } 

.cssbox_body3 a {
	list-style-type: none;
	font-size: 18px;
}

#navcontainerOther a
{
display: block;
color: #333;
background-color: transparent;
width: 180px;
padding: 2px 10px;
text-decoration: none;
font-size: 0.9em
}

#navcontainerOther a:hover
{
background-color: #ddd;
color: #333;
border-right: 10px solid #aaa;
padding: 2px 1px 2px 10px;
}

/*END Other Resources Box*/


/* NEW SIDE BOX */


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	/*width: 22em;  ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 10px 31px;
	font-family: Arial, Helvetica, sans-serif;
}


.boxbody li {
	display: block;
	color: #333;
	background-color: transparent;
	padding: 2px 10px;
	text-decoration: none;
	list-style-type: none;
	font-size: 1.1em
}

.boxbody li a {
	display: block;
	color: #333;
	padding: 2px 10px;
	text-decoration: none;
	list-style-type: none;
	font-size: 1.1em
}

.boxbody a:hover {

background-color: #ddd;
color: #333;
border-right: 5px solid #aaa;
padding: 2px 1px 2px 10px;
}

.boxbody li a.current{
	color: #0066CC;
}

/* END NEW SIDE BOX */




/* NEW RELATED BOX */


/* Show only to IE PC \*/
* html .boxheadR h2 {height: 1%;} /* For IE 5 PC */

.sideboxR {
	margin: 0 auto; /* center for now */
	/*width: 22em;  ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}

.boxheadR {
	background: url(images/ssbhead-rb.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxheadR h2 {
	background: url(images/ssbhead-lb.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbodyR {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	font-family: Arial, Helvetica, sans-serif;
}

.boxbodyR li {
	display: block;
	color: #333;
	background-color: transparent;
	padding: 2px 1px 2px 10px;
	text-decoration: none;

	font-size: 1.0em
}

.boxbodyR li a {
	display: block;
	color: #333;
	padding: 2px 1px 2px 10px;
	text-decoration: none;

	font-size: 1.0em
}

.boxbodyR a:hover {
	background-color: #ddd;
	color: #333;
	padding: 2px 1px 2px 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF0000;
}


/* END RELATED SIDE BOX */

/* audit project details box */

/* Show only to IE PC \*/
* html .aboxheadR h2 {height: 1%;} /* For IE 5 PC */

.sideboxZ {
	margin: 0 auto; /* center for now */
	/*width: 22em;  ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}

.boxheadZ {
	background: url(images/ssbhead-rb.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxheadZ h2 {
	background: url(images/ssbhead-lb.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbodyZ {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	font-family: Arial, Helvetica, sans-serif;
}

.boxbodyZ li {
	display: block;
	color: #333;
	padding: 2px 1px 2px 10px;
	text-decoration: none;
	font-size: 1.0em
}

.boxbodyZ li a {
	display: block;
	color: #333;
	padding: 2px 1px 2px 10px;
	text-decoration: none;

	font-size: 1.0em
}

.boxbodyZZ  {
	background-color: #FFF;
	color: #333;
	padding: 2px 1px 2px 5px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #666;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #000;
	font-weight: bold;
}

.boxbodyZ a:hover {
	background-color: #ddd;
	color: #333;
	padding: 2px 1px 2px 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF0000;
}




/* NEW CONTACT BOX */


/* Show only to IE PC \*/
* html .boxheadR h2 {height: 1%;} /* For IE 5 PC */

.sideboxC {
	margin: 0 auto; /* center for now */
	/*width: 22em;  ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}

.boxheadC {
	background: url(images/ssbhead-rb.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxheadC h2 {
	background: url(images/ssbhead-lb.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbodyC {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	font-family: Arial, Helvetica, sans-serif;
}

.boxbodyC li {
	display: block;
	color: #333;
	background-color: transparent;
	padding: 2px 1px 2px 10px;
	text-decoration: none;

	font-size: 1.0em
}

.boxbodyC li a {
	display: block;
	color: #333;
	padding: 2px 1px 2px 10px;
	text-decoration: none;

	font-size: 1.0em
}

.boxbodyC a:hover {
	background-color: #ddd;
	color: #333;
	padding: 2px 1px 2px 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFF99;
}


/* END CONTACT SIDE BOX */



/* Search results  */


.report {
	background-color: #FFFFFF;
	color: #000000;
	padding: 2px 1px 2px 5px;
	/*border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFF99;*/
}

.report a:hover {
	background-color: #ddd;
	color: #333;
	padding: 2px 1px 2px 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF0000;
}

/*.report a {
	background-color: #ddd;
	color: #333;
	padding: 2px 1px 2px 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFF99;
}
*/





/* Hearing Impaired */ 

.hearing {
	background: url(images/hearing_impaired.gif) no-repeat left top;
	
	padding: 15px;
}

/* END Hearing Impaired */ 


/* Menu */ 

#menu {
	list-style-type:none; /* settings for this demo olnly */
	padding:0;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 60px;
	margin-left: 5px;
}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menu li span {
	display:block;
	z-index:100;
	padding: 5px 10px;
	font-size:1.1em;
	background-color: #0099CC;
}
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(transparency.gif);}
#menu dt {
	margin:0;
	font-size: 1.1em;
	border-bottom:1px solid #fff;
	float:left;
	border-right:1px solid #fff;
	background-color: #0099CC;
}
#menu dd {display:none; background: transparent; border-bottom:1px solid #cce; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#FFFFFF; padding: 5px 10px; text-decoration:none;}
#menu dd a, #menu dd a:visited {background:#b2ab9b; color:#ff8; text-decoration:none; display:block; padding: 5px 10px;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {
	color:#000000;
	background-color: #CCCCCC;
}

/* END Menu */ 



/*polaroid*/
.polo  {
   margin:-15px 0 0px -15px !important;
   padding:12px 15px 35px 14px !important;
   background: url(images/photo-background.png) 0 0 no-repeat;
   }

/*END polaroid*/


/* text changer  */

#textchanger {color:#22b1e1;float:left; border: 1px dotted #22b1e1; padding: 10px; margin: 0 10px 5px 0;background-color:#fff}
#textchanger select {font-size: 0.9em; font-family: Verdana,sans-serif;}
#textchanger ul {padding:0;margin-left: 32px;}
#textchanger a {border-bottom: none;}
	
	
/* END text changer  */

/* text slider  */

.floatright {
	float:left;
	padding-left: 4px;
}

#reset {
	float:left;
	position: relative;
	top:-2px;
}

#box {
	float:left;
	position: relative;
	top:-4px;
	left: 4px;
}

#sliderbg {
	position:relative;
	background:url('http://www.notonebit.com/temp/yui_0.12.2/line.gif') no-repeat;
	height:10px;
	width:112px;
}

#sliderthumb { 
	position:absolute; 
	left: 50px; /* the default position is the center of the bg */
	top: -4px;  /* force the image down a bit */
	width:14px; 
	height:14px; 
}

#ContentArea {
	position: relative;
	top: 30px;
	font-family: Tahoma;
	font-size: 8pt;
	border: 1px solid #DDD;
	margin-top: 20px;
	margin-right: 100px;
	margin-bottom: 10px;
	margin-left: 100px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}


input {
	font-family: Verdana;
	font-size: 8pt;
	border: 1px solid #C0C0C0;
	padding-left: 0 2px 0 2px; 
}


/* END text slider  */

#ajaxticker1{
	width: 500px;
	height: 20px;
	border: none;
	padding: 5px;
	background-color: #FFFFFFF;
	color: #000000;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #FFFFFFF;
}

.tickstyle{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	
}

.style1 {color: #000000}

#tickertape{
	position:relative;
	width:600px;
	height:16px;
}

#subtickertape{
position:absolute;
/*border: 1px solid black;*/
width:600px;
height:16px;

}

.subtickertapefont{
	font:12px Verdana;
	text-decoration:none;
	color:black;
	padding: 5px;
}

.subtickertapefont a{
color:black;
text-decoration:none;
padding: 5px;
}

/*---------------footer---------*/


/* footer2  */
#footer {
	clear: both;
	width: 95%;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	/*border-top: 5px solid #333;*/
	color: #FFFFFF;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 20px;
	background-color: #666666;
	margin-top: 10px;
	/*margin-right: 0px;*/
	margin-bottom: 0px;
	/*margin-left: 10px;*/
	}
	
#footer	A:link {text-decoration: none; color: #FFFFFF;}
#footer	A:visited {text-decoration: none; color: #FFFFFF;}
#footer	A:active {text-decoration: none; color: #FFFFFF;}
#footer	A:hover {text-decoration: underline; color: blue;}	
	
	
	#footer .fdate {
		float: left;
		text-align: left;
		}
	
	#footer .fcontact {
		float: right;
		text-align: right;
		}

/* end footer2  */

/* Bubble tool tips */
.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(images/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(images/bt.gif) no-repeat bottom}
/* END Bubble tool tips */


/* TABBED Menu */


.ddoverlap{
border-bottom: 1px solid #bbb8a9;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 90% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: blue;
background: transparent url(images/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: blue;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(images/righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}



[if IE]>
<style type="text/css">
.ddoverlap{
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}


#tabs {padding:0; margin:0 0 0 15px; list-style:none;}
#tabs li {display:block; width:590px; padding:0; background:#f8f8f8; float:left; margin-right:15px; position:relative;}
#tabs li a.outer-link {background:#f8f8f8; display:block; width:100%; position:relative;}
#tabs table {border-collapse:collapse; margin:-1px;}
#tabs li b {display:block; background:transparent url(images/tab_top.gif) no-repeat 0 0; padding:0 0 0 5px; height:17px; font-family:georgia, serif; font-size:0.9em; overflow:hidden;}
#tabs li div {border:1px solid #888; border-width:0 1px 1px 1px; padding:20px 5px 5px 5px;}
#tabs li h3 {padding:0; margin:0; font-family:georgia, serif; font-size:17px;}
#tabs li p {font-family:verdana, serif; font-size:11px; line-height:1.5em;}
#tabs li a {color:#000; text-decoration:none;}
#tabs li a.inner-link {color:#c00; text-decoration:none;}
#tabs li a.inner-link:hover {text-decoration:underline; cursor:default;}
#tabs li.one:hover, #tabs li.one a.outer-link:hover {background:#fef;}
#tabs li.two:hover, #tabs li.two a.outer-link:hover {background:#cff;}
#tabs li.three:hover, #tabs li.three a.outer-link:hover {background:#ffc;


#krazy_container {display:block; margin-right:25px; position:relative; background:#bcb; padding:50px 0;}
#krazy_container h2 {margin-bottom:1em;}
#krazy_container h3 {clear:both; margin-top:4em;}

/* Inset 3D Raised */
.raised {background: transparent; width:40%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}



/* Inset 3D Curved */
.inset {background: transparent; width:40%; margin:0 auto;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}

/* Chamfer Borders*/
.chamfer {background: transparent; width:40%; margin:0 auto;}
.chamfer h1, .chamfer p {margin:0 10px;}
.chamfer h1 {font-size:2em; color:#000; letter-spacing:1px;}
.chamfer p {padding-bottom:0.5em;}

.chamfer .top, .chamfer .bottom {display:block; background:transparent; font-size:1px;}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 {display:block; overflow:hidden; height:1px; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}
.chamfer .b1 {margin:0 5px; background:#000;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}

.chamfer .boxcontent {display:block; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}

/* Square cutout Borders*/
.square {background: transparent; width:40%; margin:0 auto;}
.square h1, .square p {margin:0 10px;}
.square h1 {font-size:2em; color:#00c; letter-spacing:1px;}
.square p {padding-bottom:0.5em;}

.square .top, .square .bottom {display:block; background:transparent; font-size:1px;}
.square .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c; border-top:1px solid #00c;}
.square .b2 {display:block; height:1px; margin:0; background:#9ce; border-left:7px solid #00c; border-right:7px solid #00c; overflow:hidden;}
.square .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c; border-bottom:1px solid #00c;}

.square .boxcontent {display:block; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c;}

/* Curved cutout Borders*/
.curved {background: transparent; width:40%; margin:0 auto;}
.curved h1, .curved p {margin:0 10px;}
.curved h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.curved p {padding-bottom:0.5em;}

.curved .top, .curved .bottom {display:block; background:transparent; font-size:1px;}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px;}
.curved .b2, .curved .b3, .curved .b4 {background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #fff;}
.curved .b1 {margin:0 4px; background:#fff;}
.curved .b2 {margin:0 4px; height:2px;}
.curved .b3 {margin:0 3px;}
.curved .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}

.curved .boxcontent {display:block; background:#e0cea3; border:0 solid #fff; border-width:0 1px;}

/* flared serif */
.serif {background: transparent; width:40%; margin:0 auto;}
.serif h1, .serif p {margin:0 10px;}
.serif h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.serif p {padding-bottom:0.5em;}

.serif .top, .serif .bottom {display:block; background:transparent; font-size:1px;}
.serif .b1, .serif .b2, .serif .b3, .serif .b4 {display:block; overflow:hidden;}
.serif .b1, .serif .b2, .serif .b3 {height:1px;}
.serif .b2, .serif .b3 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}
.serif .b4 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}

.serif .b1 {margin:0; background:#fff;}
.serif .b2 {margin:0 1px; border-width:0 2px;}
.serif .b3 {margin:0 3px;}
.serif .b4 {height:2px; margin:0 4px;}

.serif .boxcontent {display:block;  background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}

/* Pillar type */
.pillar {background: transparent; width:40%; margin:0 auto;}
.pillar h1, .pillar p {margin:0 10px;}
.pillar h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.pillar p {padding-bottom:0.5em;}

.pillar .top, .pillar .bottom {display:block; background:transparent; font-size:1px;}
.pillar .b1, .pillar .b2, .pillar .b3, .pillar .b4 {display:block; overflow:hidden;}
.pillar .b1, .pillar .b2, .pillar .b4 {height:1px;}
.pillar .b2, .pillar .b3 {background:#CCCCCC; border-left:1px solid #fff; border-right:1px solid #fff;}
.pillar .b4 {background:#CCCCCC; border-left:4px solid #fff; border-right:4px solid #fff;}

.pillar .b1 {margin:0 2px; background:#fff;}
.pillar .b2 {margin:0 1px; border-width:0 1px;}
.pillar .b3 {height:2px; margin:0;}
.pillar .b4 {margin:0 2px;}

.pillar .boxcontent {display:block; background:#999999; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}


/* Barrel cutout Borders*/
.barrel {background: transparent; width:40%; margin:0 auto;}
.barrel h1, .barrel p {margin:0 10px;}
.barrel h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.barrel p {padding-bottom:0.5em;}

.barrel .top, .barrel .bottom {display:block; background:transparent; font-size:1px;}
.barrel .b1, .barrel .b2, .barrel .b3, .barrel .b4, .barrel .b5 {display:block; overflow:hidden; height:1px; background:#e0cea3;}
.barrel .b1 {border-left:10px solid #dfd5c0; border-right:10px solid #dfd5c0;}
.barrel .b2 {border-left:5px solid #dfd5c0; border-right:5px solid #dfd5c0;}
.barrel .b3 {border-left:3px solid #dfd5c0; border-right:3px solid #dfd5c0;}
.barrel .b4 {border-left:2px solid #dfd5c0; border-right:2px solid #dfd5c0;}
.barrel .b5 {border-left:1px solid #dfd5c0; border-right:1px solid #dfd5c0;}
.barrel .b1 {margin:0 33%;}
.barrel .b2 {margin:0 20%;}
.barrel .b3 {margin:0 12%;}
.barrel .b4 {margin:0 5%;}
.barrel .b5 {margin:0 1px;}

.barrel .boxcontent {display:block; background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #999;}

.wtf {
	display: block;
	float: left;
	border: 1px solid #BC1C1C;
	margin: 0 5px 10px 5px;
	background-color: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	padding: 10px 20px 10px 20px;
	-moz-box-shadow: 0 0 5px #ee6666;
	-webkit-box-shadow: 0 0 5px#ee6666;
	box-shadow: 0 0 5px #ee6666;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #f7f7f7); /* for firefox 3.6+ */
}

.wtf h4 {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
	color: #9F3;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}

#searchform_wrapper {
	float: right;
	background: #7DB1AF url(images/bg-searchbar-right.gif) no-repeat 100% 50%;
	}

#searchform5 {
	padding: 5px;
	margin-right: 17px;
	background: url(images/bg-searchbar-left.gif) no-repeat 0 50%;
	}
#searchform5 form {
	margin: 0; /* for IE */
	padding-left: 15px;
	}
#searchform5 .sequal { 
	vertical-align: middle; /* for IE */
	}
#searchform5 #txt5 {
	padding-left: 3px;
	background: white;
	color: #808080; /* grey */
	border: 1px solid #CDCDAB; /* brownish */
	}
#searchform5 #txt5:focus { /* not working in IE6 */
	color: black;
	}
#searchform5 #butn5 {
	margin-right: -20px;
	background: none;
	}




fieldset.search {
	border: none;
	width: 243px;
	margin: 0 auto;
	background: #222;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #fff;
	font-size: 1.2em;
	width: 190px;
	height: 30px;
	padding: 8px 5px 0;
	background: #616161 url(images/search_bg.gif) no-repeat;
	margin-right: 5px;
}
.search input.box:focus {
	background: #616161 url(images/search_bg.gif) no-repeat left -38px;
	outline: none;
}
.search button.btn {
	width: 38px;
	height: 38px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fbc900 url(images/search_bg.gif) no-repeat top right;
}
.search button.btn:hover {
	background: #fbc900 url(images/search_bg.gif) no-repeat bottom right;
}






<![endif]