/* <!-- */

/* General styles */
html, body { width:100%; height:101%; }
body { margin:0; padding:0; border:0; background:#fff; min-width:720px; font-size:85%; font-family:Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size:165%; margin:.8em 0 1em 0; padding:0; }
h2 { font-size:150%; margin:.8em 0 .8em 0; padding:0;}
h3 {font-size:125%; margin:.8em 0 .6em 0; padding:0; }
h4 { font-size:105%; margin:.8em 0 .6em 0; padding:0; }
th		{ background-color: #d0dcfe; font-weight: bold; }
p { margin:.4em 0 .8em 0; padding:0; }
a { text-decoration: underline; }
a:link		{ color:#36f; background-color:#fff; }
a:hover		{ color:#36f; background-color:#ff9; }
a:visited	{ color:#36c; background-color:#fff; }
a:active	{ color:#36f; background-color:#fff; }
ul { clear:both; width:100%; }
li { list-style-type:disc; }

.line { clear:both; width:100%; height:2px; border-bottom:1px solid #000; }
.dotline{ border-bottom: 1pt dotted #CCCCCC; }
.block { width:100%; display:block; }
.bdr	{ border: thin solid #000000; }
.bold { font-weight:bold; }

/* Header styles */
#header { clear:both; float:left; width:100%; background:#000; border-bottom:1px solid #000; font-size:85%; }
#header p { padding:.4em 15px 0 15px; margin:0; }
#header img.left { float:left; width:407px; height:75px; border:0; }
#header img.right { float:right; width:314px; height:75px; border:0; }
#header ul { clear:left; float:left; width:100%; list-style:none; margin:0px 0 0 0; padding:0; 
	background-image:url(images/menu-r.jpg); background-position:right; background-repeat:no-repeat; }
#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:#ffe; color:#000; text-decoration:none; position:relative; left:15px; line-height:1.3em; }
#header ul li a:hover { background:#ff9; color:#000; }
#header ul li a.active, a.active:hover { color:#fff; background:#000; font-weight:bold; }
#header ul li a span { display:block; }

.active { color:#fff; background:#000; font-weight:bold; }
.noline { border:0; text-decoration:none;}

/* 'widths' sub menu */
#layoutdims { clear:both; background:#ffe; border-top:4px solid #000; margin:0; 
	float:left; width:100%; text-align:left; font-size:90%; font-weight:bold;}

#bcleft { float:left;padding:6px 15px; }
#bcright { float:right;padding:6px 15px; }
#bcright a 	{text-decoration:none}
#bcright a:link		{ color:#36f; background-color:#fff; }
#bcright a:hover		{ color:#36f; background-color:#ff9; }
#bcright a:visited	{ color:#36f; background-color:#fff; }
#bcright a:active	{ color:#36f; background-color:#fff; }

/* column container */
.colmask {	position:relative; clear:both; float:left; width:100%; overflow:hidden; }

/* common column settings */
.colright, .colmid, .colleft { float:left; width:100%; position:relative; }
.col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0; overflow:hidden; }
.col2 { text-align:left; font-size:85%; }
.col3 { text-align:center; font-size:85%; }

/* 3 Column settings */
.threecol {
	background:#ff9;	/* right column background colour */
}
.threecol .colmid {
	right:20%;			/* width of the right column (22%)*/
	background:#fff;	/* center column background colour */
}
.threecol .colleft {
	right:60%;			/* width of the middle column (56)*/
	background:#ff9;	/* left column background colour */
}
.threecol .col1 {
	width:56%;			/* width of center column content (column width minus padding on either side) (52)*/
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:18%;			/* Width of left column content (column width minus padding on either side) (20)*/
	left:25%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) (27)*/
}
.threecol .col3 {
	width:18%;			/* Width of right column content (column width minus padding on either side) (20)*/
	left:87%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) 85 */
}


#lmenu { display:block; width:100%; }
#lmenu ul { clear:left; float:left; width:100%; list-style:none; margin:0 0 6px 0; padding:0;}
#lmenu ul li { clear:left; display:list-item; list-style:none; margin:6px; padding:0; }
#lmenu ul li a { display:block; float:left; margin:0 0 0 1px; padding:3px 10px; text-align:left;
				background:#ff9; color:#36c; text-decoration: underline; line-height:1.3em; }
#lmenu ul li a:hover { color:#36c; }
#lmenu ul li a:visited { color:#36c; }
#lmenu ul li a:active { color:#000; font-weight:bold; }
#lmenu a {  text-align:left; background:#ff9; color:#36c; text-decoration: underline; line-height:1.3em; }
#lmenu a:hover { color:#36c; }
#lmenu a:visited { color:#36c; }
#lmenu a:active { color:#000; font-weight:bold; }
.lmactive { color:#000; font-weight:bold; }

#content{}
#content ul { clear:both; }
#content ul li { list-style:disc; }
#content ul li a { text-decoration: underline; }
#content ul li a a:link	 { color:#36f; background-color:#fff; }
#content ul li a a:hover { color:#36f; background-color:#ff9; }
#content ul li a a:visited { color:#36c; background-color:#fff; }
#content ul li a a:active { color:#36f; background-color:#fff; }

#content 
.wspace { line-height:160%; }

#rmenu { display:block; width:100%; }
#rmenu a { background:#ff9; color:#36c; text-decoration:none; }
#rmenu a:hover { background:#ff9; color:#36c; text-decoration:underline; }
#rmenu a:visited { background:#ff9; color:#36c; text-decoration:none; }
#rmenu a:active { background:#ff9; color:#36f; text-decoration:underline; }
#rmenu img { border:0; margin:2px auto;}
#rmenu span { display:block; }

/* Footer styles */
#footer { clear:both; background:#ffe; text-align:center; margin: 3px auto; width:100%; border-top:1px solid #000; }
#footer p { padding:10px; margin:0; font-size:75%; }
/* --> */