@charset "UTF-8";
/* CSS Document */

/* STYLE */
hr {
	color: #ccc;
	height: 1px;
} 
h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.2em;
    color: #039cdb;
    clear: both;
    margin: 0;
    font-weight: normal;
    padding: 5px 0 25px 0;
    border-top: 2px solid #039cdb;
}   
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #039cdb;
    clear: both;
    margin: 0;
    font-weight: normal;
    padding: 10px 0 25px 0;
    border-top: 2px solid #039cdb;
}
h2.bigger {
    font-size: 25px;
}   
h2.noborder {
font-size: 20px;
    border-top: 0px solid #fff;
    padding: 0px 0 10px 0;
}
h2.dark {
    letter-spacing: -1px;
    color: #00407a;
}
h2.logos {
    font-size: 19px;
    color: #039cdb;
    clear: both;
    margin: 0;
    font-weight: normal;
    border-top: 0px solid #fff;
    padding: 0px 0 10px 0;
}
h2.grey {
    padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-bottom: 25px;
	border-top-color: #fff;
	border-bottom-color: #ccc;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	
}

h2.white{
    padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-bottom: 25px;
	border-top-color: #fff;
	border-bottom-color: #ccc;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	
}    

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #00407a;
    font-weight: bold;
    margin: 0 0 15px 0;
    padding: 0;
}   

a, a:visited, a:link, a:active {
    color: #233d87;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #039cdb;
    text-decoration: none;
}

.ui-datepicker-trigger {
    margin: 5px 0 0 5px;
}
#kinderen p {
    clear: both;
}

 /* BASE */ 

div { /* border: 1px dotted black; */ }

* {
    margin: 0;
}

img { border: 0; }
body {
    background: url(http://91.238.32.181/PortalDev/Objects/3/Images/Illubg.gif) #ffffff no-repeat top right;
    /*font-size: 62.5%;*/
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #49413e;
}
html {
    margin: 0;
    padding: 0;
    min-width: 960px;
    overflow: -moz-scrollbars-vertical !important; 
}

html, body {
    height: 100%;
}
#wrapper {
    background: url(../images/sfeerbeeld.png) transparent no-repeat top center;
    font-size: 1.2em;
    min-height: 100%;
    width: 100%;
    text-align: left;
    height: auto !important;
    height: 100%;
    margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
}


#logo {
    padding-top: 20px;
    margin-bottom: 15px;
    width: 480px;      /*500*/
    float: left;
}
#logo p {
    font-size: 13px;
    color: #00336f;
    margin-left: 83px;
}
#slogan {
    width: 400px;
    float: right;
}
#search {
    float: right;
    width: 170px;
    padding-top: 5px;
    text-align: right;
}


#spacer {
    height: 150px; /* .push must be the same height as .footer */
}

/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/
}


#main {
    padding: 30px 10px 50px 60px;
}
#leftcol {
    float: left;
}
#rightcol {
    float: right;
}
.col420 {
    width: 420px;
    margin: 0 0 30px 0;
}

.col15 {
    width: 15px;
}
.col300 {
    width: 300px;
    margin: 0 0 30px 0;
}



.col440 {
    width: 440px;
    /*margin: 0 0 30px 0;*/
}
.col180 {
    width: 180px;
    float: left;
    
}
.col240 {
    width: 240px;
    float: right;
}
.maintext {
    font-size: 13px;
    line-height: 15px;
    /*padding-bottom: 50px;*/
}



ul.list_whatsnew {
}
ul.list_whatsnew li {
    list-style-type: none;
    clear: both;
    border-top: 1px solid #ccc;
    *height: 1%;
    padding: 5px 0;
}
ul.list_whatsnew li.first {
    border-top: 0px solid white;
}
ul.list_whatsnew li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
ul.list_whatsnew li span {
    float: left;
    color: #777;
}
ul.list_whatsnew li a {
    float: right;
    width: 310px;
    font-weight: normal;
}

ul.list_docs {
    margin-bottom: 15px;
}
ul.list_docs li {
    background: url(../images/icon_doc.gif) transparent no-repeat 0px 5px;
    list-style-type: none;
    clear: both;
    border-top: 1px solid #ccc;
    *height: 1%;
    padding: 5px 0;
}
ul.list_docs li.first {
    border-top: 0px solid white;
}
ul.list_docs li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
ul.list_docs li a {
    display: block;
    padding-left: 25px;
    font-weight: normal;
}
ul.list_docs li a span {
    color: #999;
    font-size: 0.9em;
}

#ournetwork {
    background: url(http://91.238.32.181/PortalDev/Objects/3/Images/europe.gif) #f7db31 no-repeat top right;
    background-color: #f7db31;
    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 15px;
        min-height: 170px;
        margin-bottom: 30px;
}   
#ournetwork h3 {
    width: 250px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #b2a626;
}
#ournetwork p {
font-size:12px;
    line-height: 1.4em;
}
#ournetwork a.button {
    margin-top: 10px;
}

ul.banners {
    margin-bottom: 10px;
    padding: 0px;
    
}
ul.banners li {
    list-style-type: none;
    padding-bottom: 8px;
}
ul.banners.li a img {
    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
}   
ul.buttons {
font-size:12px;
    margin-bottom: 20px;
    padding: 0px;
    
}
ul.buttons li {
    list-style-type: none;
    padding-bottom: 2px;
}
ul.buttons li a {
    display: block;
    background-color: #707a7c;
    color: white;
    font-size: 1.3em;
    font-weight: normal;
    padding: 10px;
    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
}
ul.buttons li a:hover {
    background-color: #039cdb;
}

.events {
    float: right;
    width: 220px;
    box-shadow:inset 3px 3px 8px 1px #aaa;
    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    padding: 10px 10px 10px 20px;
}   

ul.eventlist {
padding: 0px;
}
ul.eventlist li {
    list-style-type: none;
    clear: both;
    padding-bottom: 10px;
    *height: 1%;
}
ul.eventlist li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
ul.eventlist li div.date {
    background: url(http://91.238.32.181/PortalDev/Objects/3/Images/bg_datum.gif) transparent no-repeat top center;
    font-size:12px;
    width: 34px;
    height: 35px;
    margin-right: 5px;
    float: left;
    color: #1e4185;
    font-weight: bold;
    text-align: center;
    padding-top: 1px;
}
ul.eventlist li div.date span {
    clear: both;
    padding: 2px;
    font-size: 1.2em;
    margin-bottom: 0px;
    display: block;
    color: #ffffff;
}
ul.eventlist li div.title {
font-size: 12px;
    float: right;
    width: 150px;
}
ul.eventlist li div.title a {
    color: #3d505a;
    font-weight: normal;
}
ul.eventlist li div.title a:hover {
    color: #039cdb;
}
ul.eventlist li div.loc {
font-size:12px;
    float: right;
    width: 150px;
    color: #039cdb;
    padding-top: 4px;
}
ul.socialmedia {
padding: 0px;
}
ul.socialmedia li {
    list-style-type: none;
    float: left;
    margin: 0 3px 0 0;
    
}
span.rss {
    position:relative;
    top: 1px;
    left: 15px;
}
/*div.showall {
    float: right;
}
div.showall a.button {
    font-size: 11px;
    padding: 2px 5px;
    -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    background-color: #707a7c;
        border: 1px solid #707a7c;
        box-shadow: none;
}
div.showall a.button:hover {
        background-color: #039cdb;
        border: 1px solid #039cdb;
        box-shadow: none;
}*/

div.showall {
	float: right;
}
div.showall a.button, div.showall a.button:visited, div.showall a.button:active {
	font-size: 11px;
	padding: 2px 5px;
   	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
   	background-color: #004a80;
	border: 1px solid rgb(67, 121, 161);
	box-shadow:1px 1px 0px rgb(0, 51, 102);
	-moz-box-shadow:1px 1px 0px rgb(0, 51, 102);
	-webkit-box-shadow:1px 1px 0px rgb(0, 51, 102);
	background-image:linear-gradient(-90deg, rgb(103, 164, 212), rgb(6, 78, 132));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(103, 164, 212)), to(rgb(6, 78, 132)));
	background-image:-moz-linear-gradient(-90deg, rgb(103, 164, 212), rgb(6, 78, 132));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64a2d2', endColorstr='#095086');
}
div.showall a.button:hover {
    	background-color: #4993c9;
	border: 1px solid rgb(67, 121, 161);
	box-shadow:1px 1px 0px rgb(0, 51, 102);
	-moz-box-shadow:1px 1px 0px rgb(0, 51, 102);
	-webkit-box-shadow:1px 1px 0px rgb(0, 51, 102);
	background-image:linear-gradient(-90deg, rgb(103, 164, 212), rgb(6, 78, 132));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(103, 164, 212)), to(rgb(6, 78, 132)));
	background-image:-moz-linear-gradient(-90deg, rgb(103, 164, 212), rgb(6, 78, 132));
}


span.showall a.button, span.showall a.button:visited, span.showall a.button:active {
	font-size: 11px;
	color: white;
	position:relative;
	left: 35px;
	padding: 2px 5px; 
   	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
   	background-color: #004a80;
	border: 1px solid rgb(67, 121, 161);
	box-shadow:1px 1px 0px rgb(0, 51, 102);
	-moz-box-shadow:1px 1px 0px rgb(0, 51, 102);
	-webkit-box-shadow:1px 1px 0px rgb(0, 51, 102);
	background-image:linear-gradient(-90deg, rgb(103, 164, 212), rgb(6, 78, 132));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(103, 164, 212)), to(rgb(6, 78, 132)));
	background-image:-moz-linear-gradient(-90deg, rgb(103, 164, 212), rgb(6, 78, 132));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64a2d2', endColorstr='#095086');
}
span.showall a.button:hover {
    	background-color: #4993c9;
	border: 1px solid rgb(67, 121, 161);
	box-shadow:1px 1px 0px rgb(0, 51, 102);
	-moz-box-shadow:1px 1px 0px rgb(0, 51, 102);
	-webkit-box-shadow:1px 1px 0px rgb(0, 51, 102);
	background-image:linear-gradient(-90deg, rgb(103, 164, 212), rgb(6, 78, 132));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(103, 164, 212)), to(rgb(6, 78, 132)));
	background-image:-moz-linear-gradient(-90deg, rgb(103, 164, 212), rgb(6, 78, 132));
}




span.bluebutton a.button, span.bluebutton a.button:visited, span.bluebutton a.button:active {
	font-size: 11px;
	color: white;
	position:relative;
	padding: 2px 5px; 
   	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
   	background-color: #004a80;
	border: 1px solid rgb(67, 121, 161);
	box-shadow:1px 1px 0px rgb(0, 51, 102);
	-moz-box-shadow:1px 1px 0px rgb(0, 51, 102);
	-webkit-box-shadow:1px 1px 0px rgb(0, 51, 102);
	background-image:linear-gradient(-90deg, rgb(103, 164, 212), rgb(6, 78, 132));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(103, 164, 212)), to(rgb(6, 78, 132)));
	background-image:-moz-linear-gradient(-90deg, rgb(103, 164, 212), rgb(6, 78, 132));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64a2d2', endColorstr='#095086');
}
span.bluebutton a.button:hover {
    	background-color: #4993c9;
	border: 1px solid rgb(67, 121, 161);
	box-shadow:1px 1px 0px rgb(0, 51, 102);
	-moz-box-shadow:1px 1px 0px rgb(0, 51, 102);
	-webkit-box-shadow:1px 1px 0px rgb(0, 51, 102);
	background-image:linear-gradient(-90deg, rgb(103, 164, 212), rgb(6, 78, 132));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(103, 164, 212)), to(rgb(6, 78, 132)));
	background-image:-moz-linear-gradient(-90deg, rgb(103, 164, 212), rgb(6, 78, 132));
}
























.breadcrumbs {
font-size:12px;
margin-bottom: 15px;
   
}
a.breadcrumbs:link {
font-weight: normal;
    color: #444;
}
a.breadcrumbs:visited {
font-weight: normal;
    color: #444;
} 
a.breadcrumbs:hover {
font-weight: normal;
    color: #000;
}


#dossierlist {
    background-color: #dbf3fc;
    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 15px;
        min-height: 170px;
        margin: 30px 0 30px 0;
}   
#dossierlist h2 {
    font-size: 20px;
    padding-bottom: 0px;
}
#dossierlist ul {
padding: 0px;
    border-top: 1px solid #0facec;
    padding-top: 10px;
    margin-top: 10px;
}
#dossierlist ul li {
	font-size:12px;
	padding: 0 0 3px 5px;
	margin-left:20px;
}
#dossierlist p {
font-size:12px;
    padding-left: 25px;
    margin: 5px 0 5px 0;
}
#dossierlist p a {
font-size:12px;
    font-weight: normal;
    color: #666;
}


TableHeader {
    background-color: #dbf3fc;
    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 15px;
        margin: 0px 0 5px 0;
}
TableHeader h2 {
    font-size: 20px;
    padding-bottom: 10px;
}
.contactsbox {
	background-color: #dbf3fc;
   	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    	border-radius: 10px;
    	padding: 15px;
    	margin: 0px 0 5px 0;
}
.contactsbox.top {
    	margin: 90px 0 25px 0;
}		
.contactsbox h2 {
	font-size: 1.8em;
	padding-bottom: 10px;
}

.contactsbox p a {
	font-weight: normal;
	color: #666;
}

.structurebox {
	background-color: #dbf3fc;
   	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    	border-radius: 10px;
    	padding: 15px;
    	margin: 0px 0 5px 0;
    	font-size: 12px;
}
.structurebox.top {
    	margin: 90px 0 25px 0;
}		
.structurebox.grey {
	background-color: #eee;
}
.structurebox h2 {
	font-size: 1.5em;
	padding-bottom: 5px;
	text-align: center;
}
.structurebox p a {
	font-weight: normal;
	color: #666;
}

.structurebox hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
	margin: 0.5em 0 0.5em 0;
}

.eventscal{
	font-size: 12px;
}

.eventscal ul li {
	padding: 10px 0 25px 0;
	clear: both;
	border-top: 1px dotted #888;
	list-style-type: none;
}
.eventscal ul li div.date {
	background: url(../images/bg_datum.gif) transparent no-repeat top center;
	width: 34px;
	height: 35px;
	margin-right: 20px;
	line-height: 1.4em;
	float: left;
	color: #1e4185;
	font-weight: bold;
	text-align: center;
	padding-top: 1px;
}
.eventscal ul li div.date span {
	clear: both;
	padding: 2px;
	font-size: 1.2em;
	margin-bottom: -1px;
	display: block;
	color: #ffffff;
}
.eventscal ul li div.banner {
	float: left;
	width: 227px;
	margin-right: 20px;
}
.eventscal ul li div.title {
	float: right;
	width: 619px;
	font-size: 1.4em;
	color: #3d505a;
	font-weight: bold;
}

.eventscal ul li div.title a {
    color: #3d505a;
    font-weight: bold;
}
.eventscal ul li div.title a:hover {
	color: #039cdb;
}
.eventscal ul li div.loc {
	float: right;
	width: 619px;
	padding: 4px 0 0 0;
	color: #039cdb;
}
.eventscal ul li div.uitleg {
	float: right;
	width: 619px;
	padding-top: 10px;
	color: #555;
}
.eventscal ul li div.contact {
	float: right;
	width: 309px;
	padding-top: 10px;
	color: #555;
}
.eventscal .moreinfobox {
	clear: both;
	background-color: #dbf3fc;
   	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    	border-radius: 10px;
    	padding: 15px;
    	width: 589px;
    	float: right;
    	margin: 20px 0 5px 0;
}	
.eventscal .moreinfobox ul.eventsdocs {
	margin: 0;
	float: right;
	width: 295px;
	border-left: 2px solid #fff;
	padding-left: 15px;
}
.eventscal .moreinfobox ul.eventsdocs li {
	margin: 0;
	padding: 1px 0;
	border-top: 0px;
}







#footer {
    /*font-size: 1.2em;*/
    
}   
#logos {
    /*background: url(../images/bg_logos.jpg) #b9ced7 repeat-x top center;*/
    padding: 15px 0 15px 60px;
    
}   
#ourprojects, #ourpartners {
    min-height: 110px;
    background-color: white;
    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 22px 10px 22px;
        width: 860px;
}   
#ourprojects {
    min-height: 180px;
    margin-bottom: 10px;
}
#logos ul {
padding: 0px;
}
#logos ul li {
    list-style-type: none;
    float: left;
    height: 46px;
    margin: 15px 32px 15px 0;
}
#logos ul li a {
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
}
#logos ul li a img {
    vertical-align: middle;
}
#footer_bottom {
font-size: 12px;
    background-color: #707a7c;
    padding: 15px 0 15px 60px;
    min-height: 75px;
    color: #ffffff;
}
#footer_bottom a {
    color: #ffdd00;
}
#footer_left {
    float: left;
    width: 680px;
}
#footer_right {
    float: left;
    width: 200px;
}


/* FORMS */

form { margin: 0px; clear: both; } 
label {
    width: 175px;
    padding-top: 6px;
    float: left;
    color: #888;
}
form br {
    clear: left;
}
#searchform input[type=text] {
    box-shadow:inset 1px 1px 0px 0px #999;
    border: 1px solid #eee;
    -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        width: 125px;
        color: #888;
}   
#searchform input[type=submit] {
    background: url('../images/search.gif') 0px 0px no-repeat; 
    width: 30px; 
    height: 27px; 
    border: 0px; 
    text-indent: -9999px;
    overflow: hidden;
    margin-left: 2px;
    

font-size: 0; 
display:block; 
line-height: 0; 

}   
input, textarea { 
    border: 1px solid #ccc; 
    font-family: Arial, Helvetica, sans-serif; 
    background-color: #FFFFFF; 
    padding: 5px 5px 5px 5px; 
    float: left; 
    width: 150px; 
    margin: 0 0 2px 0;
}
input:focus {
    border: 1px solid #233d87;
}
input[type=checkbox] {
    width: auto;
    border: 0px;
    margin-right: 10px;
}
input[type=radio] {
    width: auto;
    border: 0px;
    margin-right: 10px;
}
select {
    border: 1px solid #ccc;
    font-family: Arial, Helvetica, sans-serif; 
    background-color: #FFFFFF;
    padding: 4px 5px 4px 5px; 
    margin-bottom: 2px;
    cursor: pointer;
}



/* BUTTONS */
a.button, button{
	display: block
    float:left;
    margin:0 0 0 0;
    background-color:#b1a626;
    border:1px solid #b1a626;
    font-family: Arial, Verdana, sans-serif;
    font-size:1.2em;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    padding:6px 14px; /* IE6 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 0px #777;
}
button{
    width:auto;
    overflow:visible;
     -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
}
button[type]{
    padding:6px 14px; /* IE6 */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:2px 8px 1px 7px; /* IE7 */
}
button img, a.button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */
button:hover, a.button:hover{
    box-shadow: 1px 1px 1px 0px #000;
    background-color:#00477f;
    border:1px solid #00477f;
    color:#fff;
}
a.button:active{
    background-color:#000;
    border:1px solid #000;
    color:#fff;
}
.floatright {
    float: right;
}



.input.wide, select.wide {
    margin: 0 2px 2px 0;
    width: 410px;
}
select.wide {
    width: 322px;
}
.input.short, select.short {
    margin: 0 2px 2px 0;
    width: 57px;
}
.input.third, select.third {
    margin: 0 2px 2px 0;
    width: 128px;
}
.input.half, select.half {
    margin: 0 2px 2px 0;
    width: 268px;
}
textarea {
    min-height: 80px;
}
.cen {
    width: 940px; /*920*/
    padding-left: 60px;
    /*padding-right: 10px;*/
    background-color: white;
    text-align: left;
}
.cenmenu {
    width: 920px;
    padding-left: 60px;
    /*padding-right: 10px;*/
    background-color: white;
    text-align: left;
}
/*MENU*/

#menu {
    clear: both;
    position: relative;
    z-index: 2;
  /*  left: -60px;*/
    padding-left: 50px;
  background: url(http://91.238.32.181/PortalDev/Objects/3/Images/bgm.jpg) transparent repeat-y top left; 
    float: left;
    width: 760px; /*930*/
    height: 38px;
}   
#menu ul {
    font-size: 19px;
    letter-spacing: -1px;
    padding: 0;
}
#menu ul li {
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
}
#menu ul li a {
    font-weight: normal;
    color: #1e4185;
    padding: 5px 10px;
    margin: 5px 2px 5px 0;
	
	white-space: nowrap;
}
#menu ul li a:hover, #menu ul li a.active {
    text-decoration: none;
    display: block;
    color: #000;
    background-color: #fae87c;
    box-shadow:inset 3px 3px 5px 0px #d0c167;
    
    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
}
#menu ul li a.active {
    text-decoration: none;
    color: #000;
}   

#menu ul li a.members, #menu ul li a.members:hover {
    display: block;
    font-weight: normal;
    color: #ffffff;
    background-color: #b1a626;
    padding: 5px 10px 4px 10px;
    margin: 5px 0px 5px 0;
    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
}
#menu ul li a.members:hover {
    box-shadow: none;
    background-color: #00477f;
}



#menu ul li ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin: 0 0 0 -5px;
    background-color: #fae87c;
    border-top: 2px solid white;
    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    padding: 5px 0;
}
#menu ul li ul li {
    list-style-type: none;
    text-align: left;
    float: none;
}
#menu ul li ul li a {
    padding: 4px 15px;
    color: #1e4185;
    margin: 0 0 0 0;
}
#menu ul li ul li a:hover {
    background-color: #1e4185;
    color: #fff;
    -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    box-shadow: none;
}
/* SUPERFISH */


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:         0;
    padding:        0;
    list-style:     none;
}
.sf-menu {
    line-height:    1.0;
}
.sf-menu ul {
    position:       absolute;
    top:            -999em;
    width:          12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:          100%;
}
.sf-menu li:hover {
    visibility:     inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:          left;
    position:       relative;
}
.sf-menu a {
    display:        block;
    position:       relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:           0;
    top:            2.5em; /* match top ul list item height */
    z-index:        99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:           12em; /* match ul width */
    top:            0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:           12em; /* match ul width */
    top:            0;
}

/*** DEMO SKIN ***/
.sf-menu {
    float:          left;
    margin-bottom:  1em;
}
.sf-menu a {
    text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:          #13a;
}
.sf-menu li {
}
.sf-menu li li {
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline:        0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right:  2.25em;
    min-width:      1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:       absolute;
    display:        block;
    right:          .75em;
    top:            1.05em; /* IE6 only */
    width:          10px;
    height:         10px;
    text-indent:    -999em;
    overflow:       hidden;
    background:     url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:            .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: url('../images/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}
/* RESET */


/*
    Margin, padding, and border resets
    except for form elements
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  /*margin: 0;*/
  /*padding: 0;*/
 /*border: 0;*/
 /* font-size: 100%;  */
  /*vertical-align: top;*/
}
/*td {
    vertical-align: middle;
}*/


/*
    Consistency fixes
    adopted from http://necolas.github.com/normalize.css/
*/

article, aside, details, figcaption, figure, 
footer, header, hgroup, nav, section, audio, canvas, video {
    display: block;
}

html {
    height: 100%; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%;
}

    body {min-height: 100%; font-size: 100%;}

sub, sup {
    font-size: 75%; 
    line-height: 0; 
    position: relative; 
    vertical-align: baseline;
}

    sup {top: -0.5em;}
    sub {bottom: -0.25em;}

pre {
    white-space: pre; 
    white-space: pre-wrap; 
    word-wrap: break-word;
}

b, strong {font-weight: bold;}
abbr[title] {border-bottom: 1px dotted;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*a, a:active, a:visited {
    color: #e50050;
    text-decoration: none;
}*/

/*a:hover {
    color: #e50050;
    text-decoration: underline;
}*/

a img, img {
    -ms-interpolation-mode: bicubic;
    border: 0;
}

input, textarea, button, select {
    margin: 0;
    font-size: 100%;
    line-height: normal;
    vertical-align: baseline;
}

    button,
    html input[type="button"], 
    input[type="reset"], 
    input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
    }
    
    input[type="checkbox"],
    input[type="radio"] {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
    }
    
    textarea {overflow: auto;}


/*
    These are easy to forget
*/

::selection {
    background: #000;
    color: #fff;
}
::-moz-selection {
    background: #000;
    color: #fff;
}

img::selection {
    background: transparent;
}
img::-moz-selection {
    background: transparent;
}

.clear {
    clear: both;
    display: block;
}




/* CLEARFIX */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    /* IE */
    *height: 1%;
}