/* ************************************************************************************************** */
/*                       CSS by Norm Douglas                                                          */
/*                         Netreach                                                                   */
/*																									  */
/*																									  */
/* ************************************************************************************************** */
/* CONTENT CSS 																						  */
/* ************************************************************************************************** */
/*
@font-face {
    font-family: 'CoolveticaRegular';
    src: url('../fonts/coolveti-webfont.eot');
    src: url('../fonts/coolveti-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coolveti-webfont.woff') format('woff'),
         url('../fonts/coolveti-webfont.ttf') format('truetype'),
         url('../fonts/coolveti-webfont.svg#CoolveticaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SansationLight';
    src: url('../fonts/sansation_light-webfont.eot');
    src: url('../fonts/sansation_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansation_light-webfont.woff') format('woff'),
         url('../fonts/sansation_light-webfont.ttf') format('truetype'),
         url('../fonts/sansation_light-webfont.svg#SansationLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DustismoRegular';
    src: url('../fonts/dustismo_sans-webfont.eot');
    src: url('../fonts/dustismo_sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dustismo_sans-webfont.woff') format('woff'),
         url('../fonts/dustismo_sans-webfont.ttf') format('truetype'),
         url('../fonts/dustismo_sans-webfont.svg#DustismoRegular') format('svg');
    font-weight: normal;
    font-style: normal; 

} 
*/
h1 {
}
h2 {
}
h3 {
}
p {
}
a:link,
a:active,
a:visited {
}
a:hover {

}
a img {

}

/* ************************************************************************************************** */
/* TEMPLATE LAYOUT CSS - DEFINE YOUR OWN TEMPLATE STYLES HERE										  */
/* ************************************************************************************************** */

html{
padding:0;
margin:0;
}
::-moz-selection{
background-color:#CFCFE4;
color:#383B71;
}
::selection {
background-color:#CFCFE4;
color:#383B71;
}
body{
font-family:Arial,Tahoma;
font-size:9pt;
color:#000;
border:0;
margin:0;
padding:0;
height:100%;
text-align: left;
}
img,
ul.menu,
ul.actions,
ul.category-module,
.pagination ul{
border:0;
margin:0;
padding: 0;
}
ul li{
	list-style:disc;
}
ul.menu li,
ul.actions li,
ul.category-module li{
list-style:none;
}
ul.menu li{
	display:inline;
	margin:0 2px;
}
a{
text-decoration: none;
color: #383B71;
}
a:hover{
color: #CFCFE4;
}
table{
border-spacing: 0;
border-collapse: collapse;
}
button,
a.button,
input.button,
input[type="button"],
input[type="submit"]{
border-radius:5px;
border:0;
background-color:#CFCFE4;
color: #383B71;
padding:2px 5px;
cursor: pointer;
}
button:hover,
a.button:hover,
input.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
background-color: #383B71;
color: #fff;
}



.center{
margin: 0 auto;
text-align:center;
}

.wrapper{
position: relative;
width: 900px;
margin:0 auto;
}
.floatRight{
float:right;
}
.floatLeft{
float:left;
}
.floatRight:after,.floatLeft:after{
content: "."; 
display: block;
height: 0; 
font-size:0;
clear: both; 
visibility:hidden; 
}
.clear{
clear:both;
}
.block{
display:block;
}
#header{
position: relative;
/*width:900 px;*/
background: url(../images/header-bottom-bg.png) repeat-x scroll left bottom transparent;
padding-bottom:10px;
}
#header h1,#header h2{
font-family:Verdana,Arial,Tahoma;
position: absolute;
left: 190px;
margin:0;
padding:0;
}
#header h2 a{
color: inherit;
}
#menuSection{
clear:both;
height: 20px;
line-height:20px;
padding: 2px 0;
position:relative;
z-index:1000;
width:100%;
}
/******************************
First Level
********************************/
#menuSection li{
float:left;
margin-right: 0;
position:relative;
}
#menuSection li a{
color:#000;
padding:0 10px;
font-size: 13pt;
-moz-border-radius:5px;
border-radius: 5px;
behavior: url(/PIE.htc);
float:left;
background-color:#CFCFE4;
}
#french li a{
background-color:transparent !important;
}

#menuSection li.active a{
background-color:#383B71;
color:#CFCFE4;
}
#menuSection li:hover a{
background-color:#383B71;
color:#fff;
}
#french a:hover{
background-color:#383B71 !important;
color:#fff;
}
/******************************
Second Level
********************************/
#menuSection ul.menu > li > ul{
	display:none;
	position:absolute;	
	top:22px;
	left:0;
	min-width: 10em;
	z-index:3;
	margin:0;
	padding:.2em;
	background-color:#383B71;
    border-radius: 0 5px 5px 5px;
}
#menuSection ul.menu > li:hover > ul{
	display:block;
	background-color:#383B71;
	color:#CFCFE4;
}
#menuSection ul.menu > li.parent:hover a{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding-bottom: 2px;	
}

#menuSection ul.menu > li > ul li{
	display:block;
	float:none;
	margin-left:5px;
    white-space: nowrap;
}
#menuSection ul.menu > li > ul li a{
	float:none;
	border-radius:0;
	display:block;
	padding:0 5px 0 10px;
}
#menuSection ul.menu > li > ul li a:hover{
color:#38c;
}

/******************************
Third Level
********************************/
#menuSection ul.menu > li > ul > li > ul{
    display:none;
    position:absolute;
    top:22px;
    left:50px;
    min-width: 15em;
    z-index:3;
    margin:0;
    padding:.2em;
    background-color:#222e79;
    border-radius: 5px;
    border: 1px solid #333;
}
#menuSection ul.menu > li > ul > li:hover > ul{
    display:block;
    background-color:#222e79;
    color:#CFCFE4;
}
#menuSection ul.menu > li > ul > li > ul > li > a{
background-color:#222e79;
}
#menuSection ul.menu > li > ul > li.parent:hover a{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 2px;
}

#menuSection ul.menu > li > ul > li > ul li{
    display:block;
    float:none;
    margin-left:5px;
}
#menuSection ul.menu > li > ul > li > ul li a{
    float:none;
    border-radius:0;
    display:block;
    padding:0 5px 0 10px;
}
#menuSection ul.menu > li > ul > li > ul li a:hover{
    color:#38c;
}
/******************************
Menu completed
********************************/

a img{
margin-right: 5px;
line-height:26px;
vertical-align:middle;
}
#quicksearch{
float:right;
width: 30%;
}
#quicksearch .content{
background: url(../images/search.png) no-repeat scroll 6px 3px #CFCFE4;
margin:0 4px;
padding:0;
text-align:left;
color: #383B71;
overflow: hidden;
height: 20px;
-moz-border-radius:5px;
border-radius: 5px;
behavior: url(/PIE.htc);
}
#quicksearch input[type="text"]{
background-color: #fff;
border:0;
margin:0;
padding:0;
margin:2px 5px 0 27px;
font-size: 15px;
height:16px;
color:#383B71;
width: 10em;
-moz-border-radius:0 3px 3px 0;
border-bottom-left-radius: 0 0;
border-bottom-right-radius: 3px 3px;
border-top-left-radius: 0 0;
border-top-right-radius: 3px 3px;
}
#quicksearch input.button{
background-color: transparent;
color: #383B71;
border: 0;
padding: 0;
}

#french{
position:absolute;
top: -44px;
right:0;
}
#french li{
padding: 0;
margin:0;
}
#french a{
padding-right: 0;
position: relative;
}
#french a img{
position: absolute;
right:10px;
top:7px;
margin: 0;
}
#french a span{
margin-right:23px;
}
#contentWrapper{
background: url(../images/content-top-bg.png) repeat-x scroll left top transparent;
padding-top: 20px;
width:100%;
}
#left{
float:left;
width: 100%;
overflow: hidden;
}
#left .content{
margin-right:15px;
}
#left p{
font-size: 10pt;
text-align:left;
}
#right{
z-index:30;
width: 30%;
float:right;
}
ul.actions{
	text-align:right;
	height:20px;
}
ul.actions li{
	display:inline;
}
.tip-wrap{
	background-color: #ffec8b;
	padding: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	behavior: url(/PIE.htc);
}
.categories-list{
    margin-top: 10px;
}
.section, 
.categories-list > ul{
padding:0;
margin:0;
}
.section, 
.categories-list > div{
margin:15px 2px 2px;
padding:2px;
padding-top: 40px;
font-size: 13px;
color: #383B71;
/*background-color:#CFCFE4;*/
border:1px solid #383B71;
border-radius: 5px;
behavior: url(/PIE.htc);
float:left;
max-width:275px;
min-width:210px;
position:relative;
list-style: none;
}
.categories-list > div > .category-desc{
max-width:275px;
overflow: hidden;
}
.categories-list > div > .category-desc h3{
	margin: 8px 0;
}
.section h4, .categories-list > div > .item-title{
color: #383B71;
margin: 3px 0;
position: absolute;
left:-1px;
right:-1px;
top: -19px;
text-align:center;
}
.categories-list > div > .item-title a{
/*font-family: 'DustismoRegular';*/
letter-spacing: 2px;
background-color: #FFFFFF;
color: #383B71;
font-size: 26px;
line-height: 30px;
border-left:3px solid #fff;
border-right:3px solid #fff;
}
.categories-list > div > .item-title a:hover{
color:#3C305C;
}
.section table td,.categories-list > div table td{
vertical-align:top;
}
.categories-list > div table td img{
margin: 3px 7px 3px 3px;
}

.section ul, .categories-list > div ul,.description ul{
margin-left:15px;
}
.section li, .categories-list > div ul li,.description li{
padding: 2px 0;
list-style:disc;
}
.section a:hover, .categories-list > div ul li a:hover{
color:#FF9A35;
}

.right-side-box{
padding: 10px;
margin-bottom:10px;
border-radius: 5px;
-moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3+, Chrome */
box-shadow: 0px 0px 5px #000; /* Opera 10.5, IE 9.0 */
-moz-box-shadow: 0px 0px 5px #000; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 5px #000; /* Saf3.0+, Chrome */
behavior: url(/PIE.htc);
background-color: #fff;
}
#officemap .caption{
font-size: 12pt;
font-weight: bold;
color: #383B71;
margin-bottom:5px;
}
.leaflet-control-zoom:first-child {
    margin-left:3px !important;
    margin-top:3px !important;
}
.leaflet-control-zoom+.leaflet-control-zoom {
    margin-left:3px !important;
    margin-top: -2px !important;
    z-index: 6;
}
#news div > h3,
#publications div > h3{
color: #383B71;
margin:0;
padding-top: 15px;
border-top: 2px dotted #CBCBE7;
text-align:left;
font-size: 19px;
/*font-family: 'DustismoRegular';*/
letter-spacing: 2px;
}
#news div > h3:first-child,
#publications div > h3:first-child,
.right-side-box > div > a{
float:left;
margin-top: 3px;
}
#news p.sectionTitle,
#publications p.sectionTitle,
#blogs p.sectionTitle{
    color: #383B71;
    margin:0;
    text-align:left;
    font-size: 19px;
    font-weight:bold;
    /*font-family: 'DustismoRegular';*/
    letter-spacing: 2px;
}
#news .newsinfo{
font-size: 80%;
color: #383B71;
}
#news p{
color: #555;
}

.breadcrumbs{
margin: 2px 0;
padding: 2px 0;
font-size: 120%;
color: #333;
border-bottom: 2px dotted #CFCFE4;
}
.breadcrumb{
margin: 2px 0;
padding: 2px 0;
font-size: 120%;
color: #333;
border-bottom: 2px dotted #CFCFE4;
}
.breadcrumb li{
display:inline;
margin-left:5px;
list-style: none;
}
#right .content{
margin:5px;
}
.pictureBox{
margin:3px;
margin-right:7px;
}
.contentBox{
margin:0 10px;
padding:5px;
background-color: #3D315D;
border-radius: 5px;
-moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3+, Chrome */

box-shadow: 0px 0px 5px #000; /* Opera 10.5, IE 9.0 */
-moz-box-shadow: 0px 0px 5px #000; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 5px #000; /* Saf3.0+, Chrome */
behavior: url(/PIE.htc);

background-image: -moz-linear-gradient(top, #fff 60%, #3D315D); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.6, #fff),color-stop(1, #3D315D)); /* Saf4+, Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#3D315D'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#3D315D')"; /* IE8 */

}
.contentBox .caption{
color:#fff;
text-align:center;
}
#certificateImages{
padding:0;
margin:0;
}

#certificateImages img{
margin-left:20px;
opacity: 0.4;
filter: alpha(opacity=40);
zoom:1;
}
#certificateImages img:hover{
opacity: 1;
filter: alpha(opacity=100);
}
#footer{
clear:both;
position:static;
bottom:0;
left:0;
right:0;
background-color: #383B71;
border-top:5px solid #CFCFE4;
font-family:Verdana,Arial,Tahoma;
min-height: 26px;

}
#footer a{
color: #fff;
}

/*for mobile devices */
@media only all and (max-device-height: 300px) {
	#footer{
		position: static !important;		
	}
}

#footerContent{
width: 600px;
}
#footerText{
clear:both;
color: #CFCFE4;
margin-top: 5px;
}
#footerText p{
	margin: 0;
}
#footerText img{
display:inline-block;
vertical-align:middle;
}
#footerMenu a{
    font-size: 140%;
}

@media print{
	ul.actions{
		display:none;
	}
}

.invisible{
	display:none;
}

.item-page img{
	margin: 5px;
}
#homegallery{
	position: relative;
	overflow:hidden;
	width:620px;
	height:225px;
}
#homegallery img{
	left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}
.simpleGalleryShow {
    z-index:500
}
.simpleGalleryCaption {
	z-index:600; 
    background-color:#000;
    color:#fff;
	line-height: 1.5em;    
    text-align: left;
    position: absolute;
    left:0;
    bottom:0;
    right:0;
    font-size: 12pt;
    letter-spacing: 2px;
    z-index:550;
}
.simpleGalleryCaption .content {
    margin: 7px 15px;
}
.simpleGalleryCaption .content h3 {
    margin:0;
    padding:0;
    color:#1DCCEF;
}



/* ************************************************************************************************** */
/* OA contact page stuff                                                             				  */
/* ************************************************************************************************** */
.people-box-search,.people-box-wrapper{
padding:5px;
text-align:left;
font-size: 13px;
color: #383B71;
/*background-color:#CFCFE4;*/
border:1px solid #9999CC;
-moz-border-radius:5px;
border-radius: 5px;
behavior: url(/PIE.htc);
margin: 5px 0;
position: relative;
}
.people-box-search{
/*background-color:#D8E8F8;*/
padding-left:10px;
}
.people-box-search form{
margin:0;
padding:0;
}
.people-box-search a{
margin-right:10px;
font-weight:bold;
font-size: 120%;
}
.people-box-search input[name="oacq"]{
border-radius:5px;
border:1px solid #383B71;
padding:2px 5px;
}
.people-box{
padding: 5px;
}
.people-pic{
float:right;
margin:5px;
border:1px solid #FF9A35;
max-width: 40%;
}
.people-box-content{
float:left;
margin-bottom: 25px;
}
.people-box-content h2{
}
.people-box-content h3{
}
.people-box-content .attribute-container{
width: 60%;
}
.people-box-content .infoItem{
display:block;
padding: 3px;
}
.people-box-content .infoTitle{
color:#FF9A35;
margin-right: 5px;
width: 10%;
}
.people-box-content .infoContent{
width:30%;
min-width:1em;
}
.people-description{
margin:0 5px;
}
.people-box-content .buttons{
	position:absolute;
	bottom:5px;
	left:5px;
}
.oacontacts input[type="button"],.oacontacts input[type="submit"]{
}

.pagination ul li{
    border:1px solid #afafaf;
    border-radius:3px;
    behavior: url(PIE.htc);
    background-color:#eaeaea;
    background-position:top left;
    display:inline-block;
    margin:2px;
    height:18px;
    box-shadow:1px 1px 1px #d2d3da;
    padding:3px 7px 3px 7px;
}

/* ************************************************************************************************** */
/* OA projects stuff                                                             				  */
/* ************************************************************************************************** */

.oaprojects{

}
.project-box{
    border: 1px dotted #ccc;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 2px;
    max-width: 47%;
    float: left;
}
.project-box-content img{
    float:left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.project-box-content h2{
    padding-left: 10px;
    font-size: 11pt;
    margin-bottom: 5px;
}
.project-description{
    text-align: justify;
    padding: 0 10px;
}
.project-read-more{
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0 10px;
}
/* ************************************************************************************************** */
/* JOOMLA SPECIFIC CSS 																				  */
/* ************************************************************************************************** */

.adminform {
}
.article_seperator {
}
.back_button {
}
.blog {
}
.blog img{
margin: 10px;
}
.blog > div > div{
padding: 5px 5px 15px 5px;
margin-top: 5px;
border:1px solid #99C;
-moz-border-radius:5px;
border-radius: 5px;
behavior: url(/PIE.htc);
overflow: hidden;
}
.blog .item-separator{
clear:both;
}
.blog_more {
}
.blogsection {
}
.button {
}
.buttonheading {
}
.category {
}
.clip {
}
.componentheading {
}
.contact_email {
}
.content_rating {
}
.content_vote {
}
.contentdescription {
}
.contentheading {
}
.contentpagetitle {
}
.contentpane {
}
.contentpaneopen {
}
.contenttoc {
}
.createdate {
}
.dtree {
}
.dTreeNode {
}
.editlinktip {
}
.expander {
}
.form{
}
.highlight {
}
.inputbox {
}
.item {
}
.latestnews {
}
.message {
}
.message {
}
.modifydate {
}
.module {
}
.module h3 {
}
.module div {
}
.module div div {
}
.module div div div {
}
.module div div div div {
}
.moduletable {
}

.moduletable h3 {
    margin-top: 5px;
}
.mosimage {
}
.mosimage_caption {
}
.mostread {
}
.newsfeed {
}
.node {
}
.pagenav {
}
.pagenav_next {
}
.pagenav_prev {
}
.pagenavbar {
}
.pagenavcounter {
}
.paramlist {
}
.pathway {
}
.poll {
}
.pollstableborder {
}
.profiler {
}
.readon {
}
.row1 {
}
.row2 {
}
.search {
}
.searchintro {
}
.sectiontableentry1 {
}
.sectiontableentry2 {
}
.sectiontablefooter {
}
.sectiontableheader {
}
.small {
}
.smalldark {
}
.syndicate {
}
.syndicate_text {
}
.tab {
}
.tabclass1 {
}
.tabclass2 {
}
.tab-page {
}
.text_area {
}
.toclink {
}
.toolbar {
}
.tooltip {
    display: none;
}
.tooltip > *{
    display: none;
}
.wrapper {
}
iframe.wrapper {
    border: 0 !important;
	overflow:hidden;
}

/* ************************************************************************************************** */
/* JOOMLA MENU CSS 																					  */
/* ************************************************************************************************** */

ul#mainlevel {
}
ul#mainlevel li {
}

a.mainlevel:link,
a.mainlevel:active,
a.mainlevel:visited {
}
a.mainlevel:hover {
}
a.mainlevel#active_menu {
}

a.sublevel:link,
a.sublevel:active,
a.sublevel:visited {
}
a.sublevel:hover {
}
a.sublevel#active_menu {
}

/* ************************************************************************************************** */
/* OTHER MODULES AND COMPONENTS																		  */
/* ************************************************************************************************** */
/* Components and modules that should be part of every setup you do!								  */
/* Add your own custom css for modules and components you install here!								  */
/*																									  */
/* ************************************************************************************************** */
/* JOOMLA EXT MENU MODULE 																			  */
/* ************************************************************************************************** */



/* ************************************************************************************************** */
/* JOOMLA DISPLAY NEWS BY BK MODULE																	  */
/* ************************************************************************************************** */

.dn-whole {
}
.dn-each {
}
span.dn-section {
}
a.dn-section {
}
span.dn-category {
}
a.dn-category {
}
span.dn-title {
}
a.dn-title{
}
span.dn-author {
}
span.dn-date {
}
span.dn-introtext {
}

/* ************************************************************************************************** */
/* JOOMLA MINI FRONTPAGE MODULE	- NOTE THIS MODULE ALSO CONTAINS IT's OWN CSS FILE					  */
/* ************************************************************************************************** */

table.minifp {
}
td.minifp {
}
span.minifp-anotherlinks {
}
span.minifp-introtitle a {
}
span.minifp-date {
}
.minifp-full-link {
}
ul.minifp {
}
li.minifp {
}
li.minifp a{
}
.mceContentBody {
	background:white;
	height:100%
}