@charset "utf-8";
/* #336699; /* blue */
/* #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;
}
/* social strip - includes google translate + f + t + styleswitcher*/
#socialstrip {
	margin: 0 auto;
	padding: 5px 0 5px 0;
border-bottom: 1px solid #ccc;
}
#sociallinks {
	margin: 0 auto;
	padding: 0;
	width: 748px; /* no L/R padding */
}
#sociallinksL {
	margin: 0;
	padding: 0;
	width: 400px; /* no L/R padding */
text-align: left;
float: left;
}
#sociallinksR {
	margin: 0;
	padding: 0;
	width: 348px; /* no L/R padding */
text-align: right;
float: right;
font-size: 0.7em;
}
#styleswitcher {
         
         margin: 0; 
         padding: 0 0 5px 0;
         text-align: right;
}
#sociallinks a:link, #sociallinks a:visited { 
	background-color: #fff; /* white */
	color: #666666; /* mid grey */ 
}

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

#sitewrapper {
	width: 748px; /* no L/R padding */
	background-color: #fff; /* white */ 
	color: #333333; /* dark grey */
	margin: 0 auto;
	padding: 10px 0 40px 0;
}

/* HEADER */
#headerwrapper {
	width: 748px; /* no L/R padding */
	margin: 0;
	padding: 0;
}
#logo {
	float: right;
	margin: 0;
	padding: 0;
	width: 175px; /* no L/R padding */
	text-align: right;
}
#logo h3 {
	padding: 2px 5px 5px 0;
	font-size: 0.5em;
	font-weight: bold;
	margin: 0; 
	color: #000; /* black */
	letter-spacing: 0.02em;

}
#strap {
	float: left;
	background-color: #fff; /* white */ 
	color: #336699; /* blue */
	margin: 0;
	padding: 45px 0 5px 0;
	width: 573px; /* actual 726 with 25L/20R padding */
	border-bottom: 2px dotted #666666; /* mid grey */
}
#strap h2 {
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0; 
}
#contentwrapper {
	margin: 0;
	padding: 0 0 20px 0;
	width: 746px; /* actual 748 with 1px border */
	font-size: 0.76em;
	border: 1px solid #336699; /* blue */
	background-image: url(./images_site/bg_contentwrapper.gif);
	background-repeat: repeat-y;
	background-position: top left; 
}


/* maincontentwrapper ============================================================= */
#maincontentwrapper {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	width: 531px; /* actual 541 with 10R margin */
}
#social {
	padding: 15px 0 0 0;
	margin: 0;
text-align: right;
}
#homeboxwrapper {
	margin: 20px 0 30px 0;
	padding: 20px 0 0 0;
	width: 531px; /* no L/R border */
	border-bottom: 1px solid #ccc; /* light grey */
	background-image: url(./images_site/bg_homeboxwrapper.jpg);
	background-repeat: no-repeat;
	background-position: bottom left; 
}
#join, #events, #talkback {
	float: left;
	margin: 0;
	padding: 0 0 10px 17px;
	width: 160px; /* actual 177 with 10L padding */
}
#join h2, #events h2, #talkback h2 {
	padding: 0 5px 0 0;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 15px 0; 
	color: #336699; /* blue */
}
#join p, #events p, #talkback p {
	padding: 0 5px 0 0;
	font-size: 90%;
	margin: 0 0 6px 0; 
}


#join a:link, #events a:link, #talkback a:link, #features a:link {
	color: #336699; /* blue */
	font-weight: bold;

}
#join a:visited, #events a:visited, #talkback a:visited, #features a:visited {
	color: #666666; /* mid grey */
	font-weight: bold;

}
#join a:hover, #join a:active, #join a:focus,
#events a:hover, #events a:active, #events a:focus,
#talkback a:hover, #talkback a:active, #talkback 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: 531px; /* no L/R padding */
	background-color: #fff; /* white */ 
	color: #333333; /* dark grey */
}

#breadcrumbs {
	margin: 15px 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: #336699; /* blue */
	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: #336699; /* blue */
	font-size: 1.75em;
	font-weight: bold;
	margin: 0px 0 12px 0px;
}
#maincontent h2 {
	color: #000; /* black */
	font-size: 1.5em;
	font-weight: bold;
	margin: 12px 0 6px 0px;
}
#maincontent h3 {
	color: #666; /* med grey */
	font-size: 1.35em;
	font-weight: bold;
	margin: 12px 0 6px 0px;
}
#maincontent h4 {
	color: #999; /* mid grey */
	font-size: 1.25em;
	font-weight: bold;
	margin: 12px 0 6px 0px;
}
#maincontent h5 {
	color: #000; /* black */
	font-size: 1.15em;
	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;
}
/*  FEATURE BOXES ON HOME PAGE - see homeboxwrapper for links styling   */
#features {
	float: right;
	margin: 0 0 0 20px;
	padding: 0;
	width: 150px; /* actual 170 with 20L margin */
}
#features img {
	margin: 2px 0;
	padding: 0;
}
#features h2 {
	padding: 3px;
	font-size: 90%;
	font-weight: bold;
	margin: 0 0 0 0; 
	background-color: #336699; /* blue */
	color: #fff; /* white */
	background-image: url(./images_site/bg_featureheader.gif);
	background-repeat: no-repeat;
	background-position: top left; 
	text-transform: uppercase;
	text-align: center;
}
#features p {
	margin: 0;
	padding: 0;
	font-size: 86%; 
	line-height: 1.2em;
}
.featurebox {
	border: 1px solid #336699; /* blue */
	margin: 0 0 10px 0;
	padding: 8px 5px;
	width: 138px; /* actual 150 with 10 L/R padding 2L/R border */
}
#news ul {
	margin: 0;
	padding: 0 0 0 1.25em;
}
#news li {
	list-style-type: square;
	color: #336699; /* blue */
	margin: 0;
	padding: 0;
}

#btn_join {
	padding: 15px 10px 10px 40px;
	background-image: url(./images_site/btn_join.jpg); 
	background-position: top left; 
	background-repeat: no-repeat;

}
#btn_join a:link, #btn_join a:visited {
	color: #fff; /* white */
	font-weight: bold;
	background-color: #336699; /* blue */
}

/* 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: 175px;	/* no L/R padding/borders */
	background-color: #336699; /* blue */
	color: #fff; /* white */ 
}
/* mainnav starts */
#mainnav {
	background-color: #336699; /* blue */
	color: #fff; /* white */
	margin: 0;
	padding: 30px 0 0 0;
	width: 175px; /* 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 #fff;
}

.navlist li a:link, .navlist li a:visited { 
	color: #fff; /* white */}

.navlist li a:hover, .navlist li a:active, .navlist li a:focus, .active {
	color: #ccc; /* light grey */
}
/* mainnav end */

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


/* FOOTER */
#footerwrapper {
	width: 748px; /* no L/R padding */
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 0.7em;
	font-weight: bold;
	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;
}
#footerwrapper a:link, #footerwrapper a:visited,
#footerlinks a:link, #footerlinks a:visited,
#credit a:link, #credit a:visited { 
	background-color: #fff; /* white */
	color: #666666; /* mid grey */ 
}

#footerwrapper a:hover, #footerwrapper  a:active, #footerwrapper a:focus,
#footerlinks a:hover, #footerlinks  a:active, #footerlinks a:focus,
#credit a:hover, #credit  a:active, #credit a:focus{
	background-color: #fff; /* white */
	color: #666; /* mid grey */
 	text-decoration: none; }


/* 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 {
	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;
}

/* 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;} 


/* 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;}