/***********************************
Theme CSS
***********************************/
/******************************
Main Layout
******************************/
body 
{
	background: #ECECEC;
	color: #000000;
	font-family: 'Lato', helvetica, arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.6em;
}
	
	#outer {background: #FFFFFF;}
	#header-inner {background: #FFFFFF;}
	#call-to-action-inner {background: #FFFFFF;}
	#main-content-inner {background: #FFFFFF;}
	#footer-inner{font-size: 0.8em;}
		
/******************************
HTML
******************************/
a
{
	color: #000000;
	text-decoration: none;
}
	a:hover
	{
		color: #26327A;
	}
	a.underline
	{
		border-bottom: 1px solid #000000;
	}
		a.underline:hover
		{
			border-color: #26327A;
		}

	a.button, input[type="submit"]
	{
		background-color: #26327A;
	}

hr {background: #ECECEC;}

/******************************
Headings
******************************/

h1, .h1
{
	color: #26327A;
	font-size: 2.3em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
}


h2, .h2
{
	color: #26327A;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
}

h3, .h3,
h4
{
	color: #26327A;
	font-size: 1.2em;
}
	
/******************************
Images
******************************/

			

/******************************
Forms
******************************/



/******************************
Sections
******************************/

/*************************
Header ******************/
#header .widget.header_logo
{
	float: left;
}

.header_image
{
	border: 5px solid #ffffff;
	line-height: 0;
}

/*************************
Pagination **************/
.pagination a
{
	color: #000000;
}
	.pagination li.active a,
	.pagination a:hover
	{
		color: #000000;
		background: #FFFFFF;
	}

/******************************
Other HTML
******************************/

.attention
{
	font-size: 1.4em;
	line-height: 1.676em;
}

/******************************
Menus
******************************/
/**************************
Main Menu ****************/
#header .widget.navigation
{
	float: right;
	margin: 10px 0px 0px 0px;
}
	#header .widget.navigation li a
	{
		background: #FFFFFF;
		color: #000000;
		float: left;
		font-weight: bold;
		line-height: 2em;
		margin-right: 10px;
		padding: 5px 15px;
		text-align: center;
		text-decoration: none;

		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px; 
		border-radius: 10px; 
		behavior: url(/assets/css/PIE.htc);
		position: relative;

		-moz-transition: background 0.3s;
		-webkit-transition: background 0.3s;
		-o-transition: background 0.3s;
		transition: background 0.3s;
	}
		#header .widget.navigation li a:hover,
		#header .widget.navigation li.current a
		{
			background: #26327A;
			color: #ffffff;
		}

#sidebar ul.navigation
{
	float: left;
	padding: 0 0 30px 5px;
	width: 100%;
}
	#sidebar ul.navigation li a
	{
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAMUlEQVQIW2P0b3j1f2ODGCMDEmAECYL4yBJwQWQJFEGYBIYgSII4QZCF+C3CcBK64wEjuyV72TaMVwAAAABJRU5ErkJggg==) 0px 19px no-repeat;
		
		border-bottom: dotted 1px #dcdcdc;
		padding: 12px 15px;
		text-align: left;
	}


		#sidebar ul.navigation li a:hover,
		#sidebar ul.navigation li.current a
		{
			color: #26327A;
		}


/********************		Responsive		********************/

/**************************
Main Menu - Responsive ***/
.mean-container .mean-bar,
.mean-container .mean-nav ul li a
{
	background: #26327A;
}
	.mean-container .mean-nav ul li a.mean-expand
	{
		background: none;
	}
		.mean-container .mean-nav ul li a:hover
		{
			background: #26327A;
			background-image: -webkit-linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.15));
			background-image: -moz-linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.15));
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,.1)', endColorstr='rgba(0,0,0,.15)');
			background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.15));
		}

/******************************
Media Queries
******************************/

/**************************
Up to Tablet *************/
@media ( max-width : 768px )
{
	
}

/**************************
Tablet and up ************/
@media ( min-width : 581px )
{
	.col.eightcol
	{
		width: 73%;
	}
	.col.fourcol
	{
		width: 23%;
	}
	.col
	{
		padding: 5px;
	}
}

/**************************
Up to Landscape Phone ****/
@media ( max-width : 580px )
{
	#sidebar ul.navigation
	{
		display: none;
	}
}

/**************************
Up to Portrait Phone *****/
@media ( max-width : 360px )
{
	
}


/********************		End Responsive		********************/



/***********************************
Site CSS
***********************************/

#header .widget.navigation li a
{
    margin: 0px 0px 0px 10px;
}

 #header .widget.navigation li ul
 {
  background: none;
  padding: 0;
  width: 200px;
 }
 
  #header .widget.navigation li ul li
  {
   clear: both;
   width: 100%;
  }
 
   #header .widget.navigation li ul a
   {
    margin: 0;
    width: 100%;
    background: #f3f3f3;
    text-align: left;
   }

#header .widget.header_contact
{
    float: right;
    font-size: 1.6em;
    margin-top: 10px;
    padding-right: 10px;
    text-align: right;
    width: 32%;
}
    #header .widget.header_contact a:hover
    {
        color: #000;
    }

#call-to-action .widget.header_strapline
{
    background: rgba(255, 255, 255, 0.5);
    color: #26327A;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');
    font-size: 1.1em;    
    margin-left: 25px;    
    padding: 10px;
    position: absolute;
    bottom: 40px;
    width: 25%;
}

#sidebar ul.navigation li a
{
    background:  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAC9JREFUGFdjUDOq+s+ADkCCGBIwQRQJZEG4BLogWIIoQQztYAEQwBAAAQwBBgYGAMK9Nn+fU/rQAAAAAElFTkSuQmCC) 0px 19px no-repeat;
}

#footer
{
    margin-bottom: 25px;
}
    #footer .widget.footer_menu
    {
        float: left;
    }
    #footer .widget.footer_copyright
    {
        float: left;
    }

@media ( max-width : 768px )
{
    #header .widget.navigation li a
    {
        margin-left: 3px;
        padding: 3px 6px;
    }

    #header .widget.header_contact
    {
        text-align: left;        
        width: 100%;
    }

    #call-to-action .widget.header_strapline
    {
        font-size: 1em;
        width: 28%;
    }    
}

@media ( max-width : 580px )
{

#call-to-action-inner .col
{
    padding: 0;
}
    #call-to-action .header_image
    {
        border: 0;
    }
    #call-to-action .widget.header_strapline
    {
        clear: both;
        position: static;
        margin-left: 0;
        width: 100%;
        padding: 10px 0;
        font-size: 1.4em;
    }

    #header .widget.header_logo
    {
        text-align: center;
        float: none;
        clear: both;
    }

    #header .widget.header_contact
    {
        text-align: center;
        float: none;
        clear: both;
        height: 30px;
    }
    
        #header .widget.header_contact a
        {
            border-radius: 10px;
            color: #ffffff;
            background: #26327A;
            padding: 5px 7px;
        }
    
            #header .widget.header_contact a:hover
            {
                color: #ffffff;
            }
}

.footer_logos
{
    float: right;
}