@charset "utf-8";
/* #6d68af; /* mauve */
/* #ae1c3f; /* dark red */
/* #00a99d; /* green */
/* #ed1c24; /* red */
/* #fdb913; /* gold */
/* #333333; /* dark grey */



body {
	background-color: #fff; /* white */
	color: #333333; /* dark grey */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	min-width: 748px;
	margin: 0;
	padding: 0;
}
#sitewrapper {
	width: 748px; /* no L/R padding */
	background-color: #fff; /* white */ 
	color: #333333; /* dark grey */
	margin: 0 auto;
	padding: 10px 0 0 0;
}
#headerlinks { /* see footerlinks for styling */
	padding: 0 0 10px 0;
	margin: 0;
	text-align: right;
	font-size: 0.7em;
	background-color: #fff; /* white */
	color: #666666; /* mid grey */
}
/* HEADER */
#headerwrapper {
	width: 703px; /* actual 748 with 45R padding */
	margin: 0;
	padding: 0 45px 0 0;

}
#logo {
	float: left;
	margin: 0;
	padding: 0;
	width: 171px; /* no L/R padding */
}

#banner {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 502px;	/* no L/R padding/borders */
}

/* CONTENT */
#contentwrapper {
	margin: 30px 0 0 0;
	padding: 30px 65px 20px 20px;
	width: 662px; /* actual 748 with 1px L border/ 20/65 L/R padding */
	font-size: 0.76em;
	
	
}
.std, .vol, .org {
	background-repeat: repeat-y;
	background-position: top right; 
}
.std {
	background-image: url(./images_site/bg_std.gif);
	border-top: 1px solid #6d68af; /* mauve */
	border-bottom: 1px solid #6d68af; /* mauve */
	border-left: 1px solid #6d68af; /* mauve */
}
.vol {
	background-image: url(./images_site/bg_vol.gif);
	border-top: 1px solid #ae1c3f; /* dark red */
	border-bottom: 1px solid #ae1c3f; /* dark red */
	border-left: 1px solid #ae1c3f; /* dark red */
}
.org {
	background-image: url(./images_site/bg_org.gif);
	border-top: 1px solid #00a99d; /* green */
	border-bottom: 1px solid #00a99d; /* green */
	border-left: 1px solid #00a99d; /* green */
}
.noborder {border: none;}
/* maincontentwrapper ============================================================= */
#maincontentwrapper {
	float: right;
	margin: 0;
	padding: 0;
	width: 482px; /* no L/R padding/borders */
}
#homeboxwrapper {
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	width: 482px; /* no L/R padding/borders */
	border-bottom: 1px dotted #6d68af; /* mauve */
}
#events, #blog {
	float: left;
	margin: 0;
	padding: 0;
	width: 230px; /* no L/R padding/borders */
}
#blog {float: right;}
#events h2, #blog h2 {
	padding: 13px 0 4px 20px;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 15px 0; 
	background-color: #6d68af; /* mauve */
	color: #fff; /* white */
	background-image: url(./images_site/btn_eventblog.jpg); 
	background-position: top left; 
	background-repeat: no-repeat;
}
#events p, #blog p {
	padding: 0 0 0 0;
	font-size: 90%;
	margin: 0 0 6px 0; 
}
#events a:link, #blog a:link, #features a:link {
	color: #6d68af; /* mauve */
	font-weight: bold;
}
#events a:visited, #blog a:visited, #features a:visited {
	color: #666666; /* mid grey */
	font-weight: bold;
}
#events a:hover, #events a:active, #events a:focus,
#blog a:hover, #blog a:active, #blog a:focus,
#features a:hover, #features a:active, #features a:focus {
	color: #000; /* black */
	font-weight: bold;
	text-decoration: none;
}

/*   manincontent ============================================================= */
#maincontent {
	margin: 0;
	padding: 0;
	width: 482px; /* no L/R padding */
	background-color: #fff; /* white */ 
	color: #333333; /* dark grey */
}

#breadcrumbs {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 90%;
	text-align: right;
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #333333; /* dark grey */
	font-weight: bold;
	text-decoration: none
}
#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus {
	color: #000; /* black */
	font-weight: bold;
	text-decoration: none
}
#maincontent p {
	margin: 6px 0px 12px 0px;
	line-height: 1.3em;
}
#maincontent li {
	list-style-type: square;
}
#maincontent a:link {
	color: #ed1c24; /* red */
	font-weight: bold;

}
#maincontent a:visited {
	color: #666666; /* mid grey */
	font-weight: bold;

}
#maincontent a:hover, #maincontent a:active, #maincontent a:focus {
	color: #000; /* black */
	font-weight: bold;
	text-decoration: none;
}
#maincontent h1 {
	color: #000; /* black */
	font-size: 1.75em;
	font-weight: bold;
	margin: 0px 0 12px 0px;
}
#maincontent h2 {
	color: #ed1c24; /* red */
	font-size: 1.4em;
	font-weight: bold;
	margin: 12px 0 6px 0px;
}
#maincontent h3 {
	color: #666; /* med grey */
	font-size: 1.3em;
	font-weight: bold;
	margin: 12px 0 6px 0px;
}
#maincontent h4 {
	color: #999; /* mid grey */
	font-size: 1.2em;
	font-weight: bold;
	margin: 12px 0 6px 0px;
}
#maincontent h5 {
	color: #000; /* black */
	font-size: 1.1em;
	font-weight: bold;
	margin: 12px 0 6px 0px;
}
#maincontent h6 {
	color: #000; /* black */
	font-size: 0.7em;
	font-weight: bold;
	margin: 12px 0 6px 0px;
}
/*  NEWS ON HOME PAGE - see homeboxwrapper for links styling   */
#features {
	float: right;
	margin: 0 0 0 20px;
	padding: 0 0 20px 0;
	width: 230px; /* actual 250 with 20L margin */
}
#features h2 {
	color: #ed1c24; /* red */
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 6px 0px;
}

#news ul {
	margin: 0;
	padding: 0 0 0 1.25em;
}
#news li {
	list-style-type: square;
	color: #6d68af; /* mauve */
	margin: 0;
	padding: 0;
}


/* SUBNAV */

#subnav {
	margin: 5px 0 0 0;
	padding: 8px 0px 8px 0px;
	font-size: 1em;
}
#subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#subnav li {
	display: inline; 
	margin: 0 ;
	padding: 0;
}
#subnav li a, .LCOS_current {
	margin: 0 0.5em 0 0;
	padding: 0 0.5em 0em 0;
	text-decoration: none;
    border-right: 1px solid #666666; /* mid grey */
}
#subnav li a:link, #subnav li a:visited { 

	color: #666666; /* mid grey */
}
#subnav li a:hover, #subnav li a:active, #subnav li a:focus, .LCOS_current {

	color: #333; /* dark grey */
}



/* sidebar ============================================================= */
#sidebar {
	float: left;
	margin: 0px;
	padding: 0px 0 50px 0;
	width: 150px;	/* no L/R padding/borders */
	background-color: #fff; /* white */ 
	color: #000; /* black */
}
#btnvol, #btnorg  {
	background-repeat: no-repeat;
	background-position: top left; 
	margin: 0 0 10px 0;
	padding: 14px 10px 10px 10px;
}
#btnvol {
	background-image: url(./images_site/btn_vol.gif);
	background-color: #ae1c3f; /* dark red */
}
#btnorg {
	background-image: url(./images_site/btn_org.gif);
	background-color: #00a99d; /* green */
}
#btnvol h2, #btnorg h2 {
	color: #fff; /* white */
	font-size: 1.4em;
	font-weight: bold;
	margin: 0px 0 4px 0px;
}
#btnvol p, #btnorg p {
	color: #fff; /* white */
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
}
#btnvol a:link, #btnvol a:visited,
#btnorg a:link, #btnorg a:visited { 
	color: #fff; /* white */}

#btnvol a:hover, #btnvol a:active, #btnvol a:focus,
#btnorg a:hover, #btnorg a:active, #btnorg a:focus {
	color: #000; /* black */
}
#sidebar h3 {
	color: #6d68af; /* mauve */
	font-size: 1.2em;
	font-weight: bold;
	margin: 30px 0 10px 0px;
}

/* mainnav starts */
#mainnav {
	background-color: #fff; /* white */ 
	color: #000; /* black */
	margin: 0;
	padding: 30px 0 0 0;
	width: 150px; /* no L/R padding/borders */
}
.navlist {
	padding: 0;
	margin: 0;
	font-weight: bold;
}
.navlist ul {
	padding: 0;
	margin: 0;
}
.navlist li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.navlist li a, .active {
	display: block;
	padding: 0.5em 0em 0.5em 1.5em;
	text-decoration: none;
	border-bottom: 1px dotted #6d68af; /* mauve */
}

.navlist li a:link, .navlist li a:visited { 
	color: #000; /* black */}

.navlist li a:hover, .navlist li a:active, .navlist li a:focus, .active {
	color: #ed1c24; /* red */
}
/* mainnav end */




/* FOOTER */
#footerwrapper {
	width: 748px; /* no L/R padding */
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 0.7em;
	background-color: #fff; /* white */
	color: #666666; /* mid grey */
}
#footerlinks {
	float: left;
	width: 548px; /* no L/R padding */
	padding: 0;
	margin: 0;
	text-align: left;
}
#credit {
	float: right;
	width: 200px; /* no L/R padding */
	padding: 0;
	margin: 0;
	font-size: 90%;
	text-align: right;
}
#footerlinks a:link, #footerlinks a:visited,
#credit a:link, #credit a:visited,
#headerlinks a:link, #headerlinks a:visited { 
	background-color: #fff; /* white */
	color: #666666; /* mid grey */ 
	text-decoration: none;
}

#footerlinks a:hover, #footerlinks  a:active, #footerlinks a:focus,
#credit a:hover, #credit  a:active, #credit a:focus,
#headerlinks a:hover, #headerlinks  a:active, #headerlinks a:focus {
	background-color: #fff; /* white */
	color: #000; /* black */
	text-decoration: underline;
 	 }


/* FORMS */
form {
	padding: 0;
	margin: 0;
}
fieldset {
	padding: 10px 10px 10px 30px;
	margin: 0 0 20px 0; 
}
legend {
	padding: 0 10px;
	margin: 0 0 20px 0;
	color: #000; /* black */
	font-size: 1.25em;
	font-weight: bold;
}
label {
	display: block;
	padding: 0;
	margin: 0 0 2px 0;
	color: #000; /* black */
	font-size: 0.9em; 
	font-weight: bold;
}
input, textarea, select {
	padding: 2px 5px;
	margin: 0 0 6px 0;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000; /* black */
	
	font-size: 1em; 
}
input.button { width: 200px;}
input.radio { width: 30px; text-align: left; padding: 0; margin: 0;}

#sidebar form input#name {
margin: 0 0 2px 0px;
display: block;
width: 150px;
}
#sidebar form input#juvlu-juvlu {
margin: 0 0 2px 0px;
display: block;
width: 150px;
}
#sidebar form input.button {
margin: 0 0 0 0px;
display: block;
width: 150px;
}


/* TABLES */

.links td {
       padding: 5px 0 5px 0;
       border-bottom: 1px solid #e4e4e4;
}
.links caption {
text-align: left;
padding: 0 0 20px 0;
}

/* MISC */
/* ================================= */


.floatleft {
	float: left;
	margin: 0px 10px 5px 0px;
}
.floatright {
	float: right;
	margin: 0px 0px 5px 10px;
}
.clear { /* to clear floats  */
	clear: both;
	height: 0;
    overflow: hidden;
}
img {border: none;}

hr {
	height: 0px; 
    border: 0px; 
    border-top: 1px solid #999; /* mid grey */
}
.skipLinks {display: none;} 


#styleswitcher {
         font-size: 0.7em;
         margin: 0; 
         padding: 0 0 5px 0;
         text-align: right;
}
#styleswitcher a:link, #styleswitcher a:visited { 
	background-color: #fff; /* white */
	color: #666666; /* mid grey */ 
}

#styleswitcher a:hover, #styleswitcher a:active, #styleswitcher a:focus {
	background-color: #fff; /* white */
	color: #000; /* black */
 	text-decoration: none; 
}

/* DITTO PAGINATION */
.ditto_paging { border-top: 1px solid #ccc;    padding: 10px;     font-size: 86%;    color: black;}#ditto_pages .ditto_currentpage {    border: 1px solid black;    padding: 1px 5px 2px;     margin-right: 1px;    background-color: #666;     color: #fff;} #ditto_pages .ditto_off {    border: 1px solid #ccc;    padding: 1px 5px 2px;     margin-right: 1px;    color: #ccc;}#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {    border: 1px solid #666;     padding: 1px 5px 2px;     margin-right: 1px;     text-decoration: none !important;     color: black;} #ditto_pages a:hover {    background-color: #fff;    color: #000;}