html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
/* hide from mac IE 5 Hack  \*/ 
html, body {height: 100%;}
* html .boxrchead h2, * html .boxrcbody {height: 1%;}
/* end hack */ 
body {
	height		: 100%;
	min-height	: 100%;
	width		: 100%;
	border		: 0px none;
	background	: #99CCFF url(../bkgd/clouds.jpg) repeat;
	color		: #000;
}
#main {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
	border-collapse: collapse;
	border: none;
	empty-cells: hide;
	margin-top:4px;
}
#lcol, #rcol {width:18%;text-align: center;}
#lcol {background:transparent url(../img/rulevbg.gif) top right repeat-y;padding-right:10px;}
#rcol {background:transparent url(../img/rulevbg.gif) top left repeat-y;padding-left:10px;}
#leftheader {padding-right:10px;}
#rightheader {padding-left:10px;}
#main td {text-align: center;}
p, div, li, form, td { 
	text-align: left;
	font: 11px/1.6 Verdana,"Lucida Grande","Lucida Sans Unicode",Geneva,sans-serif;
	font-size: expression(document.body.currentStyle.fontSize == "12pt" ? "11px": "small");
}
div {margin: auto;}
.limitw {
	width: 90%;
	max-width: 45em;
	text-align: center;
}
.content, .content p, .content ul {
	overflow: visible;
	background-image: url(../bkgd/cloudslite.jpg);
}
.content p {
	padding:4px 0;
}
.floatblock {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0;
	padding: 16px;
	vertical-align: top;
	/*border: 1px solid red;*/
}
.textbox p, .textbox ul, .textbox li, .textbox div, .textbox h3, .textbox h4 {
	text-align: left;
	padding : 5px;
	background : url(../bkgd/cloudslite.jpg);
	margin : 0;
	margin-top : 0px;
}
.smallprint {font-size: xx-small;}
label {cursor:pointer;cursor:hand;vertical-align:middle;}
#ccol ol, #ccol ul, #ccol blockquote {
	text-align: left;
	margin: 0.8em auto 0.1em auto;
	width: 90%;
	border: none;
}
#ccol li {
	position: relative;
	display: inline-block;
	list-style: none;
	left: -14px;
	padding-left: 14px;
	padding-right: 1px;
	margin: 0 -14px 1em auto;
	background: transparent url(../img/bludot.gif) no-repeat 0px 0.6em;
}
ul.horizontil li {
	display: -moz-inline-box;
	display: inline-block;
}
.linklist {
	margin: 0.8em auto 0.1em auto;
	_margin: 0 -18px;
	text-align: center;
	width: 90%;
}
.linklist li {
	position		: relative;
	display			: block;
	list-style		: none;
	width			: auto;
	padding-left	: 9px;
	margin			: 0 0 2px 0;
	font			: 1em/1.5 Verdana, Arial, Helvetica, sans-serif;
	background		: transparent url(../img/bludot.gif) no-repeat 1px 0.6em;
}

.clearer {
	clear		: both;
	height		: 1px;
	overflow	: hidden;
	margin-top	: -1px;
}
.divider {
	width:250px;
	height:30px;
	background: transparent url(../img/rainbowRuleH.gif) no-repeat center center;
	clear: both;
}
#header {
	display: table-cell;
	height: 61px;
	color: #990033;
}
div.pagetitle {margin:3px;}
.pagetitle, #main td#header h2.pagetitle {
	font: bold 1.7em/1.2 Arial, Helvetica, sans-serif;
	color: #990033;
	text-align: left;
	margin: 3px 22% 3px 22%;
	padding: 0px 0 1px 0;
}
h1.pagetitle {
	font: bold 1.3em/1.2 Arial, Helvetica, sans-serif;
	color: #990033;
	text-align: center;
	margin: 12px auto;
}
.sectiontitle {margin:8px 0;}
#sitemap #header h1.pagetitle {text-align: center;}
.pagetitle small {font-size: 0.7em;}
.dim {color	: #9383E5;}
.h4 {
	color:#990033;
	font-size:1.2em;
	font-weight:bold;
	padding-left:3px;
	text-align:left;
}
.ccxred {color: #990033;}
#homebtn, #rightheader {
	display: block;
	position: absolute;
	top: 0px;
	width: 17%;
	margin: auto;
	text-align: center;
}
#homebtn {left: 0px;}
#homebtn h1, #homebtn h2, #homebtn h3 {position: absolute;top: -10000px;left: -10000px;}
#rightheader {
	right: 0px;
	font: xx-small Arial, Geneva, Helvetica, sans-serif;
}

#headbar {
	position: relative;
	height: 4px;
	_height: 5px;
	padding: 0;
}
#headbar .hr {
	background: #9383E5;
	width: 80%;
	height: 2px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}
#footer {
	/*display: table-cell;*/
	clear: both;
	height: 30px;
	vertical-align: middle;
}
#footer ul {
	width: auto;
	max-width: 90%;
	margin: 0;
	padding: 5px 5%;
	background: #6699cc; /*CCCCFF*/
	list-style: none;
	text-align: center;
	color: #fff;
}
#footer li {
	position: static;
	margin: 0;
	padding: 4px 0 0 0;
	font-weight: bold;
	text-align: center;
	background: transparent;
}
#footer li.smallprint {
	margin: 0;
	padding: 0;
	font-size: xx-small;
	font-weight: normal;
}
#footer a:link, #footer a:visited {color: #00ffff;}

.pod {
	margin:2px auto;
	background-color: #99CCFF;
	border:1px solid #3399CC;;
}
.pod th {
	color: #990033;
	font-family: 'Trebuchet MS', 'Arial', 'Sans-Serif';
	font-size:		9pt;
	font-weight:	bold;
	background-color: #3399CC;
}
.pod td, .pod th {padding:4px;}

/*a:link:hover {color: #990033;}
a:visited:hover {color: #990033;}*/
h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;color: #990033;}
h5 {font-size: 0.9em;}
.left, #main td.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.dot {
	margin-left: 4px;
	padding: 4px 8px 0px 2px;
	font-size: 1px;
	background: transparent url(../img/bludot.gif) no-repeat 0 8px;
}

.subcat {
	display:block;
	margin:0 30px;
	color:#990033;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
}
#ccol ul.subcat2 {
	margin:0 0 0 35px;
}
#ccol ul.subcat2 li {
	margin:0;
	font-size:1em;
	font-weight:bold;
}
.bggreen {background-color:#99CCCC;background-image:none;}
.bgblue {background-color:#CEDBEC;background-image:none;}
.red {color:red;}

.rcbox {margin: 5px auto 0 auto;}
.rtop,.rbottom{display:block;}
.rtop *,.rbottom *{display:block;height: 1px;line-height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}