﻿@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------------------*/
/*-- BODY ---------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
body
{
	margin: 0px;
	padding: 0px;
	background-color:#3A5B84;
}

/*-----------------------------------------------------------------------------------------*/
/*-- WRAP ---------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

#wrap{
	width: 980px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#page
{
	width: 980px;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*-----------------------------------------------------------------------------------------*/
/*-- HEADER ------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
#header {
	width: 980px;
	height: 362px;
	/*background: #ffffff url('images/wcmg-header.jpg') no-repeat bottom center;*/
	}

#headerimg 	{
	margin: 0px 0px 0px 0px;
	height: 362px;
	width: 980px;
	}

/*-----------------------------------------------------------------------------------------*/
/*-- CONTENT ------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
#content
{
	width: 980px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/bg-con.gif) repeat-y;
	font-size:12px;
}

#con-left
{
	width: 730px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}

#con-right
{
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	float:left;
}

#left-con-top
{
	width: 730px;
	height: 20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/bg-left-con-top.gif) no-repeat;
}

#con-bottom
{
	width: 980px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/bg-con-bot.gif) no-repeat;
}

/*-----------------------------------------------------------------------------------------*/
/*-- COLOURS & CLEARS ---------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

.clear { clear:both; height:1px; }

.red {color:#993300;}
.blue {color:#3A5B84;}

/*-----------------------------------------------------------------------------------------*/
/*-- FONTS --------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

p {
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 10px 30px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:150%;
}

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 30px;
	font-size:25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 30px;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	font-weight:bold;
}

h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 30px;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-weight:normal;
}

/*-----------------------------------------------------------------------------------------*/
/*-- LINKS --------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
#con-left a { color:#993300; text-decoration:underline; }
#con-left a:hover { color:#000000; text-decoration:underline; }

#con-left h2 a { color:#003366; text-decoration:none; }
#con-left h2 a:hover { color:#000000; text-decoration:none; }

#con-left h3 a { color:#003366; text-decoration:none; }
#con-left h3 a:hover { color:#000000; text-decoration:none; }


/*-----------------------------------------------------------------------------------------*/
/*-- POSTS --------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.post
{
	width: 700px;
	margin: 0px 0px 0px 10px;
	padding: 35px 0px 10px 20px;
	background: url(images/bg-post.gif) no-repeat center top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.post p, .post h1, .post h2, .post h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 0px;
}
.post p {
  padding-left: 0px;
}

.post small {
	margin: 0px 0px 20px 0px;
	color:#333333;
	font-size:14px;
	color:#990000;
}
.entry {
  margin-top: 20px;
}
.screen-reader-text {
	padding: 0px 0px 0px 30px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.post li {
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 10px 5px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:110%;
}
.entry img {
  border: 2px solid #CCC;
  padding: 5px;
  }
.wp-caption-text {
  font-size: 12px;
  line-height: 25px;
  text-align: center;
  font-style: italic;
} 
#commentform {
  margin-left: 30px;
}

/*-----------------------------------------------------------------------------------------*/
/*-- SIDEBAR --------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

#sidebar
{
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.sidebar-con
{
	width: 230px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	background-color:#3A5B84;
	background: url(images/sidebar-bg.gif) center top repeat-y;
}

.sidebar-top
{
	width: 230px;
	height:10px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	background: url(images/sidebar-top.gif) no-repeat center top;
	}

.sidebar-bottom
{
	width: 230px;
	height:10px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	background: url(images/sidebar-bottom.gif) no-repeat center top;
}

#sidebar h2 {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 15px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:normal;
}

#sidebar .sidebar-con ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:150%;
	list-style-type:none;
}

#sidebar .sidebar-con ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;
}

#sidebar .sidebar-con ul li ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 40px;
}

#sidebar .sidebar-con ul li ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	list-style-type:disc;
}

#sidebar li.categories, #sidebar li.pagenav {
	list-style-type:none;
}


#sidebar .sidebar-con a { color:#ffffff; text-decoration:none; }
#sidebar .sidebar-con a:hover { color:#ffcc00; text-decoration:underline; }



#sidebar .sidebar-con ul li p {
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	color:#ffffff;
	font-size:11px;
} 

/*-----------------------------------------------------------------------------------------*/
/*-- SIDEBAR FORM  ------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
#sidebar-search #searchform {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 20px;
}

#sidebar-search #searchform label {
	display:block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ffffff;
}

#sidebar-search #searchform #s {
	width:186px;
	display:block;
	margin: 10px 0px 5px 0px;
	padding: 1px;
}


#sidebar-search #searchform #searchsubmit {
	width:100px; 
	margin: 5px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	}


/*-----------------------------------------------------------------------------------------*/
/*-- SIDEBAR CONTACT INFO  ----------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
#sidebar #contact-info {
	width: 230px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	background: #E2E7ED url('images/bg-contactinfo.jpg') center top no-repeat;
}

#sidebar #contact-info h2 {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 15px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3A5B84;
	font-weight:normal;
}

#sidebar #contact-info p {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 20px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3A5B84;
	line-height:150%;
	list-style-type:none;
}


/*-----------------------------------------------------------------------------------------*/
/*-- SIDEBAR LOGOS  ----------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
#sidebar #sidebar-logos {
	width: 230px;
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	background-color:#E2E7ED;
}

#sidebar #sidebar-logos img.ami { width:60px; height:60px; margin: 0px 15px 20px 0px; padding: 0px 0px 0px 0px; }
#sidebar #sidebar-logos img.ivbv { width:60px; height:60px; margin: 0px 15px 20px 0px; padding: 0px 0px 0px 0px; }
#sidebar #sidebar-logos img.aala { width:60px; height:60px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
#sidebar #sidebar-logos img.bmg { width:170px; height:51px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
#sidebar #sidebar-logos img.paramo { width:170px; height:53px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }


/*-----------------------------------------------------------------------------------------*/
/*-- FOOTER  ------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
#footer
{
	width: 980px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 30px 0px;
}

#footer p {
	color:#ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 10px 30px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}

#footer a { color:#ffffff; text-decoration:underline; }
#footer a:hover { color:#ffcc00; text-decoration:underline; }


/*-----------------------------------------------------------------------------------------*/
/*-- DEFAULT STYLES ------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/


.navigation
{
	width: 680px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 30px 30px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

