@font-face {
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-style:  normal;
    font-weight: normal;
    src: url(/opencms/opencms/system/modules/com.clicksandlinks.opencms.sites.twentyOneCC/eot/CENTURY0.eot);
}

body {	
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 40px 0px;
	font-size : 0.7em;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : center;
	background-color : #FFFDDE;
	color : #000000;
	background-image : url(../images/bg_BGGradient.jpg);
	background-repeat : repeat-x;
	background-position : top;
}

/* Hidden elements */
.hidden {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	visibility : hidden;
	display : none;
}
.hiddendivider {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	width : 100%;
	clear : both;
	border : 0px none;
	color : transparent;
}

a,
a:link,
a:active,
a:visited {
	color : #666699;
	font-weight : bold;
}
a:hover {
	text-decoration : none;
}

/* --------------------------------------------------------- */
/* Skip Links Menu */
#skiplinks {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	visibility : hidden;
	display : none;
}
/* Skip Links "Top" link style */
.topanchor {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	visibility : hidden;
	display : none;
}

/* --------------------------------------------------------- */
/* General Layout */
#main {
	margin : 0px auto 0px auto;
	padding : 0px 0px 0px 0px;
	width : 66em;
	text-align : left;
	position : relative;
	background-color : #FFFFFF;
	color : #000000;
	border-left : 1px solid #DAD9CD;
	border-right : 1px solid #DAD9CD;
	border-bottom : 1px solid #DAD9CD;
}

#mainfloatindex {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	position : relative;
}
#mainfloatcontent {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	position : relative;
}
#mainfloatcontent #mhextra {
	
}

/* --------------------------------------------------------- */
/* Site Title area (Top Bar) */
#mainheading {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	height : 218px;
	width : 100%;
	position : relative;
	top : -1px;
	left : 0px;
	z-index : 100;
	background-image : url(../images/bg_topBanner.gif);
	border-top : 1px solid #BA8AB4;
}
#mainheading h1 {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 468px;
	height : 195px;
	background-image : url(../images/bg_TopLogo.gif);
	background-repeat : no-repeat;
	position : absolute;
	left : 10px;
	top : 10px;
	z-index : 100;
}
#mhextra {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 227px;
	height : 113px;
	background-image : url(../images/bg_topBanner_BGSmiley.gif);
	background-repeat : no-repeat;
	position : absolute;
	right : 0px;
	top : 0px;
	z-index : 99;
}


/* ----------------------------------------------------- */
/* Header Subtitle */
#headersub {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 286px;
	height : 47px;
	position : absolute;
	right : 10px;
	top : 160px;
	vertical-align : middle;
	text-align : left;
	background-image : url(../images/bg_subheader.gif);
	background-position : left;
	background-repeat : no-repeat;
	z-index : 101;
}
#headersub ul {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 249px;
	list-style-type : none;
	display : inline;
	position : relative;
}
#headersub li {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
	display : inline;
}
#headersub li a {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 100%;
	height : 100%;
	display : block;
}
#headersub .headersubclwebsite {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 140px;
	height : 47px;
	display : block;
	position : absolute;
	top : 0px;
	left : 37px;
}
#headersub .headersubgaiawebsite {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 69px;
	height : 47px;
	display : block;
	position : absolute;
	top : 0px;
	left : 215px;
}

/* --------------------------------------------------------- */
/* HOMEPAGE - Middle Section Envelope (Content) */
#contentarea {
	margin : 20px 0px 0px 0px;
	padding : 45px 20px 100px 20px;
	position : relative;
	background-color : #FFFFFF;
}
#contentwhole {
	margin : 0px 0px 0px 0px;
	padding : 10px 0px 0px 0px;
	width : 100%;
	position : relative;
}
#contentarea #contentwhole {
	margin : 0px 0px 0px 0px;
	padding : 10px 0px 0px 0px;
	float : left;
	width : 42em;
}
/* --------------------------------------------------------- */
/* CONTENT PAGE - Middle Section Envelope (Content) */
#contentareacontent {
	margin : 20px 0px 0px 0px;
	padding : 55px 10px 100px 10px;
	position : relative;
	background-color : #FFFFFF;
}
/* --------------------------------------------------------- */
/* CONTENT PAGE (NO NAV) - Middle Section Envelope (Content) */
#contentareacontentnonav {
	margin : 0px 0px 0px 0px;
	padding : 55px 10px 100px 10px;
	position : relative;
	background-color : #FFFFFF;
	border-top : 12px solid #666699;
}
/* --------------------------------------------------------- */
/* Navigation Area */
#navigationarea {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

/* ----------------------------------------------------- */
/* Text size Box */
#textsizemenu {
	margin : 0px 0px 0px 0px;
	padding : 0px 20px 0px 0px;
	width : 80px;
	position : absolute;
	top : 10px;
	right : 0px;
	z-index : 100;
}
#textsizemenu h3 {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	font-weight : bold;
	visibility : hidden;
	display : none;
}
#textsizemenu .textsizemenunote {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	font-weight : bold;
	visibility : hidden;
	display : none;
}
#textsizemenu ul {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
}
#textsizemenu li {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
	display : inline;
	float : left;
	width : 18px;
	height : 25px;
}
#textsizemenu a {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	display : block;
	width : 18px;
	height : 25px;
}
#textsizemenu #styledefault,
#textsizemenu #stylesmall,
#textsizemenu #stylemedium,
#textsizemenu #stylelarge {
	margin : 0px 0px 0px 2px;
	padding : 0px 0px 0px 0px;
	width : 18px;
	height : 25px;
	border : 0px none;
	background-repeat : no-repeat;
}
#textsizemenu #styledefault {
	background-image : url(../images/textSizeDefault.gif);
}
#textsizemenu #stylesmall {
	background-image : url(../images/textSizeLarge.gif);
}
#textsizemenu #stylemedium {
	background-image : url(../images/textSizeXLarge.gif);
}
#textsizemenu #stylelarge {
	background-image : url(../images/textSizeXXLarge.gif);
}


/* ################################# */
/* Bottom row separator - invisible */
#bottomspare {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	visibility : hidden;
	display : none;
}
/* --------------------------------------------------------- */
/* Bottom Envelope Layout */
#bottomarea {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 100%;
	clear : both;
	position : relative;
	background-color : #E8E8F0;
	background-image : url(../images/BG_curve_bottomRight_white.gif);
	background-position : bottom right;
	background-repeat : no-repeat;
}
#bottomareaspare {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	background-image : url(../images/BG_curve_bottomLeft_white.gif);
	background-position : bottom left;
	background-repeat : no-repeat;
	height : 15px;
}
/* --------------------------------------------------------- */
/* Copyright Layout */
#copyright {
	margin : 0px 0px 0px 0px;
	padding : 5px 20px 0px 0px;
	font-size : 0.8em;
	text-align : right;
	color : #555555;
	/*float : right;*/
	position : position;
	top : 0px;
}
#copyright p {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;	
}
#copyright a {
	color : #666699;
	text-decoration : none;
}
/* Powered by C&L Layout */
#pbcltext {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}
#pbcltext a {
	color : #666699;
	text-decoration : none;
}

/* ################################# */
/* --------------------------------------------------------- */
/* Search Box Layout */
#searchbox {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	visibility : hidden;
	display : none;
}

/* ################################# */
/* Main Site Links Navigation menu */



/* ----------------------------------------------------- */
/* tabbed main site links */
#mainsitelinks {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	float: left; 
	width: 100%; 
	line-height: normal;
	position : absolute;
	top : 215px;
	left : 0px;
	z-index : 100;
	background-image : url(../images/bg_topBanner.gif);
	background-position : bottom;
	background-repeat : repeat-x;
	text-transform : lowercase;
	font-size : 0.9em;
}
#container>#mainsitelinksmenu {
	width : 46.2em;
}
/* site links heading */
#mainsitelinks h3 {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	visibility : hidden;
	display : none;
	width : 0px;
	height : 0px;
}
#mainsitelinks ul {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 10px;
	list-style-type : none;
}
#mainsitelinks li {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	display: inline; 
	border-bottom: 1px solid #FFFFFF;
	list-style-type : none;
	float : left;
}
/* Level 1 links */
#mainsitelinks a,
#mainsitelinks a:link,
#mainsitelinks a:visited,
#mainsitelinks a:active {
	margin : 7px 2px 0px 0px;
	padding : 0px 0px 0px 30px;
	line-height : 1.5em;
	float: left;
	text-decoration: none;
	background-repeat : no-repeat;
	background-position : left top;
	background-image : url(../images/button_norm_left.gif);
	background-color : #FFFFFF;
	border-bottom : 2px solid #908F7D;
	text-decoration : none;
	display : block;
}
#mainsitelinks a:hover { 
	background-image : url(../images/button_norm_left_over.gif);
} 
#mainsitelinks a span { 
	margin : 0px 0px 0px 0px;
	padding : 12px 10px 3px 0px;
	display: block; 
	font-weight: bold; 
	float: left; 
	color: #666699;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size : 1.3em;
	background-repeat : no-repeat;
	background-position : right top;
	background-image : url(../images/button_norm_right.gif);
} 
#mainsitelinks li a span {
	float : none;
}
#mainsitelinks a:hover span { 
	background-repeat : no-repeat;
	background-position : right top;
	background-image : url(../images/button_norm_right.gif);
} 
#mainsitelinks .current { 
	margin : 7px 2px 0px 0px;
	padding : 0px 0px 0px 30px;
	line-height : 1.5em;
	float: left;
	text-decoration: none;
	background-repeat : no-repeat;
	background-position : left top;
	background-image : url(../images/button_norm_left_on.gif);
	color : #666699;
	background-color : #FFFFFF;
	border-bottom : 3px solid #FFFFFF;
	text-decoration : none;
	display : block;
} 
#mainsitelinks .current span { 
	margin : 0px 0px 0px 0px;
	padding : 13px 10px 2px 0px;
	display: block; 
	font-weight: bold; 
	float: left; 
	color: #666699;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size : 1.3em;
	background-repeat : no-repeat;
	background-position : right top;
	background-image : url(../images/button_norm_right_on.gif);
} 

#mainsitelinks ul li ul .current,
#mainsitelinks ul li ul .parent {
	margin : 0px 0px 0px 0px;
	padding : 1px 10px 0px 10px;
	width : auto;
	color : #666699;
	font-weight : bold;
	background-image : none;
	border : 1px solid #FFFFFF;
	background-image : url(../images/bullet_lightBlue.gif);
	background-position : left 5px;
	background-repeat : no-repeat;
}
#mainsitelinks ul li ul .current span,
#mainsitelinks ul li ul .parent span {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : auto;
	color : #666699;
	background-image : none;
}
#mainsitelinks ul li ul {
	margin : 2px 0px 2px 0px;
	padding : 1px 0px 1px 10px;
	list-style-type : none;
	/*width : 100%;*/
	width : 97.3%;
	position : absolute;
	top : 4.5em;
	left : 0px;
	font-size : 0.9em;
	background-color : #FFFFFF;
	z-index : 110;
}
#mainsitelinks ul li ul li ul {
	top : -0.3em;
}
#mainsitelinks ul li ul li {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
	display : inline;
	width : auto;
}
#mainsitelinks ul li ul a,
#mainsitelinks ul li ul a:link,
#mainsitelinks ul li ul a:visited,
#mainsitelinks ul li ul a:active {
	margin : 0px 0px 0px 0px;
	padding : 0px 10px 0px 10px;
	line-height : normal;
	float: left;
	background-image : url(../images/bullet_darkBlue.gif);
	background-position : left 6px;
	background-repeat : no-repeat;
	background-color : #FFFFFF;
	border-bottom : 0px none;
	text-decoration : none;
	display : block;
	color : #E6E6EE;
}
#mainsitelinks ul li ul a:hover { 
	background-image : url(../images/bullet_lightBlue.gif);
} 
#mainsitelinks ul li ul a span { 
	margin : 0px 0px 0px 0px;
	padding : 0px 10px 0px 0px;
	display: block; 
	font-weight: bold; 
	float: left; 
	color: #666699;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	background-image : none;
} 
#mainsitelinks ul li ul li a span {
	float : none;
}
#mainsitelinks ul li ul a:hover span { 
	background-image : none;
} 
#mainsitelinks .current ul li a span { 
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 1px;
	background-image : none;
} 

/* ################################# */
/* HOMEPAGE STYLING */

/* Homepage - Heading */
#mainfloatindex #pageheading {
	margin : 0px 5px 0px 0px;
	padding : 0px 0px 0px 0px;
}
#mainfloatindex #pageheading h2 {
	margin : 0px 0px 0px 0px;
	padding : 5px 0px 10px 0px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	text-transform : lowercase;
	color : #666699;
	font-size : 3em;
	font-weight : bold;
	border-top : 1px solid #CCCCCC;
	border-bottom : 1px solid #CCCCCC;
	background-color : #FFFDDE;
}
#mainfloatindex #pageheading h2 span {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 5px;
}


/* --------------------------------------------------------- */
/* CONTENT PAGE - Page heading */
#contentareacontent #pageheading,
#contentareacontentnonav #pageheading {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}
#contentareacontent #pageheading h2,
#contentareacontentnonav #pageheading h2 {
	margin : 0px 0px 0px 0px;
	padding : 5px 0px 10px 0px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	text-transform : lowercase;
	color : #666699;
	font-size : 3em;
	font-weight : bold;
	border-top : 1px solid #CCCCCC;
	border-bottom : 1px solid #CCCCCC;
	background-color : #FFFDDE;
}
#contentareacontent #pageheading h2 span,
#contentareacontentnonav #pageheading h2 span {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 5px;
}

/* --------------------------------------------------------- */
/* Navstring  Layout */
#navstring {
	margin : 0px 4px 0px 4px;
	padding : 0px 0px 20px 0px;
}
#navstring h3 {
	margin : 0px 10px 0px 0px;
	padding : 0px 0px 0px 0px;
	float : left;
	font-size : 0.9em;
	color : #666699;
}
#navstring h3 span {
	
}
#navstring ul {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
}
#navstring li {
	margin : 0px 0px 0px 0px;
	padding : 0px 5px 0px 0px;
	list-style-type : none;
	display : inline;
	font-size: 0.9em;
}
#navstring li a,
#navstring li a:link,
#navstring li a:visited,
#navstring li a:active {
	margin : 0px 0px 1px 0px;
	padding : 2px 2px 2px 8px;
	text-decoration : none;
	color : #666699;
	font-weight : bold;
	background-image : url(../images/bullet_darkBlue.gif);
	background-repeat : no-repeat;
	background-position : left 6px;
}
#navstring li a:hover {
	background-image : url(../images/bullet_lightBlue.gif);
}
#navstring .nslast {
	margin : 0px 0px 1px 0px;
	padding : 2px 2px 2px 8px;
	background-image : url(../images/bullet_lightBlue.gif);
	background-repeat : no-repeat;
	background-position : 0px 6px;
	color : #666699;
}

/* Hidden divs  */
#accbadges {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	visibility : hidden;
	display : none;
}


/* ################################# */
/* CONTENT STYLING */
#contentbody {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	text-align : justify;
}
/* Content Area Styling */
#contentbody p {
	margin : 0px 0px 0px 0px;
	padding : 0px 4px 10px 4px;
	color : #333333;
	line-height : 1.3em;
}
#contentbody strong {
	color : #666699;
}
#contentbody a,
#contentbody a:link,
#contentbody a:visited,
#contentbody a:active {
	text-decoration : underline;
	color : #666699;
	font-weight : bold;
}
#contentbody a:hover {
	text-decoration : none;
	color : #666699;
	font-weight : bold;
}
#contentbody h1,
#contentbody h2,
#contentbody h3 {
	margin : 20px 4px 10px 4px;
	padding : 0px 0px 5px 0px;
	font-weight : bold;
	font-size : 2.5em;
	color : #666699;
	border-bottom : 1px solid #C9D1DF;
	font-family : Century Gothic, Arial, Helvetica, sans-serif;
	/*width : 100%;*/
	clear : both;
	border-top : 1px dotted #CCCCCC;
}
#contentbody h3 {
	padding : 5px 0px 5px 0px;
	border-top : 1px dotted #C9D1DF;
}
#contentbody h4 {
	margin : 20px 4px 0px 4px;
	padding : 5px 0px 5px 0px;
	font-weight : bold;
	font-size : 1.8em;
	color : #666699;
	font-family : Century Gothic, Arial, Helvetica, sans-serif;
	/*width : 100%;*/
	clear : both;
	border-top : 1px dotted #C9D1DF;
}
#contentbody h5 {
	margin : 15px 4px 0px 4px;
	padding : 0px 0px 5px 0px;
	font-weight : bold;
	font-size : 1.6em;
	color : #666699;
	font-family : Century Gothic, Arial, Helvetica, sans-serif;
	/*width : 100%;*/
	clear : both;
}
#contentbody h6 {
	margin : 15px 4px 0px 4px;
	padding : 0px 0px 5px 0px;
	font-weight : bold;
	font-size : 1.4em;
	color : #666699;
	font-family : Century Gothic, Arial, Helvetica, sans-serif;
	/*width : 100%;*/
	clear : both;
}
#contentbody hr {
	color : #FFFFFF;
	padding : 0px 0px 10px 0px;
	margin : 10px 4px 10px 4px;
	border : 0px none;
	border-bottom : 1px solid #CCCCCC;
}
#contentbody ul {
	list-style-type : square;
	color : #333333;
}
#contentbody ol {
	list-style-type : decimal;
	color : #333333;
}
#contentbody li {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}
#contentbody dl {
	background-color : #FFFFFF;
	border-top : 1px solid #E8E8F0;
	border-bottom : 1px solid #E8E8F0;
	margin : 15px 4px 0px 4px;
	padding : 10px 0px 0px 0px;
}
#contentbody dt {
	color : #666699;
	font-weight : bold;
	margin : 0px 10px 0px 0px;
	padding : 0px 0px 0px 0px;
}
#contentbody dd {
	font-style : italic;
	margin : 0px 0px 10px 0px;
	padding : 0px 0px 0px 0px;
}
#contentbody table {
	border : 1px solid #E8E8F0;
	padding : 0px 0px 0px 0px;
	margin : 0px 4px 0px 4px;
	empty-cells : show;
	font-size : 1em;
}
#contentbody tr {
	padding : 0.5em;
	margin : 0px 0px 0px 0px;
}
#contentbody th {
	border : 1px none;
	padding : 3px 4px 3px 4px;
	margin : 0px 0px 0px 0px;
	color : #FFFFFF;
	background-color : #666699;
	font-size : 1em;
	font-style : normal;
}
#contentbody td {
	border : 1px solid #E8E8F0;
	padding : 3px 4px 3px 4px;
	margin : 0px 0px 0px 0px;
}

/* ################################# */
/* Search Result Page Styling */
#searchpage {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}
/* Search Results Styling */
#searchpageform {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}
#searchpageform form {
	padding : 4px 4px 4px 4px;
	margin : 0px 0px 0px 0px;
	background-color : #C9D1DF;
	border-top : 2px solid #333366;
}
#searchpageform input {
	
}
#searchpageform .search {
	margin : 0px 0px 0px 0px;
	border : 1px solid #FFFFFF;
}
#searchpageform .formbutton {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	border : 1px solid #FFFFFF;
	background-color : #C9D1DF;
	color : #333366;
	font-size : 1.1em;
	font-weight : bold;
	position : relative;
	left : -5px;
}
/* Search Results Styling */
#searchpageresult {
	padding : 0px 4px 0px 4px;
	margin : 10px 0px 0px 0px;
}
.searchresult {
	padding : 0px 0px 10px 0px;
	margin : 10px 0px 0px 0px;
	border-bottom : 1px dotted #C9D1DF;
}
.searchresult a {
	line-height : 1.5em;
}

/* ################################# */
/* CONTENT TYPES */
#contenttype {
	padding : 0px 4px 0px 4px;
	margin : 0px 0px 0px 0px;
}
#contenttype h3 {
	margin-left : 0px;
}
#contenttype table {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	border : 0px solid;
}
#contenttype tr {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	border : 0px solid;
}
#contenttype td {
	padding : 0px 0px 5px 0px;
	margin : 0px 0px 0px 0px;
	border : 0px solid;
	vertical-align : top;
}
#contenttype .legend {
	padding : 0px 10px 0px 0px;
	margin : 0px 0px 0px 0px;
	font-weight : bold;
	color : #666699;
}
#contenttype .line {
	color : #FFFFFF;
	padding : 0px 0px 10px 0px;
	margin : 2px 0px 2px 0px;
	border : 0px none;
	border-bottom : 1px dotted #E8E8F0;
	width : 100%;
}
#contenttype br {
	line-height : 15px;
}
#contenttype img {
	padding : 0px 0px 0px 10px;
	margin : 0px 0px 0px 0px;
}
/* News Story Content Type */
#contenttype .newsattachmentlist {
	padding : 0px 0px 0px 8px;
	margin : 0px 0px 0px 7px;
}
#contenttype .newsattachmentlist li {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	font-style : italic;
}
/* News Room Styling */
#newsroomlist {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}
#newsroomlist h4 {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 3px 0px;
	background-color : #666699;
	width : 100%;
	font-size : 2em;
}
#newsroomlist h4 span {
	padding : 0px 4px 0px 4px;
	margin : 0px 0px 0px 0px;
}
#newsroomlist h4 a,
#newsroomlist h4 a:link,
#newsroomlist h4 a:visited,
#newsroomlist h4 a:active {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	color : #FFFFFF;
	font-weight : normal;
	text-decoration : none;
	font-size : 0.8em;
}
#newsroomlist h4 a:hover {
	color : #FFFFFF;
	font-weight : normal;
	text-decoration : none;
	font-size : 0.8em;
}
#newsroomlist .date {
	padding : 0px 0px 4px 4px;
	margin : 0px 0px 0px 0px;
	font-style : italic;
	font-size : 0.8em;
}
#newsroomlist .storylink {
	padding : 3px 0px 5px 0px;
	margin : 5px 0px 10px 0px;
	width : 100%;
	text-align : right;
	color : #666699;
	border-bottom : 1px dotted #E8E8F0;
	font-size : 0.9em;
}
#newsroomlist hr {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	visibility : hidden;
	display : none;
}
/* Form Styling */
#contenttypeform {
	padding : 0px 4px 0px 4px;
	margin : 0px 0px 0px 0px;
}
#contenttypeform table {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	width : 100%;
}
#contenttypeform td {
	padding : 3px 3px 3px 3px;
	margin : 0px 0px 0px 0px;
	background-color : #FFFFFF;
	border : 0px none;
	width : 50%;
}
#contenttypeform .onlineform {
	border : 1px solid #E8E8F0;
	font-size : 1em;
	width : 99%;
}
#contenttypeform .formbutton {
	padding : 0px 0px 0px 0px;
	margin : 0px 5px 0px 0px;
	font-size : 1em;
	font-weight : bold;
	background-color : #666699;
	color : #FFFFFF;
	border : 0px none;
	font-size : 1em;
	text-transform : uppercase;
}
/* Photo Album Styling */
#contenttypephotoalbum {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	text-align : center;
}
#contenttypephotoalbum table {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}
#contenttypephotoalbum table td span {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	font-size : 0.8em;
}
/* Calendar */
#calendar {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	text-align : center;
	width : 99%;
}
#calendar form {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	text-align : left;
}
#calendar table {
	width : 100%;
	clear : both;
}
#calendar td {
	 width : 14%;
	 border : 1px solid #E8E8F0;
	 height : 50px;
}
#calendar .voidday {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	background-color : #FFFFFF;
	border : 1px solid #FFFFFF;
}
#calendar .weekendday {
	padding : 3px 3px 3px 3px;
	margin : 0px 0px 0px 0px;
	background-color : #E8E8F0;
	border : 1px solid #E8E8F0;
}
#calendar .today {
	padding : 1px 1px 1px 1px;
	margin : 0px 0px 0px 0px;
	background-color : #FFFFFF;
	border : 3px solid #666699;
}
#calendarbuttons {
	padding : 0px 4px 0px 4px;
	margin : 0px 0px 0px 0px;
	float : left;
	position : relative;
	width  : 100%;
}
#calendarbuttons h4 {
	padding : 0px 4px 0px 0px;
	margin : 0px 0px 0px 2px;
	width : 20em;
	border-top : 0px none;
}
#calendarbuttonslayout {
	padding : 0px 7px 0px 7px;
	margin : 0px 0px 0px 0px;
	float : right;
	position : absolute;
	top : 2px;
	right : 0px;
}
#calendarbuttonslayout .buttontextprev {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	font-size : 1em;
	font-weight : bold;
	background-color : #666699;
	color : #FFFFFF;
	border : 0px none;
	font-size : 1em;
	text-transform : uppercase;
}
#calendarbuttonslayout .buttontextnext {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	font-size : 1em;
	font-weight : bold;
	background-color : #666699;
	color : #FFFFFF;
	border : 0px none;
	font-size : 1em;
	text-transform : uppercase;
}
#calendar_content {
	padding : 0px 0px 0px 0px;
	margin : 10px 0px 0px 0px;
	width : 100%;
	clear : both;
}
#calendar_content .date {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	color : #666699;
	font-size : 0.9em;
	font-weight : normal;
}
#calendar_content p {
	padding : 0px 0px 0px 0px;
	margin : 5px 0px 0px 0px;
	font-size : 0.9em;
}


/* --------------------------------------------------------- */
/* Achievement Badges Layout */
#achievementbadges {
	margin : 0px 0px 0px 0px;
	padding : 30px 20px 30px 20px;
	text-align : center;
	background-color : #FFFFFF;
	border-top: 1px solid #FFFFFF;
	/*
	border-left : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	*/
}
#achievementbadges h3 {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	visibility : hidden;
	display : none;
}
#achievementbadges ul {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
}
#achievementbadges li {
	margin : 0px 0px 0px 0px;
	padding : 0px 20px 0px 0px;
	list-style-type : none;
	display : inline;
}
#achievementbadges a,
#achievementbadges img {
	border : 0px none;
}

/* -------------------------------------------------- */
/* Contact Us bar */
#contactusbox {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	height : 50px;
	position : relative;
}
#contactusbox h3 {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	width : 206px;
	height : 23px;
	position : absolute;
	top : 18px;
	left : 20px;
	background-image : url(../images/bg_contact_title.jpg);
}
#contactusbox ul {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	list-style-type : none;
	height : 60px;
}
#contactusbox li {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	list-style-type : none;
}
#contactusbox li span {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	list-style-type : none;
	line-height : 0px;
	visibility : hidden;
	display : none;
}
#contactusbox .contemail {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	list-style-type : none;
	width : 298px;
	height : 21px;
	background-image : url(../images/bg_contact_email_up.jpg);
	position : absolute;
	top : 18px;
	left : 306px;
}
#contactusbox .contemail a {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	width : 298px;
	height : 21px;
	display : block;
}
#contactusbox .contemail a:hover {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	width : 298px;
	height : 21px;
	display : block;
	background-image : url(../images/bg_contact_email_over.jpg);
}
#contactusbox .contphone {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	list-style-type : none;
	width : 239px;
	height : 27px;
	background-image : url(../images/bg_contact_phone.jpg);
	position : absolute;
	top : 18px;
	right : 20px;
}

/* -------------------------------------------------- */
/* Case Study Styling */
#contenttype .testimonial {
	padding : 0px 0px 0px 0px;
	margin : 0px 5px 5px 5px;
	color : #333366;
	font-style : italic;
}
#contenttype .testimonialcontact {
	padding : 0px 0px 0px 0px;
	margin : 0px 5px 5px 5px;
	color : #333366;
	font-style : italic;
	font-weight : bold;
	font-size : 0.8em;
}
#contenttype .text {
	padding : 0px 0px 0px 0px;
	margin : 20px 0px 5px 0px;
}
/* Image box */
#portfolioimages {
	margin : 20px 0px 0px 0px;
	padding : 0px 10px 20px 10px;
	border-top : 1px dotted #E8E8F0;
	border-bottom : 1px dotted #E8E8F0;
}
#portfolioimages h5 {
	margin : 10px 0px 0px 0px;
	padding : 10px 0px 0px 0px;
}
#portfolioimages ul {
	margin : 10px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
}
#portfolioimages li {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
	display : inline;
	width : auto;
}
#portfolioimages img,
#portfolioimages image {
	margin : 0px 5px 5px 0px;
	padding : 0px 0px 0px 0px;
	width : auto;
	height : auto;
	border : 1px solid #E8E8F0;
}
/* Video box */
#portfoliovideoclip {
	margin : 20px 0px 0px 0px;
	padding : 0px 10px 20px 10px;
	/*border-top : 1px dotted #E8E8F0;*/
	border-bottom : 1px dotted #E8E8F0;
}
.portfoliovideocliphead {
	margin : 10px 0px 0px 0px;
	padding : 10px 0px 0px 0px;
	position : relative;
	left : 5px;
}
#portfoliovideoclip object {
	margin : 20px 0px 10px 0px;
	padding : 0px 0px 0px 0px;
	border : 1px solid #E8E8F0;
	background-color : #FFFFFF;
}
#portfoliovideoclip embed {
	margin : 0px 0px 10px 0px;
	padding : 0px 0px 0px 0px;
	border : 1px solid #E8E8F0;
	background-color : #FFFFFF;
	width : auto;
	height : auto;
}

/* HOME RHS box styling */
#menuboxes {
	margin : 12px 5px 0px 0px;
	padding : 10px 10px 10px 10px;
	float : right;
	width : 16em;
	background-color : #E8E8F0;
	border-top : 1px solid #666699;
	border-bottom : 1px solid #666699;
}
#registrationformlayout,
#schoolnewsbox,
#schoolseventsbox {
	padding : 5px;
	margin : 0px;
	margin-bottom : 10px;
	border-top : 1px solid #666699;
	border-bottom : 1px solid #666699;
	font-size : 0.7em;
	background-color : #FFFDDE;
}
#registrationformlayout p {
	margin : 0px 0px 0px 0px;
	padding : 0px 6px 5px 6px;
	font-size : 1.2em;
	text-align : justify;
}
#menuboxes h3 {
	margin : 5px 5px 5px 5px;
	padding : 0px 0px 5px 0px;
	/*width : 100%;*/
	clear : both;
	font-family : Century Gothic, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 1.8em;
	color : #666699;
	border-bottom : 1px solid #C9D1DF;
}
#menuboxes ul {
	margin : 0px 5px 0px 5px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
	font-size : 1.2em;
}
#menuboxes li {
	/*
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
	*/
	
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
}
#menuboxes li a {
	/*
	margin : 0px 0px 0px 0px;
	padding : 2px 5px 2px 5px;
	background-color : #666699;
	color : #E8E8F0;
	display : block;
	text-decoration : none;
	*/
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 3px 10px;
	text-decoration : none;
	background-image : url(../images/bullet_darkBlue.gif);
	background-repeat : no-repeat;
	background-position : left 5px;
	display : block;
}
#menuboxes li a:hover {
	/*
	background-color : #E8E8F0;
	color : #666699;
	*/
	background-image : url(../images/bullet_lightBlue.gif);
}
#menuboxes .date {
	margin : 0px 0px 0px 0px;
	padding : 2px 5px 2px 5px;
	font-size : 0.7em;
	font-style : italic;
	
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	visibility : hidden;
	display : none;
}
#menuboxes .desc {
	margin : 0px 0px 0px 0px;
	padding : 0px 5px 10px 5px;
	
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	line-height : 0px;
	visibility : hidden;
	display : none;
}
#schoolnewsboxlink a,
#schooleventsboxlink a {
	/*
	margin : 0px 0px 0px 0px;
	padding : 2px 5px 2px 5px;
	background-color : #666699;
	color : #E8E8F0;
	display : block;
	text-decoration : none;
	*/
	
	margin : 0px 0px 0px 0px;
	padding : 4px 5px 2px 5px;
	display : block;
	text-decoration : none;
	font-size : 1.1em;
}
#schoolnewsboxlink a:hover,
#schooleventsboxlink a:hover {
	/*
	background-color : #E8E8F0;
	color : #666699;
	*/
	text-decoration : underline;
}

/* ----------------------------------------------------- */
/* Useful Links box */
#usefullinksmenu {
	margin : 20px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	background-color : #E8E8F0;
	border-top : 1px solid #666699;
	border-bottom : 1px solid #666699;
}
#usefullinksmenu h3 {
	margin : 0px 0px 0px 0px;
	padding : 5px 0px 0px 5px;
	font-size : 1.4em;
	border-bottom : 0px none;
}
#usefullinksmenu ul {
	margin : 0px 0px 0px 20px;
	padding : 5px 0px 10px 0px;
}
#usefullinksmenu li {
	padding : 0px 20px 5px 0px;
	font-style : italic;
}
#usefullinksmenu a {
	font-style : normal;
}