/* CSS Document */

/* NON-HEADER */

*{padding:0; margin:0;}
 body {font-size:62.5%; background-color:rgb(255,255,255); font-family: Garamond, 'Times New Roman', serif;}

html,#holder {
	min-height: 100%;
	width: 900px;
	height: 100%;
	right: auto;
	left: auto;
	bottom: auto;
	align=center;}

html>body, html>body #holder { height: auto; }

body { margin: 0; padding:0; color: black; background-color: white; align=center;
/*/*/ }

h1 { font-size : x-large; font-weight : 700;}

h2 {
	font-size: large;
	font-weight: 600;
	font-style: normal;
	text-align: center;}

h3 {
	font-size: large; 
	font-weight : 600; 
	font-style : normal;}

h4 { font-weight : 500; font-size : medium;}

h5 { font-size:small; font-weight:400; text-align:center;}

h6 {
	font-size: large;
	font-style: italic;
	font-weight: 500;}

#ad {
	text-align: center;}

#holder {
	position: relative;
	left: auto; right:auto;
	width: 100%;
	height:auto;
}


#header {
	width: 100%;
	height: 135px;
}

#welcome {
	width: 100%;
	height: 100px;
}
#welcometext {
	width: 770px;
	height: 75px;
	font-size: x-large;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	border-bottom-color: #333;
	clip: rect(5px,auto,auto,auto);
	top: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;}

#cols23 {
	float: right;
	width: 78%;
	height: auto;
	padding-bottom: 7em;
	border: none;
	z-index: 2;
	margin-top: 5px;}
	
#cols21 {
	float: right;
	width: 97%;
	height: auto;
	padding-bottom: 7em;
	border: none;
	z-index: 2;
	margin-top: 5px;}

#right {/*/*/
	margin-left: 69%;/* */
	height: auto;
	padding-bottom: 4em;
	color: black;
	border: medium outset #999999;
	padding-top: 10px;
	padding-right: 3px;
	padding-left: 4px;
	margin-right: 2%;
	width: 26%;}

#rightcontent {/*/*/
	margin-left: 69%;/* */
	height: auto;
	padding-bottom: 4em;
	color: black;
	border: medium outset #999999;
	padding-top: 10px;
	padding-right: 3px;
	padding-left: 4px;
	margin-right: 2%;
	width: 26%;}

#left {/*/*/
	margin-right: 79%;/* */
	height: auto;
	padding-bottom: 4em;
	border: medium outset #999999;
	margin-top: 5px;
	margin-left: 2%;
	z-index: 60;
	text-align: center;
	padding-top: 10px;}

#content {
	float: left;
	width: 65%;
	padding-bottom: 4em;
	height: auto;
	color: black;
	border: medium outset #999999;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 7px;
	z-index: 2;}

#leftcontent {
	float: left;
	width: 27%;
	padding-bottom: 4em;
	height: auto;
	color: black;
	border: medium outset #999999;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 7px;
	z-index: 2;
	margin-left: 1%;}

#centercontent {
	float: left;
	width: 27%;
	padding-bottom: 4em;
	height: auto;
	color: black;
	border: medium outset #999999;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 3px;
	z-index: 2;
	margin-left: 5%;}
	

.clear { clear: both;} 

/*/*/ .clear { display: none; } /* */

p {margin: 1em; font-weight : 400; font-size : medium;}

.welcomebartext {
	text-align: center;
	border: medium outset #999999;
	vertical-align: middle;}

.style1 {
	font-size: xx-small;
	font-weight: bold;
	text-align: center;}

#contentwide {
	float: left;
	width: 95%;
	padding-bottom: 2em;
	height: auto;
	color: black;
	border: medium outset #999999;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 7px;
	z-index: 2;}

#cols22 {
	float: right;
	width: 78%;
	height: auto;
	padding-bottom: 7em;
	border: none;
	z-index: 2;
	margin-top: 15px;}

.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}


/* --- START COPY here --- */



/* HEADER */

.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}

.header-middle {width:900px; height:150px; background:rgb(230,230,230) url(../img/bg_head_middle.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.header-breadcrumbs {clear:both; width:900px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;}

/*************/

/*  2. HEAD  */

/*************/


/*Drop-down menu*/

.nav2 {float:left; width:900px; border:none; background:rgb(220,220,220) url(../img/bg_head_bottom_nav.jpg) no-repeat; color:rgb(75,75,75); font-size:130%;} /*Color navigation bar normal mode*/

.nav2 ul {list-style-type:none;}

.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}

.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}

.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/

.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/

.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}

.nav2 ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/

.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/


/*IE6 hovering*/

.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}

.nav2 ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/

.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}

.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/

.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/



/* --- END COPY here --- */

/*********************/

/*  6. CLEAR FLOATS  */

/*********************/

.page-container:after, .header:after, .header-breadcrumbs:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



/***********************************/

/*  7. PRINTING and MISCELLANEOUS  */

/***********************************/

@media print {.header-top {width:900px; height:70px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}

@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/



/* NON-HEADER */

*{padding:0; margin:0;}

 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/

.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:1px; border:solid 1px rgb(150,150,150); font-size:1em;}

.main {clear:both; width:900px; padding-bottom:30px; background:transparent url(../img/bg_main_withnav.jpg) top left repeat-y;}

.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.main-content {
	display:inline; /*Fix IE floating margin bug*/
	float:left;
	width:400px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	margin-top: 440;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: auto;}

.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:0 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.footer {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(../img/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* --- For alternative headers START PASTE here --- */


/* HEADER */

.header {width:900px; font-family:Garamond, "Times New Roman", serif;}

.header-top {width:900px; height:0px; background:rgb(240,240,240) url(../img/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.header-middle {width:900px; height:150px; background:rgb(230,230,230) url(../img/bg_head_middle.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.header-bottom {
	width:900px;
	height:40px;
	background-color: rgb(255,255,255);
	background-repeat: repeat-n;
	background-repeat:no-repeat;
	background-position: center 40px;}

.header-breadcrumbs {clear:both; width:900px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;}


/********************/

/*  HEADER SECTION  */

/********************/


/*Drop-down menu*/

.nav2 {float:left; width:900px; border:none; background:rgb(220,220,220) url(../img/bg_head_bottom_nav.jpg) no-repeat; color:rgb(75,75,75); font-size:130%;} /*Color navigation bar normal mode*/

.nav2 ul {list-style-type:none;}

.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}

.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}

.nav2 ul li ul {display:none; border:none;}


/*Non-IE6 hovering*/

.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/

.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}

.nav2 ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/

.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/


/*IE6 hovering*/

.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}

.nav2 ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/

.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}

.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/

.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/* --- For alternative headers END PASTE here --- */

/******************/

/*  MAIN SECTION  */

/******************/


/* MAIN NAVIGATION */

.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:100; margin:0 0 0 190px; background:url(../img/bg_corner_topright.gif) no-repeat;}

/********************/

/*  FOOTER SECTION  */

/********************/

.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}

.footer p.credits {font-weight:normal;}

.footer a {text-decoration:underline; color:rgb(125,125,125);}

.footer a:hover {text-decoration:none; color:rgb(0,0,0);}

.footer a:visited {color:rgb(0,0,0);}

/******************/

/*  CLEAR FLOATS  */

/******************/

.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}



/********************************/

/*  PRINTING and MISCELLANEOUS  */

/********************************/

@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}

@media print {.header-breadcrumbs {width:900px; background:transparent;}}

@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/

@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}

@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}

@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}

/* MAIN CONTENT */

.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}

.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}

.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}

.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}

.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}

.main-content h1.side {clear:none;}

.main-content h2.side {clear:none;}

.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}

.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}

.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}

.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}

.main-content p.center {text-align:center;}

.main-content p.right {text-align:right;}

.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}

.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content table {clear:both; width:400px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}

.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}

.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}

.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}

p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}

.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}

.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}

.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

.middle-main-content{

	margin-left: 0px;
	margin-right: auto;
	margin-top: auto;
	height:auto;
	width: 900px;
	text-align: left;
	padding: 0px;}

.main-content-right{
	margin-left: 700px;
	margin-right: auto;
	margin-top: 440px;
	height: auto
	width: 200px;
	text-align: left;}

.main-content-left{
	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	height: auto;
	width: 200px;}

.main-content-center{
	margin-left: 200px;
	margin-right: auto;
	margin-top: 440;
	height: auto;
	width: 500px;}

.maincontentblock {
	position: center;
	top: 200px;
	width:900px;}

.leftcolumn {
	position: absolute;
	top: 10px;
	left:10px;
	width:200px;
	text-align: center; font-size: 9px}

.middlecolumn {
	position: absolute;
	top: 10px;
	left: 230px;
	width: 200px;
	text-align: center; font-size: 9px}

.rightcolumn {
	position: absolute;
	top: 10px;
	left: 450px;
	width: 180px;
	text-align: center; font-size: 9px}
	
	
	
	/* STYLES FOR CROSSFADER */

	div.cf_wrapper
	{
		position: relative;
	}
	
	div.cf_element
	{
		width: 900px;
		height: 135px;
		background-color: #eee;
		border:  1px solid #ccc;
	}
	
	div.cf_element div.content
	{
		padding: 10px;
	}

	div.cf_element div.content h3
	{
		padding-top: 0;
		margin-top: 0;
	}
