/* HEADER */
/*Removes header border*/
.custom #header { border:none; padding-bottom:.4em; padding-top:.7em; }

/*Set header background transparent*/
.custom #page { background-color:transparent; }

/*Remove padding from header and footer*/
.custom #header, .custom #footer { padding-left:0; padding-right:0 }

/* clears the header floats */
#header { overflow: hidden; }

/* allows the search function to be positioned to the right of the logo */
#logo, #tagline { float: left; 	width: 300px; }

/* places the tagline below the logo */
#tagline { clear: left; }

/* Search form width and margin spacing */
.search_form { width: 200 px; margin-top: 5px; }

/* formats the search input and button */
.search_form .text_input { font-size: 12px; padding: 5px; width: 185px; }
.search_form #searchsubmit { font-size: 12px; padding: 4px; }

#header_right { margin-left: 800px; margin-top: 18px; font-size: 12px; }

#temp_translation { margin-left: 85px; margin-top: 4px; width: 250px;}



/* IMAGES */
img.body {
     margin: 20px;
     padding: 5px;
     border:solid #ef0000 1px;
     background: #ffffff;
}



/* MENU/NAVBAR */
/*Creates the new navbar, edits background, padding, margins and transparency of navbar*/
.custom .menu { background:url('images/navbar.png') no-repeat; border-style:none; border-bottom:none; margin-bottom:15px; margin-left:0px; padding-left:0px; }
.custom .menu li a { background-color:transparent; height:21px; padding-top:12px; padding-left:55px; }
.custom .submenu { margin-left: 34px; }
.custom .submenu li a { padding-left: 21px; }
.custom .menu .current a, .custom .menu .current a:hover, .custom .menu .current-cat a, .custom .menu .current-cat a:hover { background-color:transparent; }
.custom .menu a:hover, .custom .menu .current ul a:hover, .custom .menu .current-cat ul a:hover, .custom .menu .current-parent a:hover { background-color:transparent; }


/*Sets the navbar/menu text*/
.custom .menu li a { text-transform:none; font-size:1.6em;}
.custom .menu ul a { font-size:1.3em;}

/*Set menu opacity*/
.custom .menu ul, .custom .menu ul li {background:rgb(255,255,255); background:rgba(255,255,255,0.6); }

/*Forces sub menues to not wrap lines
.custom .menu ul li { white-space:nowrap; }*/


/* WEBSITE BACKGROUND AND SIZE */
/* Creates the background image on the website*/
body.custom { background:transparent url('images/Background-Image.png') 62% 0 no-repeat; }
.custom #container { margin-top: 0em; margin-bottom: 0em; }

/*Creates the website size*/
.custom #container { width:1000px; }


/* HOMEPAGE */
/*home page styles*/
.custom.homepage #content_box { background-image:url('images/home-background.png'); background-repeat:no-repeat; }
.custom.homepage #content_box h1 { font-size: 18pt; }
.custom.homepage .mc_custom_border_hdr { font-size: 1.3em; padding: 0px; }
.custom.homepage #mc_signup_container { font-size: 1.3em; padding: 0px; }
.custom.homepage .mc_success_msg { color: #ef0000; font-size: 1.3em; font-weight:normal; }
.custom.homepage #mc_signup_form { padding-left: 60px; padding-right: 60px; }
.custom.homepage #mc_signup_form .mc_input { width: 200px; }
.custom.homepage .mc_signup_submit { text-align: center; }
.subscribe { font-size: 1.8em; }


/*.custom.homepage #content_box p { font-size: 11pt }*/

/*Define floatright for homepage*/
.floatright { float: right; width: 320px; padding-right:30px; }
.floatright p { font-size:1.3em }

/*Move homepage items into frame*/
.floatright { margin: 18px 0 0 0; }
/*.home_rotate { padding: 0 0 0 0.49em }*/
.get_involved { float: right; margin-top: 20px; margin-bottom: 20px; }
.What-DS { float: left; margin-top: 20px; margin-bottom: 20px; margin-left: 35px}
.Jerome-Lejeune { float: left; margin-top: 20px; margin-bottom: 20px; }


/* SUBPAGES */
/* SIDEBARS */
/* Bottom margin for sidebar menu; adds margin between menu and rotating images */
.custom #sidebar_edit { margin-bottom: 10px; }
/* Customizes the header on the side menu */
.custom #sidebar_edit p { margin-top: 6px; margin-left: 10px; font-size: 14pt; color: #ee2d24; }
/* Customizes the divider in the side menu */
.custom #sidebar_divider { margin-top: 8px; margin-bottom: 8px; margin-left: 5px; }
/* Customizes the subpage links in the side menu */
.custom #sidebar_edit li { margin-left: 25px; margin-right: 5px; margin-bottom: 2px; font-size: 10pt; }
.custom #sidebar_edit a { color: #000000; }
.custom #sidebar_edit a:hover { color: #e58506; }
/* Removes thesis/WP widgets */
.custom #sidebar_1 { visibility: hidden; height: 0; }
/* Customizes the sidebar donate button */
.custom #sidebar_donate { margin-left: 11px; margin-top: -15px; }
.format_text input, #commentform input, #commentform textarea { width: auto; }


/* BORDERS */
/*removes various borders on page*/
.custom #content_box { background:none; }
.custom #footer { border:none; }
/* Removes the bottom border from the image rotator on the subpages */
.custom .image_box, .custom .custom_box { border-style: none; }
.custom #image_box img { border-style: none; }
.custom #sidebars { border-style: none; }


/* Subpages */
/*.custom #sidebars { border-style:none; }
.custom .image_box, .custom_box { border-style:none; }*/


/* GET INVOLVED */
.custom #gi_header { margin-left: 2.2em; padding-top: 2.2em; }
.custom #gi_header h1 { font-size: 20pt; margin-bottom: .5em; }
.custom #gi_text p { font-size: 1.2em; }
.custom #gi_text { font-size: 1.2em; }
.custom .mc_custom_border_hdr { padding-top: 5px; padding-bottom: 5px; padding-right: 0px; padding-left: 0px; }
.custom .mc_merge_var { padding-top: 5px; padding-bottom: 5px; padding-right: 0px; padding-left: 0px; }
.custom #mc_signup_form .mc_input { width: 200px; }
.custom .mc_signup_submit { text-align: center; padding-top: 10px; padding-bottom: 5px; padding-right: 0px; padding-left: 0px; }
.custom #mailchimp { float: right; display: inline; margin-left: 515px; margin-right: 15px; margin-top: -323px; font-size: 1.4em; }
.custom #mailchimp h2 { font-size: 1.3em; }
.custom #mailchimp .mc_custom_border_hdr { font-size: 1em; }


/* VOLUNTEER OPPORTUNITIES */
.custom #vol_header { margin-left: 2.2em; padding-top: 2.2em; }
.custom #vol_header h1 { font-size: 20pt; margin-bottom: .5em; }
.custom #vol_header #vol_text { float: right; display: inline; margin-left: 515px; margin-right: 15px; margin-top: -323px; font-size: 1.4em; }
.custom #vol_feeder { margin-left: 1.6em; font-size: 1.3em; }



/* RESEARCH LEADS AND NEWS */
.custom #rln_header { margin-left: 2.2em; padding-top: 2.2em; }
.custom #rln_header h1 { font-size: 20pt; margin-bottom: .5em; }
.custom #rln_header #rln_text { font-size: 1.4em; }
.custom #rlnbody { margin-left: 2.2em; width: 750px; }
.custom #rlnleft { font-size: 1.4em; width: 354px; padding-right: 15px; border-style: solid; border-color: #ababab; border-top: none; border-bottom: none; border-left: none; border-width: 2px; float: left; display: inline; }
.custom #rlnright { font-size: 1.4em; width: 359px; padding-left: 20px; float: right; display: inline; }



/* NEWS & EVENTS */
.custom #ne_header { margin-left: 2.2em; padding-top: 2.2em; }
.custom #ne_header h1 { font-size: 20pt; margin-bottom: .5em; }
.custom #ne_header #ne_image { float: left; display: inline; }
.custom #ne_header #ne_text { float: right; display: inline; margin-left: 515px; margin-right: 15px; margin-top: -310px; font-size: 1.4em; }
/*
.custom #content #ne_left { float: left; width: 225px; margin-top: 1.5em; margin-left: 1.5em; font-size: 1.3em; }
.custom #content #ne_right { float: right; width: 225px; margin-top: 1.5em; font-size: 1.3em; }
.custom #content #ne_middle {float: middle; width: 230px; margin-top: 25.5em; margin-right: 275px; padding-right: 20px; margin-left: 260px; padding-left: 20px; font-size: 1.3em; border-style: solid; border-color: #ababab; border-top: none; border-bottom: none; border-width: 2px; }
*/
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:741px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	margin-top: 1.5em;
	margin-left: 1.6em;
	font-size: 1.3em;
}
.colmid {
	float:left;
	width:200%;
	margin-left:-240px; 	/* Width of right column */
	position:relative;
	right:100%;
}
.colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:480px;         	/* Left column width + right column width */
}
.col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:240px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.col1 {
	margin:0 240px 0 240px;     	/* Centre column side padding:
							Left margin = left column width + centre column left padding width
							Right margin = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
	border-style: solid;
	border-color: #ababab;
	border-top: none;
	border-bottom: none;
	border-width: 2px;
	padding-right: 20px;
	padding-left: 20px; 
}
.col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:220px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:15px;         	/* Width of the left-hand side padding on the left column */
}
.col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:220px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:20px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}



/* COMMENTS */
/*change the comment # size*/
/*.custom .format_text .to_comments span { font-size: 0em ; }*/