/* CSS RESETS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family: arial, verdana, tahoma;
	font-size: 12px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {clear: left;}

/***--------------------------------------***

START WEBSITE CSS

/***--------------------------------------***/
h2 {font-weight: bold; font-size: 16px; margin: 4px 0;}
h3{}

#start-container {width: 868px; height: 552px;margin: 0 auto; border: solid 0px;}
#start-holder {background: #7D4199; }

/***--------------------------------------***

MAIN WEBSITE CSS

/***--------------------------------------***/
#container {width: 980px; height: 623px; margin: 0 auto; border: solid 0px;}
/***--------------------------------------***
HEADER
/***--------------------------------------***/
#header {}


/***--------------------------------------***
NAVBAR
/***--------------------------------------***/
#navbar { height: 27px; border-right: 1px solid;}
.currentpage {background: #000000; min-width: 130px; float: left; color: #fff; height: 27px; font-size: 110%; font-weight: normal; padding: 0 0x}
.currentpage-text {margin: 8px 8px 0 8px; text-align: center; padding: 0 0px;}
.currentpage-text h1 {font-weight: normal}
.navigation {color: #777; float: left; height: 27px;}
.navigation ul {float: left;  margin: 0;  padding: 0; }
.navigation ul li {margin: 8px 0 0 24px; float: left; text-align: left; padding: 0 0px 0 0px;font-size: 110%;}
.navigation ul li a {display: block; color: #000; text-decoration: none;font-weight: normal;}
.navigation ul li a:hover {color:#7D4199;}
/***--------------------------------------***
LEFT NAV
/***--------------------------------------***/
#left-nav {float: left; width: 130px; border-left: solid 1px;/* height: 281px;*/}
#left-nav ul {margin: 28px 0 0;}
#left-nav ul li {margin: 0 7px 14px; text-align: center; height: 39px;}
.rr-logo {background: transparent url() no-repeat left top;}
/***--------------------------------------***
MAIN
/***--------------------------------------***/
#main {background: #7D4199; float: left; width: 821px; height: 283px; overflow: auto; overflow-x: hidden; color: #fff; padding: 14px 14px; font-family: arial, verdana, tahoma; font-size: 12px; z-index: 1; position: relative;
scrollbar-base-color: #cccccc;
scrollbar-arrow-color: #fff;
scrollbar-darkshadow-color: #ccc;
scrollbar-face-color: #000000;
scrollbar-track-color: #707070;
}
#main a {color: #fff; text-decoration: underline;}
#main a:hover {color: #fff; text-decoration: underline; font-weight: bold;}
#main p {margin: 0px 0 10px 0;line-height: 1.5;}
#main ul {line-height: 1.5; margin: 0 0 0 20px}
#main li {list-style: disc outside;margin: 0 0 10px 0}

/***--------------------------------------***
FOOTER
/***--------------------------------------***/
#footer {}
#footer-bar {text-align: right; border-left: 1px solid #000000;}
#footer-image {border: none;}

.flash {background: url(/images/datum.png) no-repeat left top; z-index: 99; width: 145px; height: 45px; position: relative; left: 4px; top: -174px; text-align: right; padding: 3px 0 0;}