/*******************************************************************************************
 * HTML
 *******************************************************************************************/
html {
	background: url(background.jpg) repeat-x top left;
}

body {
	color: #000000;
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
    margin: 0px 40px;
}

a:link, a:visited {
	color: #003366;
}

a:active {
	color: red;
}

a:hover {
	color: #336699;
}

hr {
	margin: 15px 0px;
	width: 100%;
	color: red;
	height: 1px
}

h1 {
	font-size: 1.6em;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0px 0px;
	color: black;
	font-weight: normal;
	background: url(header1-bg.png) repeat-x top left;
	height: 50px;
	padding-left: 10px;
	padding-top: 10px;
}

h2, caption {
	margin: 10px 0px 0px 0px;
    padding: 5px 2px 2px 15px;
    font-size: 17px;
	font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    text-align: left;
    color: black;
   	width: 100%;
   	background: url(header2-bg.png) repeat-x top left;
	height: 30px !important;
}

h3 {
	margin: 10px 0px 0px 0px;
    padding: 5px 2px 2px 15px;
    font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
    ddfont-weight: bold;
    font-weight: normal;
    text-align: left;
    color: #404040;
   	width: 100%;
   	border-bottom: 2px solid #c2c2c2;
   	background-color: #efefef;
}

p {
	margin: 10px ;
}

form {
	margin: 10px
}

/*******************************************************************************************
 * table
 *******************************************************************************************/
table {
	padding-top: 10px;
	margin: 0px;
	background-color: white;
	text-align: center;
	width: 100%;
}

table th {
    margin: 0px;
    padding: 0px;
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	border-bottom: solid 1px #f0f0f0;
}

table td {
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	border-bottom: solid 1px #f0f0f0;
}

cite {
    font-style: normal;
    font-size: 10px;
    padding: 5px 0px 10px 0px;
    display: block;
}

em {
    font-weight: bold;
}

/*******************************************************************************************
 * onlineform
 *******************************************************************************************/
fieldset {
    padding: 0px;
    margin: 0px;
	width: 100%;
	border: none;
}

fieldset ul {
    padding: 0px;
    margin: 0px;
	list-style: none;
}

fieldset ul li  {
	width: 100%;
	display: block;	
}

fieldset ul li label {
	float: left;
	width: 30%;
	text-align: right;
	margin-right: 2%;
}

fieldset ul li input, fieldset ul li select {
	width: 40%;
}

fieldset ul li table {
	border-top: 2px solid black;
}



/*******************************************************************************************
 * CLASSES
 *******************************************************************************************/

.wide {
    width: 100%;
}

.left {
    float: left;
}

.right {
    float: right;
}

.printonly {
    display: none;
}

.middle {
    text-align: center;
}


/*******************************************************************************************
 * EventPlanner Droplet CSS
 *******************************************************************************************/
.hide {
	background-color: #ddd;
	color:#ddd;
}

td.hide {
	background-color: white;
	color: white;
}

.tbd {
	background-color: #ddd;
	color:#000;
}

.date, td.date {
	font-weight: bold;
}


/***************************************************************************************
 * topbanner
 ***************************************************************************************/
#topbanner {
    padding: 0px;
    margin: 10px 0px 0px 0px;
    background: url('banner-right.png') no-repeat top right red;
    height: 90px;
}

#topbanner div {
    dddisplay: block;
    background: url('banner-left.png') no-repeat top left red;	
    height: 90px;
    margin-right: 101px; // for the right image IE
    text-decoration: none;
}

#topbanner h1 {
    margin: 10px 5px 5px 130px;
    display: inline;
    background: url('banner-middle.png') repeat-x top right red;
    color: #fff;
    height: 90px;
    ddwidth: 100%;
    font-size: 3em;
    font-weight: normal;
}

#topbanner h1 a {
    text-decoration: none;
    color: red;
    margin-left: -999px;
    
}

/***************************************************************************************
 * topmenu
 ***************************************************************************************/
#topmenu {
    padding: 0px;
    margin: 0px;
	color: white;
    ddheight: 3em;
	background-color: #ff7373;  
	width: 100%; 
	display: none; 
}

#topmenu ul {
    padding: 2px 20px;
    margin: 0px;
	list-style: none;
	text-align: right;
	background-color: #ff7373;  
}

#topmenu li {
	float: left;
	width: 160px;
	border: 1px #c2c2c2 dotted;
}

#topmenu a {
   color: white;
   display: block;
   font-weight: bold;
   font-size: 1.1em;
   padding: 0px;
   width: 100%;
   text-decoration: none;
   text-align: center;
   background-color: #ff7373;
}

#topmenu a:hover {
   background-color: #c0c0c0;
   color: black;
   text-decoration: none;
}

/***************************************************************************************
 * topnav
 ***************************************************************************************/
#topnav {
    clear: both;
    float: none;
	display: block;
    padding: 0px;
    margin: 0px;
    height: 3em;
    width: 100%;
    background: url('bg-bottom.png') red repeat-x bottom;
	color: white;
}

#topnav #search {
	float: right;
    margin: 0px;
    padding-right: 10px;
    ddline-height: 2em; 
    background-color: red;
}

#topnav input {
    margin-top: 0px;
}

#topnav form {
   margin: 0px;
}

/***************************************************************************************
 * mainarea
 ***************************************************************************************/
#mainarea {
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	width: 100%;
}

#mainarea table {
    border: none;
}

#mainarea table th {
    vertical-align: top;
}

#mainarea table td {
    vertical-align: top;
	background-color: white;
}


/***************************************************************************************
 * leftpane
 ***************************************************************************************/
.leftpane {
	padding: 0px;
	margin: 0px;
    width: 170px;
    float: left;
}

/***************************************************************************************
 * rightpane
 ***************************************************************************************/
.rightpane {
	padding: 0px;
	margin: 0px;
}


/***************************************************************************************
 * leftnav
 ***************************************************************************************/
#leftnav {
	padding: 0px;
	margin: 0px;
    text-align: left;
	font-weight: normal;
	color: white;
    ddwidth: 12em;
    width: 20%;
    overflow: hidden;
    float: left;
}

#leftnav ul {
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
}

#leftnav ul, #leftnav li {
    list-style-position: outside;
    margin: 0px;
	width: 100%;
}

#leftnav a {
    line-height: 18px;
    height: 18px;
}

#leftnav a:link, #leftnav a:visited, #leftnav a:active  {
	text-decoration: none;
	color: white;
}

#leftnav input {
	font-size: 12px;
	width: 90%;
	margin: 5px 4%;
}

#leftnav p {
	margin: 5px 4%;;
}

#leftnav h3 {
    font-size: 1em;
    font-weight: bold;
}

#leftnav a:hover {
	text-decoration: underline;
}


/***************************************************************************************
 * menu
 ***************************************************************************************/
#menu {
    margin: 0px;
    padding: 0px;
    border-top: solid 3px #c2c2c2;
    border-bottom: solid 3px #c2c2c2;
    background-color: red;
}

#menu ul, #menu ul ul, #menu ul ul ul, #menu ul ul ul ul, #menu ul ul ul ul ul, #menu ul ul ul ul ul ul  {
	list-style-type: none;
	padding: 4px 0px 4px 4%;

}

#menu p {
	padding: 0px 4%;
	font-weight: bold;
}

#menu a {
   display: block;
   width: 90%;
   overflow: hidden;
}

#menu a:hover {
   background-color: #c0c0c0;
   color: black;
   text-decoration: none;
}

#menu #locale a {
    font-weight: bold;
}

/***************************************************************************************
 * weather
 ***************************************************************************************/
#weather {
    padding:  4px 0px;
    margin: 4px 0px;
    border-top: solid 3px #c2c2c2;
    border-bottom: solid 3px #c2c2c2;
    background-color: red;
}

#weather em {
    margin-left: 4%;
}

#weather p {
    margin-left: 4%;
}

/***************************************************************************************
 * minicalendar
 ***************************************************************************************/
#minicalendar {
	padding-top: 5px;
	padding-left: 2%;
	text-align: center;
    border-top: solid 3px #c2c2c2;
    border-bottom: solid 3px #c2c2c2;
} 
#minicalendar table {
	width: 98%;
} 


/***************************************************************************************
 * login
 ***************************************************************************************/
#login {
    padding:  8px 0px 0px 0px;
    margin: 8px 0px 0px 0px;
    border-top: solid 3px #c2c2c2;
    border-bottom: solid 3px #c2c2c2;
    background-color: red;
    width: 100%;
}

#login label {
    margin-left: 4%;
    overflow: hidden;
    display: none;
}

#login p {
    margin-left: 4%;
    overflow: hidden;
    display: none;
}


/***************************************************************************************
 * menu control
 ***************************************************************************************/
.menu_default {
	font-weight: normal;
}

.menu_current {
	font-weight: bold;
}



/***************************************************************************************
 * button
 ***************************************************************************************/
div.button {
	padding: 2px 0px 4px 4px;
    vertical-align: middle;
	background: url('big-node-left.png') no-repeat top left;
}

div.button a {
	background: url('big-node-right.png') no-repeat top right;
	padding: 2px 6px 4px 4px;
	margin-bottom: 5px;
	color: #fff !important;
	font-weight: normal;
	text-decoration: none;
}

div.button a:hover {
	text-decoration: underline;
}

/***************************************************************************************
 * campaign
 ***************************************************************************************/
#campaign {
    padding: 0px;
    margin: 0px 0px 0px 10px;
    margin: 10px;
    background: url('campaign-bl.png') no-repeat bottom left red;
    width: 98%;
}

#campaign dl {
    background: url('campaign-tl.png') no-repeat top left;	
}

#campaign marquee {
	display: in-line;
	font-size: .8em;
}

#campaign dt {
	padding: 0px;
    margin: 0px 0px 0px 10px;
	color: #fff; /* #c2c2c2; */ /*#ff9f9f; */
	font-size: 2em;
    background: url('campaign-tr.png') no-repeat top right;	
}

#campaign dd {
    margin: 0px;
    padding: 10px;
    background: url('campaign-br.png') no-repeat bottom right;	
    _background: none;
    color: #fff; 
}

#campaign img {
	float: left;
	padding: 4px 10px;
}



/***************************************************************************************
 * contents
 ***************************************************************************************/
#contents {
	padding: 0px;
	margin: 0px;
	min-height: 300px;
	background-color: #fff;;
	width: 80%;
	float: right;
    overflow: hidden;
}

/***************************************************************************************
 * note
 ***************************************************************************************/
.note {
	margin: 0px;
	padding: 3px;
	border: 1px solid #666;
	font-style: italic;
}

/***************************************************************************************
 * news
 ***************************************************************************************/
#news {
	margin: 0px 10px 10px 10px;
}

#news cite {
	margin: 5px 0px 0px 0px;
	padding: 3px;
	border-top: 1px dotted #666;
	font-style: italic;
}

#news h2 {
	padding: 0px 0px 0px 34px;
	background: url(ScBullet.png) no-repeat top left;
	font-size: 1em;
	color: #666;
}

#news .button {
	font-size: 12px
}

#news .button a {
	font-size: 12px
}



/***************************************************************************************
 * bignode
 ***************************************************************************************/

div.bignode {
    padding-top: 10px;
}

div.bignode  ul {
    margin: 0px;
    padding-left: 10px;
}

div.bignode h1 {
	list-style-type: none;
    list-style-position: outside;
	padding: 2px 0px 4px 4px;
    vertical-align: middle;
    font-size: 1em;
	background: url('big-node-left-root.png') no-repeat top left;
}

div.bignode ul li {
	list-style-type: none;
    list-style-position: outside;
	padding: 2px 0px 4px 4px;
    vertical-align: middle;
	background: url('big-node-left.png') no-repeat top left;
}

div.bignode strong {
	background: url('big-node-right.png') no-repeat top right;
	padding: 2px 6px 4px 4px;
	margin-bottom: 5px;
	color: white;
	font-weight: normal;
}


/***************************************************************************************
 * table.bilingual
 ***************************************************************************************/
table.bilingual {
	border: none;
}

table.bilingual th.en, table.bilingual th.fr {
	font-size: 2em;
}

table.bilingual td.en, table.bilingual td.fr {
	width:48%;
	text-align: left;
	border: none;
	background-color: none;
}

/***************************************************************************************
 * fakebox and fakeinput (to keep the form styles simple)
 ***************************************************************************************/
.fakebox {
	height: 4px;
	margin: 0px 4px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-bottom: 2px solid #777;
	border-right: 2px solid #777;
}

/***************************************************************************************
 * springcampform
 ***************************************************************************************/

#springcampform input.submit {
	margin-left: 20%;
	width: auto;
}

#springcampform table th {
	padding: 0px;
	margin: 0px;	
	width: 15%;
	text-align: right;
	white-space: nowrap;
}

#springcampform table td {
	padding: 0px;
	margin: 0px;	
	width: 84%;
}

#springcampform input {
	border: none;
	ddborder-bottom: 1px solid black;
	width:  80%;
	font-size: 10px;
}

#springcampform label.radio_label {
	float: left;
	width: 20%;
	font-size: 1em;
	text-align: left;
	margin-top: .2em;
	margin-left: .2em;	
}

#springcampform input.field_radio {
	float: left;
	margin-left: 1em;
	border: none;
	width: 1em;
	text-align: left;
}


/***************************************************************************************
 * Maps and fields page
 ***************************************************************************************/

table.maps tr {
    width: 50%;
    _font-size: 14px;
}

table.maps h2 {
    _font-size: 16px;
}

table.maps td {
    width: 24%;
    _width: 150px;
    border: 1 solid black;
    padding: 2px;
}

table.maps td img {
    width: 95%;
}

table.maps td p {
    padding: 2px;
    margin: 2px;
}

table.maps td ol {
    font-size: 80%;
    list-style-position: inside;
    text-align: left;
    padding: 2px;
    margin: 0px;
    background-color: #eeeeee;
}

table.maps td ol li {
    padding: 2px;
    margin: 0px;
}


/***************************************************************************************
 * poweredby
 ***************************************************************************************/

#poweredby {
    margin: 0px;
    padding: 0px;
}

#poweredby a {
	padding: 10px;
}

#poweredby img {
	padding: 10px;
}


/***************************************************************************************
 * footer
 ***************************************************************************************/
#footer {
	float: none;
	clear: both;
	background-color: white;
	text-align: center;
}

#footer p {
    padding: 10px;
	color: black;
}

#footer #modified {
    font-style: italic;
    font-size: 90%;
}


/***************************************************************************************
 * Event Planner - event
 ***************************************************************************************/
.event {
    padding: 2px;
    margin: 2px;
    border: 1 solid #ddd;
}

.event em {
   	display: block;
	margin: 4px 0px 0px 0px;
	font-size: 66%;
   	font-weight: normal;
   	font-style: normal;
   	color: black;
}

.event h4 {
	padding: 0px;
	margin: 0px;
	font-size: 66%;
}

.event h5 { 
	padding: 0px;
	margin: 0px;
	font-size: 66%;
	ddfont-size: 9px;
	white-space: nowrap;
}

/***************************************************************************************
 * Event Planner - eventlist
 ***************************************************************************************/

table.eventlist {
    padding: 0px;
    margin: 0px;
	ddmargin-top: 30px;
}

table.eventlist td {
	width: 24%; /* Assumes 4 columns */
}

/***************************************************************************************
 * Event Planner - eventdump
 ***************************************************************************************/
table.eventdump td {
	font-size: 9px;
    padding: 2px;
    margin: 2px;
}

table.eventdump td img {
	width: 60%;
}

table.eventdump td.FR {
	font-size: 10pt;
	background-color: #ddd;
    border-bottom: 1 solid black;	
}

table.eventdump td.EN {
	font-size: 10pt;
}


/***************************************************************************************
 * Event Planner - upcoming
 ***************************************************************************************/
#upcoming {
	margin: 0px 10px 10px 10px;
	padding: 0px;
	width: 100%;
}

#upcoming table {
	margin: 0px;
	padding: 0px;
	width: 96%;
}

#upcoming th {
   color: black; /* #444; */
   background-color: #eee; /* #ff7373; */
   font-size: 70%;
   width: 14%;
   border: 1px #ddd solid;
   text-align: center;
   font-weight: bold;
   ggfont-style: italic;
}

#upcoming td {
   font-size: 90%;
   border: 1px #ddd solid;
}

#upcoming em {
   	display: block;
	margin: 4px 0px 0px 0px;
	font-size: 66%;
   	font-weight: normal;
   	font-style: normal;
   	color: black;
}

#upcoming h5 {
	padding: 0px;
	margin: 0px;
   	font-size: 0.9em;
   	font-weight: normal;
   	font-style: normal;
	color: #660033;
}