/* Start of CMSMS style sheet 'Layout' */
/*-----------colour chart--------------*/
/*--
	
orange: #f69f24
dark blue: #1d3665
light blue: #1da2c1

text: 626366
light grey: #ebebeb
dark grey: #bbbdbf

--*/
/*------------------------------------*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
	margin: 0;
	padding: 0;
	
}

#bodyWrapper {
	margin: 0 auto;
	width: 900px;
	position: relative;
	overflow: hidden;
}

#contentWrapper {
	position: relative;
	width: 900px;
        overflow: hidden;
}

/* -----------------------------------*/
/* --------->>> MASTHEAD <<<----------*/
/* -----------------------------------*/

#mastHead {
	position: relative;
	height: 192px;
	width: 816px;
	padding-left: 74px;
}

#mastHead h1 {
	text-indent: -9999em;
	margin: 0;
	height: 182px;
}

#mastHead h1 a {
	background: transparent url(uploads/images/crclogo.gif) no-repeat scroll 0 0;
	display: block;
	height: 92px;
	width: 430px;
	position: absolute;
	left: 57px;
	top: 60px;
}
#mastHead h2 {margin: 0; text-indent: -9999em;}

#mastHead h2 a {
	background: transparent url(uploads/images/charterlogo.gif) no-repeat scroll 0 0;
	display: block;
	height: 64px;
	width: 113px;
	position: absolute;
right:131px;
top:90px;
}


#mastHead h2.mfaa a {
	background: transparent url(uploads/images/mfaa.jpg) no-repeat scroll 0 0;
	display: block;
	height: 64px;
	width: 143px;
	position: absolute;
right:131px;
top:90px;
}

#mastHead #search {
	height: 34px;
	width: 220px;
	position: absolute;
	top: 44px;
	right:0;
}

#mastHead #search input {
        height: 23px;
        padding: 10px 0px 0px 10px;
        width: 160px;
        border: none;
        color: #1da2c1;
        font-weight: bold;
        background: url(uploads/images/searchbg.gif) no-repeat scroll 0 0;
}
#mastHead #search input.submit {
        color: #fff;
        font-size: 1em;
        font-weight: bold;
        height:33px;
        margin-left:-3px;
        padding:5px 5px 6px;
        width:49px;
        cursor: pointer;
        background: url(uploads/images/searchsubmitbg.gif) no-repeat scroll 0 0;
}
/*\*/
 html>body*#mastHead #search input.submit {position: relative; top: -1px;}
/**/

#mastHead #search input.submit:hover {background: url(uploads/images/searchsubmitbg.gif) no-repeat scroll bottom left;}

/* ------------------------------------*/
/* -------->>> CALLS TO ACTION <<<--------*/
/* ------------------------------------*/

#ctaColumn {
	width: 352px;
	float: left;
	position: relative;
        z-index: 100;
}

#ctaColumn p {
padding-left: 74px;
}

#ctaColumn a {
	background: url(uploads/images/ctabg.gif) no-repeat scroll 0 0;
	display: block;
        font-weight: normal;
	color: #fff;
	padding-left: 44px;
	width: 234px;
	height: 27px;
	font-size: 16px;
	padding-top: 12px;
	border-bottom: 5px solid #fff;
}
#ctaColumn a:hover {background: url(uploads/images/ctabg.gif) no-repeat scroll bottom left; text-decoration: none;}

#ctaColumn a:hover .highlightedtext {visibility: visible}
#ctaColumn a .highlightedtext {
	visibility: hidden;
	position: absolute;
        display: block;
	top: 0;
	left: 350px;
	background-color: #fff !important;
	height: 180px;
	width: 293px;
	color: #1D3665;
	z-index: 200;
	font-size: 1.1em;
}

#ctaColumn a .highlightedtext .headingtext {margin-bottom: 0.2em;}
#ctaColumn a .highlightedtext .ctatext {font-style: italic; font-size: 15px; font-weight: bold; margin-top: 0.4em;}

/* ------------------------------------*/
/* -------->>> MAIN CONTENT <<<--------*/
/* ------------------------------------*/

#mainContent-2col {
        width: 539px;
	float: left;
	position: relative;
	padding: 0px;
}

#mainContent-3col {
        width: 293px;
	float: left;
	position: relative;
	padding: 0 30px 0 0px;
}

#mainContent-2col img, #mainContent-3col img {margin: 0 10px 10px 0;}

* html #mainContent-2col {padding-left: 0; width: 520px;} 

/* ------------------------------------*/
/* -------->>> SIDE COLUMN <<<--------*/
/* ------------------------------------*/

#sideColumn {
	width: 216px;
	float: left;
	position: relative;
	margin-bottom: 20px;
}

#sideColumn #newsBar {
	background: #ebebeb url(uploads/images/sideColumn_top.gif) no-repeat scroll 0 0;
	overflow: hidden;
	padding: 20px 0px 0 20px;
}

#sideColumn #newsBar_inner {
	background: #ebebeb url(uploads/images/sideColumn_bottom.gif) no-repeat scroll right bottom;
	padding: 0 20px 20px 0;	
}


/* ------------------------------------*/
/* ----------->>> QUOTES <<<-----------*/
/* ------------------------------------*/


blockquote {
/*  background: #fff url(uploads/images/quote_left.gif) 0 0 no-repeat;  */
color:#1D3665;
font-size:1.3em;
font-style:italic;
margin:0px;
padding: 0px;
position:relative;
z-index:2;
}


blockquote p {
/*  background: url(uploads//images/quote_right.gif) bottom right no-repeat;  */
padding: 0;
margin: 0px 0 15px;
}

/* ------------------------------------*/
/* ----------->>> FOOTER <<<-----------*/
/* ------------------------------------*/

#footerContent {
	clear: both;
	position: relative;
	color: #fff;
	height: 21px;
	background: url(uploads/images/footerbg.gif) no-repeat scroll 0 0;
	padding: 10px 10px 0;
	width: 816px;
	margin-left: 74px;
        margin-top: 30px;
}
#footerContent a {color: #fff; cursor: pointer;}

#footerContent #acornLink {
	background: transparent url(uploads/images/acornLogo.gif) no-repeat scroll 0 0;
	width: 62px;
	height: 22px;
	display: block;
	text-indent: -9999em;


	float: right;
}

.CTA {
padding: 4px; 
background: #f0f0f0 none repeat scroll 0%; 
/*color: #333333;*/
}

/*-------------------TABLE----------------------*/

#table {
    float:right;
   font-size:9px;
   width:550px;
}


/*------------------------PORTFOLIO BUTTONS--------------------------*/

a.summit, a.praemium {
     float: left;
     height: 179px;
     width: 279px;
     text-indent: -999em;
     margin-bottom: 20px;
     outline: none;
}

a.summit {
     background:#ccc url(uploads/images/summitBtn.jpg) no-repeat scroll left top;
     margin-right: 50px;
     margin-top: 20px;
     margin-left: 160px;
*margin-top: 24px;
}

a.summit:hover {
     background:#ccc url(uploads/images/summitBtn.jpg) no-repeat scroll left bottom;
}

a.praemium {
     background:#ccc url(uploads/images/praemiumBtn.jpg) no-repeat scroll left top;
     margin-top: 20px;
}

a.praemium:hover {
     background:#ccc url(uploads/images/praemiumBtn.jpg) no-repeat scroll left bottom;
}



/* End of 'Layout' */

/* Start of CMSMS style sheet 'Typography' */
/*-----------colour chart--------------*/
/*--
	
orange: #f69f24
dark blue: #1d3665
light blue: #1da2c1

text: 626366
light grey: #ebebeb
dark grey: #bbbdbf

--*/
/*-----------------------------------------*/


/* -----------------------------------*/
/* --------->>> GLOBAL <<<----------*/
/* -----------------------------------*/

body {
     font-family: helvetica,arial,verdana, sans serif;
     font-size: 12px;
     line-height: 18px;
     color: #666666;
}

/* -----------------------------------*/
/* ------>>> TYPOGRAPHY <<<-------*/
/* -----------------------------------*/

h1 {
     font-size: 1.6em;
     margin: 1em 0;
     font-weight: bold;
}
h2, .headingtext {
     font-size: 1.6em;
     line-height: 1.25em;
     margin: 0em 0 0.5em 0;
     color:#1d3665;
     font-weight: bold;
     display: block;
}
p+h2,ul+h2 {margin: 0.5em 0 0.5em 0;}
h3, .ctatext {
     font-size: 1.35em;
     line-height: 1.25em;
     margin: 0 0 0.5em 0;
     color:#1da2c1;
     display: block;
}
#sideColumn h3 {color: #444;}
h4, .h4 {
     font-size: 1.1em;
     margin: 0em 0 0.5em 0;
     color: #6d6d6d;
     display: block;
}
#sideColumn h4 {color: #444; font-size: 1em;}
h2 a, h3 a, h4 a {color: #1da2c1;}
p {margin: 0 0 1em 0;}

/* -----------------------------------*/
/* --------->>> LINKS <<<-----------*/
/* -----------------------------------*/

a {
     font-weight: bold;
     text-decoration: none;
     color: #4D9DD0;
     cursor: pointer;
}
a:hover {text-decoration: underline;}
a:active {outline: none;}
a.externalLink {
     padding-right: 12px; 
     background: url(/uploads/images/layout/arrow_ur_small.gif) 100% 0 no-repeat;
}
a img {border: none;}

/* -----------------------------------*/
/* --------->>> LISTS <<<-----------*/
/* -----------------------------------*/

ul {
     /*margin: -0.3em 0 1em 1em;*/
     list-style: square;
padding-left:10px;
}
ul li {
     /*margin: 0.4em 0.5em;*/
}
ol {margin: -0.3em 0 1em 1em;}
ol li  {
     /*overflow: hidden;*/
     margin: 0.4em 0.5em;
     line-height: 1.3em;
}

/* -----------------------------------*/
/* --------->>> FORMS <<<----------*/
/* -----------------------------------*/

input, select {font-size: 11px;}
fieldset {
      border: none; 
      padding: 0;
      margin: 0;
      width: 350px;
}
fieldset legend {
     color: #8a9a01;
     font-weight: normal;
     font-size: 1.2em;
     margin-bottom: 5px;
}
fieldset label {
     float: left;
     width: 120px;
     padding: 2px;
     color: #666;
}
fieldset input {
     width: 196px;
     border: none;
     background: url(uploads/images/inputbg.gif) no-repeat scroll 0 0;
     padding: 4px;
     float: left;
     height: 16px;
}
fieldset textarea {
     width: 196px; 
     height: 58px;
     border: none;
     background: url(uploads/images/textareabg.gif) no-repeat scroll 0 0;
     margin-bottom: 5px;
     margin-top: 0;
     padding: 4px;
     color: #666;
     font-family: helvetica, verdana, sans-serif;
     font-size:1em;
     float: left;
}
.submit {padding-top: 0px; margin-left: 124px;}

.submit input {
  width: 100px;
  color: #fff;
  font-weight: bold;
  border: none;
  background: transparent url(uploads/images/buttonbg.gif) no-repeat scroll 0 0;
  padding: 3px;
  cursor: pointer;
}


.submit input:hover {background: transparent url(uploads/images/buttonbg.gif) no-repeat scroll bottom left;}

/* -----------------------------------*/
/* ------->>> TABLES <<<---------*/
/* -----------------------------------*/

thead {font-size:1.2em; color: #333;}
tbody {background-color: #333;}
td {
padding: 10px; 
/*color: #eaeaea;
border-bottom:1px solid #444;*/
font-family: verdana, helvetica, sans-serif;
line-height: 1.4em;
}
td.stylesheet {width: 250px;}
td.media {width: 120px;}
td.use {width: 400px;}

/* -----------------------------------*/
/* --------->>> OTHER <<<-----------*/
/* -----------------------------------*/

/* --------->>> HorizontalLine <<<-----------*/
.hr {
     border: none;
     height: 5px;
     margin: 1em;
     clear: both;
}
.hr hr {display: none;}
hr.thin {margin: -0.3em 0 0.5em 0;}
hr.black {border-color: #000;}

/* --------->>> DataTables <<<-----------*/
dt{
     float: left;
     clear: left;
     font-weight: bold;
     margin: 0 0 1em 1em;
     width: 55px;
     color: #000;
}
dd {
     display: block;
     margin: 0 0 1em 0;
     padding-left: 75px;
}

/* ------->>> CodeView <<<--------*/
code {
     background: #F0F0F0;
     color: #000;
     font-size: 1.1em;
}
pre {
     background: #333;
     font-size:1.2em;
     line-height:1.4em;
     color: #eaeaea;
     padding: 1em;
     margin: 0.5em 0;
     font-family: Verdana, Helvetica, sans-serif;
}
/* End of 'Typography' */

/* Start of CMSMS style sheet 'Menu' */
/*-----------colour chart--------------*/
/*--
	
orange: #f69f24
dark blue: #1d3665
light blue: #1da2c1

text: 626366
light grey: #ebebeb
dark grey: #bbbdbf

--*/
/*------------------------------------*/

#nav {
	background: #fff url(uploads/images/navbg.gif) no-repeat scroll 0 0;
	position: absolute;
	width: 818px;
	right: 10px;
	height: 31px;
	top: 0;
        clear: both;
        /*overflow: hidden;*/
        z-index: 1000;
}

/* -----------------------------------*/
/* -------->>> LEVEL ONE <<<----------*/
/* -----------------------------------*/

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
 }

#nav li {
	width: auto;
	float: left;
	border-right: solid 1px #fff;
	height: 31px;
position: relative;
}
* html #nav li {width: 100px;}


#nav a {
	text-decoration: none;
	padding: 0 20px;
	line-height: 31px;
	font-weight: bold;
	display: block;
	color: #fff;
        text-transform: lowercase;
	font-size: 12px;
text-align: center;
}

#nav a {*font-size: 12px; *padding: 0 22px;}
* html #nav a {font-size: 12px; padding: 0 2px;}

#nav a:hover, #nav .activeparent a {color: #1d3665;}

#nav .currentpage h3 {
	font-size: 12px;
	padding: 0 20px;
	line-height: 31px;
	margin: 0px;
        text-transform: lowercase;
	color: #1d3665;
        text-align: center;
}


/* -----------------------------------*/
/* -------->>> LEVEL TWO <<<----------*/
/* -----------------------------------*/

#nav li ul {
	position: absolute;
	background: url(uploads/images/navlowerbg2.gif) no-repeat scroll 0 bottom;
	padding-bottom: 14px;
	width: 122px;
	left: 0px;
        top: 31px;
        display: none;
}

#nav li li {
	float: none;
	border: none;
	height: 24px;
	background-color: #e6e7e8;
	border-top: 1px solid #fff;
}

#nav li li a {
	line-height: 24px;
	color: #444;
	font-size: 11px;
text-align: center;
font-weight: normal;
padding: 0 2px;
width: 118px;
margin: 0;
}


#nav li li a:hover, #nav li li:hover a, #nav li li:hover {color:#fff;background:#264778;}

#nav li:hover ul, #nav li.sfhover ul {display: block;}
#nav li:hover ul ul, #nav li.sfhover ul ul {display: none;}


#nav ul li .currentpage h3 {
        line-height: 24px;
	color:#fff;background:#264778;
	font-size: 11px;
        text-align: center;
        font-weight: normal;
padding: 0 10px;
}

#nav .activeparent li a {color: #444;}

* html #nav .currentpage h3 {padding: 0px;}
#nav .currentpage h3 {*padding: 0 22px;}

#nav li ul li ul {
left:122px;
top:-5px;
display:none;
color: #1d3665;

background: url(uploads/images/navlowerbg3.gif) no-repeat scroll 0 bottom;
position: absolute;
margin: 0;
}
#nav li ul li:hover ul, #nav li ul li.sfhover ul {display:block;}

#nav li li:hover li a, #nav li li:hover li {color: #1d3665;background:#d5dae4;}

#nav li li li a {
color: #1d3665;
background:#d5dae4
}
#nav li li li a:hover, #nav li li li:hover a, #nav li li li:hover {color:#fff;background:#264778;}

/* End of 'Menu' */