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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;

}

body {
	line-height: 1;

}

ol, ul {
	list-style: none;

}	

blockquote, q {
	quotes: none;

}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;

}

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

}

/* End of reset CSS */

html {

	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;

}

body {
	margin: 0px;
	background-image: url("../images/background.jpg");

}

.preload {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;

}

p {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 30px;
	color: #252928;
	margin: 10px 0px;
	
}

a {
	color: #04655A;
	text-decoration: underline;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	
}

a:hover {
	color: #42635F;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	transition: 0.15s;

}

em {
	font-style: italic;
	
}

strong {
	font-weight: 700;
	
}

h1, h2 {
	font-family: 'Josefin Slab', sans-serif;
	font-weight: 400;

}

h1 {
	font-size: 24px;
	line-height: 28px;
	color: #252928;
	
}

.h1_small {
	font-size: 20px;

}

h2 {
	font-size: 38px;
	line-height: 42px;
	color: #42635F;
	margin-bottom: 25px;
	text-shadow: 0px 1px 3px #C8C7C3;
	
}

h3, h4 {
	font-family: 'Josefin Slab', sans-serif;
	font-weight: 600;
	font-size: 26px;
	line-height: 28px;
	color: #42635F;
	margin-bottom: 13px;
	text-shadow: 0px 1px 2px #C8C7C3;
	
}

h4 {
	margin-top: 25px;
	margin-bottom: 16px;
	line-height: 30px;
	
}

h5 {
	font-family: 'Josefin Slab', sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 150%;
	color: #42635F;
	margin: 15px 0px 10px 0px;
	
}

h6 {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 26px;
	color: #42635F;
	margin: 15px 0px 10px 0px;
	
}	

.a_journal, .a_home, .a_forum {
	text-decoration: none;
	text-align: center;
	
}

.a_journal p, .a_home p, .a_forum p {
	padding: 12px;
	color: #252928;
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	margin: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;

}

.a_journal p:hover, .a_home p:hover, .a_forum p:hover {
	text-shadow: #FFFFFF 0px 0px 8px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;

}

.a_journal p, #journal_content {
	background-color: #FB5B69; 

}

.a_home p, #home_content {
	background-color: #B0EFC5;

}

.a_forum p, #forum_content {
	background-color: #BDD0FC;

}

#error_content {
	background-color: #252928;

}

.a_journal p {
	text-shadow: #fb4c5b 1px 1px 1px, #f86d79 0 -1px 1px;

}

.a_home p {
	text-shadow: #9bf2b8 1px 1px 1px, #d0f8de 0 -1px 1px;

}

.a_forum p {
	text-shadow: #7fa4fa 1px 1px 1px, #d3def8 0 -1px 1px;

}

.menu_journal ul {
    padding: 0px;
    margin: 0px;
	font-family: 'Droid Sans', sans-serif;
    font-size: 15px;
	color: #252928;
    list-style: none;
    text-indent: 15px;
	
}

.menu_journal ul li {
    line-height: 28px;
	border-radius: 4px;
	margin-bottom: 8px;
		
}

.menu_journal ul li a {
    text-decoration: none;
	color: #252928;
    display: block;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	
}

.menu_journal ul li a:hover {
    background: #FDFCF4;
	border-radius: 4px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	
}

.menu_journal ul li#active {
    background: #FDFCF4;
	
}

.menu_footer ul {
    padding: 0px;
    margin: 2px 0px 10px 0px;
	font-family: 'Droid Sans', sans-serif;
    font-size: 14px;
	color: #FDFCF4;
    list-style: none;
    text-indent: 0px;
	
}

.menu_footer ul li {
    line-height: 22px;
	border-radius: 4px;
	margin-bottom: 0px;
		
}

.menu_footer ul li a {
    text-decoration: none;
	color: #DFE0C0;
	
}

.menu_footer ul li a:hover {
	color: #529A92;

}

.bullet_list ul {
    margin: 5px 40px 5px 0px;
	font-family: 'Droid Sans', sans-serif;
    font-size: 15px;
	color: #252928;
    list-style: circle;
	
}

.bullet_list ul li {
    line-height: 30px;
	margin-bottom: 0px;
	
}

#container_main {
	width: 980px;
	height: auto;
	margin: 0px auto 0px auto;
	
}

#header {
	width: 980px;
	height: 160px;
	
}

.logo {
	width: 260px;
	height: 61px;
	margin: 50px 0px 0px 61px;
	float: left;
	-webkit-transition: 0.55s;
	-moz-transition: 0.55s;
	transition: 0.55;
	
}

.logo:hover {
	opacity: 0.6;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
}

.sub_logo {
	width: 400px;
	height: auto;
	margin: 45px 65px 0px 0px;
	float: right;
	text-align: right;
	text-shadow: #efedda 0px 1px 1px, #c7c5aa 0 -1px 1px;
	
}

#container_nav {
	width: 980px;
	height: auto;
		
}

.nav_journal {
	width: 220px;
	height: auto;
	float: left;
	margin-left: 80px;
		
}

.nav_home {
	width: 220px;
	height: auto;
	float: left;
	margin-left: 80px;
		
}

.nav_forum {
	width: 220px;
	height: auto;
	float: left;
	margin-left: 80px;
		
}

#journal_content, #home_content, #forum_content, #error_content {
	width: 980px;
	height: auto;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
}

#content_news, .content_home_1, .content_home_2, #content_main_right, #content_404 {
	background-color: #FDFCF4;
	border-radius: 4px;

}

#content_news {
	width: 940px;
	height: auto;
	margin: 20px;
	float: left;
	
}

#content_404 {
	width: 860px;
	height: auto;
	margin: 20px;
	float: left;
	padding: 40px;
	
}

#content_news_right {
	width: 580px;
	height: auto;
	float: left;
	padding: 40px 50px 30px 10px;
	
}
	
#content_news_left {
	width: 220px;
	height: auto;
	float: left;
	padding: 40px 40px;

}

.news_image {
	width: 220px;
	height: 220px;
	border-radius: 6px;
	
}

.image_404 {
	width: 360px;
	height: 254px;
	float: right;
	margin: 40px 30px 0px 0px;
	
}

#content_home {
	width: 940px;
	height: auto;
	float: left;
	margin: 0px 20px 20px 20px;
	
}

#content_home p {
	line-height: 28px;

}

.content_home_1, .content_home_2 {
	width: 240px;
	height: 180px;
	float: left;
	padding: 20px 30px;
		
}

.content_home_2 {
	margin-left: 20px;
		
}

#content_main_left {
	width: 180px;
	height: auto;
	margin: 20px;
	float: left;
	
}

#content_main_right {
	width: 680px;
	height: auto;
	min-height: 241px;
	margin: 20px 0px;
	float: left;
	padding: 30px;
	
}

.icon_email, .icon_facebook, .icon_twitter {
	width: 40px;
	height: 40px;
	float: left;
	margin: 8px 0px 0px 15px;
	-webkit-transition: background-image 1s ease-in-out;
	-moz-transition: background-image 1s ease-in-out;
	-o-transition: background-image 1s ease-in-out;
	transition: background-image 1s ease-in-out;
	
}

.icon_email {
	background-image: url("../images/email_1.png");

}

.icon_email:hover {
	background-image: url("../images/email_2.png");

}

.icon_facebook {
	background-image: url("../images/facebook_1.png");

}

.icon_facebook:hover {
	background-image: url("../images/facebook_2.png");
	
}

.icon_twitter {
	background-image: url("../images/twitter_1.png");

}

.icon_twitter:hover {
	background-image: url("../images/twitter_2.png");
	
}

.back_link a {
	font-weight: 700;
	padding-top: 15px;
	float: left;

}

#container_footer {
	width: 940px;
	height: auto;
	float: left;
	background-color: #252928;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom: 100px;
	padding: 20px;
	
}

.content_footer_1, .content_footer_2 {
	width: 240px;
	height: auto;
	float: left;
	padding: 0px 30px;
		
}

.content_footer_2 {
	margin-left: 20px;
		
}

#content_committee p{
	margin-left: 20px;
	
}

#content_committee {
	margin-left: 20px;
	
}

#listContainer{
  margin:15px 0px 0px -40px;

}
 
#expList ul, li {
    margin: 0;
    padding: 0;
	
}

#expList p {
    margin:5px 10px 10px 20px;
    display:block;
}

#expList li {
    line-height:150%;
    text-indent:0;
    background-position: 5px 12px;
    padding-left: 20px;
    background-repeat: no-repeat;
	margin-top: 10px;
	font-family: 'Josefin Slab', sans-serif;
	font-weight: 600;
	font-size: 24px;
	color: #42635F;
	cursor: pointer;
	margin-left: -20px;

}

/* Collapsed state for list element */
#expList .collapsed {
    background-image: url(../images/collapsed.png);
}
/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */
#expList .expanded {
    background-image: url(../images/expanded.png);
}


/* 

END CSS 

*/