/* TYPOGRAPHY */
/* ----------------------------------------- */

h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. */

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:14px;
	color:#373737;
}

.button:hover {
	color:#ffffff;
}
 
a {
	color:#0282C4;
}

a:hover {
	color:#333333;
}

#sidebar a, .sidebar a:visited {
	text-decoration:none;
	color:white;
}

#xoxo #menu-left-menu ul.sub-menu li a,
#xoxo #menu-left-menu ul.sub-menu ul.sub-menu li a,
#xoxo #menu-left-menu ul.sub-menu li.current-page-ancestor li a
{
	color:white;
	text-decoration:none;
}

#xoxo #menu-left-menu ul.sub-menu li a:hover,
#xoxo #menu-left-menu ul.sub-menu li.current-menu-item a,
#xoxo #menu-left-menu ul.sub-menu ul.sub-menu li a:hover,
#xoxo #menu-left-menu ul.sub-menu ul.sub-menu li.current-menu-item a
 {
	color:#373737;
}

#xoxo #menu-left-menu ul.sub-menu li.current-page-ancestor a {
	text-decoration:underline;
}

h1 {
	color: white;
	font-size:26pt;
	font-weight:normal;
}

h2 {
	color:#0282c4;
	font-size:26pt;
	padding-bottom:20px;
	font-weight:normal;
}

h3 {
	color:#373737;
	font-size:16pt;
	padding-bottom:20px;
}

h4 {
	padding-bottom:20px;
}

p, table, ul, ol {
	padding-bottom:20px;
}

td {
	padding:5px;
	font-size:14px;
}

thead td, tfoot td, thead th {
	font-weight:bold;
}

#header h1 a, #header h1 a:hover {
	color:transparent;
	padding-left:5000px;
}

.wpcf7-mail-sent-ok {
	color: #009C00;
	font-weight: bold;
}
.other_news {
	font-weight:bold;
}