/* CHRISO STYLE
--------------------------------------------------------- */
/*Template based on the original Veroy template.  The sheet is intended to diverge permanently from Veroy */


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Start of original css - much of this will not be reflected in the index.php as it was designed, therefore the main impact will be formatting of content*/


/* Start Default Joomla! Menu */
#ja-container2 ul.menu {
	margin: 0;
	padding: 1px 0 0;
	list-style: none;
	background: url(../images/hdot2.gif) repeat-x top;
}

#ja-container2 ul.menu li {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

#ja-container2 ul.menu li a {
	padding: 2px 0;
	display: block;
	color: #333333;
	background: url(../images/hdot2.gif) repeat-x bottom;
	text-decoration: none;
	outline: none;
}

#ja-container2 ul.menu li a span {
	padding-left: 16px;
	background: url(../images/bullet.gif) no-repeat 5px 5px;
}

#ja-container2 ul.menu li a:hover,
#ja-container2 ul.menu li a:active,
#ja-container2 ul.menu li a:focus {
	color: #333333;
	background: url(../images/hdot2.gif) repeat-x bottom #DDDDDD;
	text-decoration: none;
}

#ja-container2 ul.menu li.active a {
	background: url(../images/hdot2.gif) repeat-x bottom #FFFFFF;
	color: #7BA566;
	font-weight: bold;
	text-decoration: none;
}

#ja-container2 ul.menu li.active a span {
	background: url(../images/bullet3.gif) no-repeat 5px 5px;
}

#ja-container2 ul.menu li li a span {
	background: none;
}

#ja-container2 ul.menu li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#ja-container2 ul.menu li li {
	padding: 0 0 0 15px !important;
	list-style: none;
}

#ja-container2 ul.menu li li a {
	color: #333333;
	background: none !important;
	font-size: 92%;
	font-weight: normal;
}

#ja-container2 ul.menu li li a:hover,
#ja-container2 ul.menu li li a:active,
#ja-container2 ul.menu li li a:focus {
	color: #006699;
}

#ja-container2 ul.menu li li a span {
	background: url(../images/bullet.gif) no-repeat 5px;
	font-weight: normal;
}
/* End Default Joomla! Menu */	


body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}

body.fs1 {
	font-size: 10px;
}

body.fs2{
	font-size: 11px;
}

body.fs3{
	font-size: 12px;
}

body.fs4{
	font-size: 13px;
}

body.fs5{
	font-size: 14px;
}

body.fs6{
	font-size: 15px;
}

/* Normal link */
a {
	color: #006699;
	text-decoration: none;
	letter-spacing: 100%;
	font-weight: 300;
}

a:hover, a:active, a:focus {
	color: #333333;
	text-decoration: underline;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
	color: #666666;
	font-size: 92%;
}

/* Heading */
h1 {
	font-size: 180%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 125%;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 30px;
/*	background: url(../images/bullet.gif) no-repeat 18px 8px;  */
	line-height: 180%;
}

ol li {
	margin-left: 35px;
	line-height: 180%;
}

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
	background: url(../images/hdot2.gif) repeat-x top;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

td, div {
	font-size: 100%;
}

img {
	border: none;
}
/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	padding: 3px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.button {
	padding: 3px 5px;
	border: 1px solid #333333;
	background: url(../images/grad1.gif) repeat-x top #333333;
	color: #CCCCCC;
	font-size: 85%;
	text-transform: uppercase;
}

.button:hover, .button:focus {
	border: 1px solid #999999;
	background: #333333;
	color: #FFFFFF;
}

* html .button {
	padding: 2px 0 !important; /*IE 6*/
}

*+html .button {
	padding: 2px 0 !important; /*IE 7*/
}

.inputbox {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
	background: #FFFFCC;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #999999;
	background: #FFFFFF;
	font: 1em/1.5 "Courier News", monospace;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	padding: 0 0 0 20px;
	background: url(../images/so-q.gif) no-repeat left top;
}

blockquote span.close {
	padding: 0 20px 0 0;
	background: url(../images/sc-q.gif) no-repeat bottom right;
}

/* Quote hilight */
.quote-hilite {
	padding: 10px 15px;
	margin: 0;
	border: 1px solid #CACACC;
	background: #FFFFFF;
}

/* Small quote */
.small-quote {
	margin: 0;
	padding: 0;
	background: none;
}

.small-quote span.open-quote {
	margin: 0;
	padding-left: 20px;
	background: url(../images/so-q.gif) no-repeat center left;
}

.small-quote span.close-quote {
	margin: 0;
	padding-right: 20px;
	background: url(../images/sc-q.gif) no-repeat center right;
}

.small-quote span.author {
	padding: 2px 5px 2px 20px;
	border-top: 1px solid #DCDDE0;
	margin: 0.5em 0 0;
	display: block;
	background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;
	font-size: 90%;
	text-transform: uppercase;
}

/* Rropcap */
.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #999999;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
p.error {
	padding-left: 25px;
	color: #BF0000;
	background: url(../images/icon-error.gif) no-repeat top left;
}

p.message {
	padding-left: 25px;
	color: #006699;
	background: url(../images/icon-info.gif) no-repeat top left;
}

p.tips {
	padding-left: 25px;
	color: #EE9600;
	background: url(../images/icon-tips.gif) no-repeat top left;
}

.highlight {
	padding: 1px 5px;
	background: #FFFFCC;
	font-weight: bold;
}

/* Note Style */
p.stickynote {
	padding: 10px 0px 10px 40px;
	border: 1px solid #CACACC;
	background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
}

p.download {
	padding: 10px 0px 10px 40px;
	border: 1px solid #CACACC;
	background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}

/* Small checklist */
ul.small-checklist {
	list-style: none;
}

ul.small-checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/icon_list.gif) no-repeat 0 3px;
}

/* Check list */
ul.stars {
	list-style: none;
}

ul.stars li {
	margin-left: 15px;
	padding: 0px 0 5px 20px;
	background: url(../images/star-bg.gif) no-repeat 0 3px;
}

/* Bignumber */
.bignumber {
	float: left;
	margin-right: 8px;
	padding: 6px 7px;
	display: block;
	background: url(../images/ol-bg.gif) no-repeat top left;
	color: #7BA566;
	font: bold 20px/normal Arial, sans-serif;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
	padding-left: 15px;
	margin-left: 15px;
	background: url(../images/author.gif) no-repeat center left;
	font-weight: bold;
}

div.bubble1 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub1-br.gif) no-repeat bottom right;
}

div.bubble1 div div {
	background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}

div.bubble2 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub2-br.gif) no-repeat bottom right;
}

div.bubble2 div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 15px 15px 35px 15px;
	width: auto;
}

div.bubble3 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub3-br.gif) no-repeat bottom right;
}

div.bubble3 div div {
	background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 15px 15px 50px 15px;
	width: auto;
}

div.bubble4 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub4-br.gif) no-repeat bottom right;
}

div.bubble4 div div {
	background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 15px 15px 55px 15px;
	width: auto;
}

/* Legend */
.legend-title {
	margin: 0;
	padding: 0 3px;
	float: left;
	display: block;
	background: #F6F6F6;
	font-weight: bold;
	position: absolute;
	top: -10px;
	left: 7px;
}

.legend {
	margin: 20px 0;
	padding: 0 10px;
	border: 1px solid #CACACC;
	background: #FFFFFF;
	position: relative;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_separator {
	clear: both;
	display: block;
	height: 10px;
}

.article_column {
}

.column_separator {
	padding: 0 25px;
}

/* content tables */
td.sectiontableheader {
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
	float: right;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	padding: 1px 5px 1px 25px;
	background: url(../images/bullet-list.gif) no-repeat 5% 50%;
}

table.contenttoc th {
	padding: 0 0 3PX;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 5px;
}

table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	padding: 4px!important;
	border-collapse: collapse;
	border-spacing: 0;
}

table.pollstableborder tr.sectiontableentry1 td {
	background: #ECECEC;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

table.adminform {
}

.adminform .inputbox {
}

.blog_more {
	padding: 10px 0;
	background: url(../images/hdot.gif) repeat-x top;
}

.blog_more strong {
	margin: 0 0 5px;
	display: block;
	font-size: 125%;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	margin: 0;
	padding: 0 0 0 17px;
	background: url(../images/bullet.gif) no-repeat 6px 8px;
}

.category {
	font-weight: bold;
}

h1.componentheading, .componentheading {
	padding: 5px 0 10px;
	margin: 0 0 10px;
	background: url(../images/hdot.gif) repeat-x bottom;
}

.componentheading {
	font-size: 200%;
	font-weight: bold;
}

.contentdescription {
	padding-bottom: 30px;
}

h2.contentheading, .contentheading {
	padding: 5px 0 8px;
	margin: 0;
	font-weight: normal;
}

table.blog .contentheading {
	font-size: 150%;
}

.contentheading {
	font-size: 130%;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none !important;
}

a.readon {
	float: left;
	margin-top: 10px;
	padding: 1px 5px 1px 14px;
	border: 1px solid #F6F6F6;
	display: block;
	background: url(../images/arrow.png) no-repeat 5px 48%;
	color: #006699;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus {
	border: 1px solid #ECECEC;
	background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.moduletable {
	padding: 0;
}

ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
	background: url(../images/hdot.gif) repeat-x top;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

ul.pagination li span{
	padding: 2px 5px;
}

ul.pagination a {
	padding: 2px 5px;
	border: 1px solid #F6F6F6;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	border: 1px solid #ECECEC;
	background: #FFFFFF;
}

.pagenavbar {
	padding-left: 14px;
	font-weight: 900;
	background: #FF8811;
	border: 2px solid #FF3308;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
}

.sectiontableheader {
	padding: 8px 5px;
	background: #444444;
	color: #FFFFFF;
}

.sectiontableheader a {
	color: #FFFFFF;
}

tr.sectiontableentry1 td {
	padding: 8px 5px;
	background: url(../images/hdot2.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
	padding: 8px 5px;
	background: url(../images/hdot2.gif) repeat-x bottom #ECECEC;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* META
--------------------------------------------------------- */
.article-tools {
	border-top: 1px solid #DDDDDD;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 15px;
	display: block;
	background: #ECECEC;
}

.article-meta {
	padding: 5px;
	width: 80%;
	float: left;
}

.createby {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-user.gif) no-repeat 0 2px;
}

.createdate {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-date.gif) no-repeat 0 2px;
}

.modifydate {
	width: 100%;
	float: left;
}

div.buttonheading {
	float: right;
	width: 15%;
}

.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
	width: 100%;
	margin: 0;
	background: #F2F2F2;
}

#ja-containerwrap {
	background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}

#ja-containerwrap2 {
	background: url(../images/cw-bg2.gif) no-repeat 50% 0;
}

#ja-container {
	background: url(../images/c-bg1.gif) repeat-y 18% 0;
}

#ja-container2 {
	padding: 20px 0;
	background: url(../images/c-bg2.gif) no-repeat 18% 0;
}

#ja-mainbody-fr #ja-col1 {
	width: 20%;
}

#ja-mainbody-fr #ja-contentwrap {
	width: 80%;
}

#ja-mainbody, #ja-mainbody-fl {
	float: left;
	width: 80%;
}

#ja-mainbody #ja-contentwrap {
	float: right;
	width: 75%;
}

#ja-mainbody-fl #ja-contentwrap {
	float: left;
	width: 100%;
}

#ja-mainbody-f, #ja-mainbody-fr {
	float: none;
	width: 100%;
}

#ja-mainbody-fr #ja-contentwrap {
	width: 74.8%;
	float: right;
}

#ja-mainbody-fr #ja-col1 {
	width: 20%;
	float: left;
}

#ja-mainbody-fr #ja-contentwrap {
	width: 80%;
}

#ja-content {
	padding: 0 20px 0 40px;
}
#ja-contentwrap {
	min-height: 300px;
	height: auto;
}
* html #ja-contentwrap {
	height: 300px;
}
#ja-mainbody-fl #ja-content {
	padding-left: 0;
}

#ja-mainbody-f #ja-content {
	padding: 0;
}

/* Full */
#ja-containerwrap-f {
	background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
}

#ja-containerwrap-f #ja-containerwrap2 {
	background: none;
}

#ja-containerwrap-f #ja-container,
#ja-containerwrap-f #ja-container2 {
	background: none;
}

/* Full left */
#ja-containerwrap-fl {
	background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
}

#ja-containerwrap-fl #ja-containerwrap2,
#ja-containerwrap-fl #ja-container,
#ja-containerwrap-fl #ja-container2 {
	background: none;
}

/* Full right */
#ja-containerwrap-fr {
	background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}

#ja-containerwrap-fr #ja-containerwrap2 {
	background: url(../images/cw-bg2.gif) no-repeat 50% 0;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	background: #333333;
	color: #CCCCCC;
	line-height: normal;
	height: 80px;
}

#ja-header {
	position: relative;
	height: 80px;
}

.ja-headermask {
	width: 602px;
	display: block;
	background: url(../images/header-mask.png) no-repeat top right;
	height: 80px;
	position: absolute;
	top: 0;
	right: -1px;
}

#ja-header a {
	color: #CCCCCC;
}

h1.logo, h1.logo-text {
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 130%;
	text-transform: uppercase;
}

h1.logo a {
	width: 208px;
	display: block;
	background: url(../images/logo.png) no-repeat;
	height: 80px;
	position: relative;
	z-index: 100;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
}

h1.logo-text a {
	color: #CCCCCC !important;
	text-decoration: none;
	outline: none;
	position: absolute;
	bottom: 40px;
	left: 5px;
}

p.site-slogan {
	margin: 0;
	padding: 0;
	padding: 2px 5px;
	color: #FFFFFF;
	background: #444444;
	font-size: 92%;
	position: absolute;
	bottom: 20px;
	left: 0;
}

/* Search */
#ja-search {
	padding-left: 20px;
	background: url(../images/icon-search.gif) no-repeat center left;
	position: absolute;
	bottom: 15px;
	right: 0;
}

#ja-search .inputbox {
	width: 120px;
	border: 1px solid #333333;
	padding: 3px 5px;
	color: #999999;
	background: #444444;
	font-size: 92%;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */

#ja-pathway {
	font-size: 92%;
}

#ja-pathway strong {
	margin-right: 5px;
	font-weight: normal;
}

#ja-pathway a {
	text-decoration: none;
}

#ja-pathway img {
	margin: 1px 5px;
}

/* MODULE
--------------------------------------------------------- */
div.moduletable,
div.moduletable_menu,
div.moduletable_text {
	padding: 0 0 20px;
	margin-bottom: 15px;
	background: url(../images/hdot.gif) repeat-x bottom;
}

div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3 {
	padding: 0 0 8px;
	margin: 0;
	color: #7BA566;
	font-size: 125%;
	font-weight: bold;
	text-transform: uppercase;
}

/* Module rounded */
div.module h3 {
	margin: 0 -15px 10px;
	padding: 8px 15px 5px;
	border-bottom: 2px solid #F6F6F6;
	color: #7BA566;
	font-size: 125%;
	font-weight: bold;
	text-transform: uppercase;
}

div.module_black,
div.module_green,
div.module_blue,
div.module_red,
div.module {
	margin-bottom: 20px;
	float: left;
	clear: both;
	width: 100%;
	background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF;
}

div.module div {
	background: url(../images/b-bl.gif) no-repeat bottom left;
}

div.module div div {
	background: url(../images/b-tr.gif) no-repeat top right;
}

div.module div div div {
	padding: 0 15px 10px;
	background: url(../images/b-tl.gif) no-repeat top left;
}

div.module_black div div div div,
div.module_green div div div div,
div.module_blue div div div div,
div.module_red div div div div,
div.module_text div div div div,
div.module div div div div {
	margin: 0;
	padding: 0;
	float: none;
	width: 99%;
	background: none;
}

div.module_text h3 {
	margin: 0 0 10px;
	width: 100%;
	clear: both;
	display: block;
	overflow: hidden;
}

div.module_text span {
	padding: 0 3px 0 0;
	float: left;
	clear: both;
	display: block;
	background: #F6F6F6;
	font-weight: bold;
}

div.module_text {
	margin-bottom: 20px;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background: url(../images/bt-br.gif) no-repeat bottom right #F6F6F6;
}

div.module_text div {
	background: url(../images/bt-bl.gif) no-repeat bottom left;
}

div.module_text div div {
	background: url(../images/bt-tr.gif) no-repeat top right;
}

div.module_text div div div {
	padding: 0 15px 10px;
	display: block;
	background: url(../images/bt-tl.gif) no-repeat top left;
}

div.banneritem_text {
	padding: 5px 0 !important;
}

/* red */
div.module_black h3,
div.module_green h3,
div.module_blue h3,
div.module_red h3 {
	margin: 0 -15px 10px;
	padding: 8px 15px 5px;
	border-bottom: 1px solid #F6F6F6;
	color: #FFFFFF;
	font-size: 125%;
	font-weight: bold;
	text-transform: uppercase;
}

div.module_red {
	background: url(../images/br-br.gif) no-repeat bottom right #BF0000;
	color: #FFFFFF;
}

div.module_red div {
	background: url(../images/br-bl.gif) no-repeat bottom left;
}

div.module_red div div {
	background: url(../images/br-tr.gif) no-repeat top right;
}

div.module_red div div div {
	padding: 0 15px 10px;
	background: url(../images/br-tl.gif) no-repeat top left;
}

/* blue */
div.module_blue {
	background: url(../images/bb-br.gif) no-repeat bottom right #006699;
	color: #FFFFFF;
}

div.module_blue div {
	background: url(../images/bb-bl.gif) no-repeat bottom left;
}

div.module_blue div div {
	background: url(../images/bb-tr.gif) no-repeat top right;
}

div.module_blue div div div {
	padding: 0 15px 10px;
	background: url(../images/bb-tl.gif) no-repeat top left;
}

/* green */
div.module_green {
	background: url(../images/bg-br.gif) no-repeat bottom right #7BA566;
	color: #FFFFFF;
}

div.module_green div {
	background: url(../images/bg-bl.gif) no-repeat bottom left;
}

div.module_green div div {
	background: url(../images/bg-tr.gif) no-repeat top right;
}

div.module_green div div div {
	padding: 0 15px 10px;
	background: url(../images/bg-tl.gif) no-repeat top left;
}

/* black */
div.module_black {
	background: url(../images/bl-br.gif) no-repeat bottom right #333333;
	color: #FFFFFF;
}

div.module_black div {
	background: url(../images/bl-bl.gif) no-repeat bottom left;
}

div.module_black div div {
	background: url(../images/bl-tr.gif) no-repeat top right;
}

div.module_black div div div {
	padding: 0 15px 10px;
	background: url(../images/bl-tl.gif) no-repeat top left;
}

div.module_blue ul,
div.module_blue ol,
div.module_red ul,
div.module_red ol,
div.module_black ul,
div.module_black ol,
div.module_green ul,
div.module_green ol {
	margin: 0;
	padding: 0;
}

div.module_blue li,
div.module_red li,
div.module_black li,
div.module_green li {
	margin-left: 20px;
	padding: 0;
	line-height: 150%;
}

div.module_blue a,
div.module_red a,
div.module_black a,
div.module_green a {
	color: #FFFFFF;
}

div.advs {
	float: left;
	width: 100%;
	clear: both;
	display: block;
}

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
	float: left;
	width: 24.99%;
	padding-top: 10px;
	overflow: hidden;
}

#ja-col2 {
	float: right;
	width: 20%;
	overflow: hidden;
}

#ja-col1 table,
#ja-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-col1 ul li,
#ja-col2 ul li {
	padding-left: 15px;
	margin: 0;
	background: url(../images/bullet.gif) no-repeat 5px 50%;
}

#ja-col1 ul, #ja-col2 ul {
	margin: 0;
}

#ja-col1 ol, #ja-col2 ol {
	margin-left: 5px;
}

#ja-col1 .article_separator,
#ja-col2 .article_separator {
	display: none;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
}

.ja-box-left div.moduletable,
.ja-box-full div.moduletable {
	padding-right: 30px;
	background: none;
}

.ja-box-right div.moduletable {
	padding-left: 30px;
	background: url(../images/vdot2.gif) repeat-y left;
}

.ja-box-center div.moduletable {
	padding: 0 30px;
	background: url(../images/vdot2.gif) repeat-y left;
}

#ja-botsl h3 {
	background: none;
}

#ja-botslwrap {
	border-top: 5px solid #CCCCCC;
	background: #444444;
	color: #CCCCCC;
}

#ja-botsl {
	padding: 15px 0;
}

#ja-botsl div.moduletable {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

#ja-botsl h3 {
	margin: 0 0 12px;
	padding: 0;
	color: #FFFFFF;
}

#ja-botsl a {
	color: #CCCCCC;
}

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
	color: #FFFFFF;
}

#ja-botsl ul, #ja-botsl p, #ja-botsl ol {
	padding: 0;
	margin: 0 !important;
}

#ja-botsl ul li {
	padding: 0 0 0 15px;
	margin: 0;
	background: url(../images/bullet2.gif) no-repeat 3px 8px;
}

#ja-botsl ol li {
	margin-left: 25px;
	padding: 0 !important;
}

#ja-botsl td {
	padding: 0;
}

#ja-botsl .article_separator {
	display: none;
}

#ja-botsl table {
	border-spacing: 0;
	border-collapse: collapse;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
	border-top: 5px solid #CCCCCC;
	padding: 20px 0 30px;
	clear: both;
	background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
}

#ja-footer {
	padding: 0;
	color: #666666;
	background: url(../images/vdot.gif) repeat-y 22% 0;
	position: relative;
}

#ja-footer .copyright {
	clear: both;
	display: block;
	padding-left: 25%;
	color: #666666;
	font-style: normal;
	font-size: 92%;
}

#ja-footnav {
	padding-left: 25%;
}

#ja-footer ul {
	margin: 0 0 5px;
	padding: 0;
}

#ja-footer li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

#ja-footer li a {
	padding: 0 15px 0 0;
	display: inline;
	color: #666666;
	font-weight: bold;
	font-size: 92%;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
}

#ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {
	color: #333333;
	text-decoration: none;
}

.ja-cert {
	font-size: 92%;
	position: absolute;
	right: 0;
	top: 18px;
}

.ja-cert a {
	margin: 0 0 0 5px;
	padding: 0;
	border: none;
	border: none;
	text-decoration: none;
}

.ja-cert a span {
	display: none;
}

.ja-cert a img {
	border: none;
}

.banneritem {
	display: block;
	margin-top: 15px;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

/*usertool*/
ul.ja-usertools-font {
	font-size: 11px;
	position: absolute;
	top: 8px;
	right: 70px;
}

ul.ja-usertools-font li {
	padding: 0;
	margin: 0;
	display: inline;
	background: none;
}

/*collapsible h3*/
h3.show {
	background: url(../images/arrow2.png) no-repeat 90% 60%;
	cursor: pointer;
}

h3.hide {
	background: url(../images/arrow3.png) no-repeat 90% 60%;
	cursor: pointer;
}

/*others*/
#ja-banner {
	margin: 15px 0;
	text-align: center;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	background: none!important;
	text-decoration: none!important;
}

#form-login p {
	margin: 0 0 5px;
}

#form-login ul {
	margin: 10px 0 0;
}

#form-login .inputbox {
	width: 90%;
}

.clr {
	clear: both;
}

.hasTip img {
	margin: 10px 5px 0 0;
	border: none;
}

/* Tooltips */
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}

.tool-text {
	margin: 0;
	font-size: 100%;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	padding: 0;
	margin: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	padding: 5px;
	margin: 0;
	color: #FFFFFF;
}

/* System Standard Messages */
#system-message dd.message ul {
	background: #006699;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul {
	background: #BF0000;
	border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
	background: #EE9600;
	border: none;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}




/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Start of new css  */





body {
	color: #000000;
	font-family: "Segoe UI",Helvetica, Arial, sans-serif;
	font-size: 0.80em;
	min-width: 1090px;
	margin: 15px 25px 0 25px;
	background: #eeeeee;
	background-attachment: fixed;
}

#bgcontainer {
	margin: 0 auto;
	padding: 3px 0 0 0;
	width: 1060px;
}

#contentfloat {
	float: left;
	width: 1060px;
	margin: 0 auto;	
	padding: 0 0 0 0;
}

#navcontain {
 width: 1060px;
 margin: 0 auto;
 padding: 0;
 }


#navbar {
 width: 100%;
 margin: 0 auto;
 padding: 0;
 height: auto;
 }

 #navbar ul {
	float:left;
	background-color: transparent;
	color: #333;
	margin: 0;
	text-align: center;
 }
 
 #navbar li  {
	float:left;
	color: #666;
	margin: 0 auto;
	padding: 0;
	font-weight: 600;
	font-size: 0.93em;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
 }
 

#navbar ul a {
	display: block;
	float: left;
	padding: 3px 26px;
	margin: 0;
	background: #333 url(../images/gray-light-64.png) repeat-x bottom left;
 }
 

#navbar ul a:link {
	text-decoration: none;
	color: #333;
 }
 
 #navbar ul a:visited {
	text-decoration: none;
	color: #333;
 }
 
 #navbar ul a:hover {
	text-decoration: none;
	color: #fff;
	background: #333 url(../images/gray-64.png) repeat-x bottom left;
 }
 
 #pathway {
	width: 90%;
	margin: 10px 0 8px 10px;
	padding: 20px 0 5px 20px;
	text-align:left;
	font-size: 0.8em;
	display: none;
}
 
#headtext {
 float: left;
 margin: 0;
 padding: 1em 1.5em;
 font-size: 3em;
 color: #ffffff; 
 }

#headbanner { 
 width: 100%;
 padding: 5px 10px 20px 0;
 background-color: transparent;
 float: left;
}

#headcontainer { 
 float: left;
 margin: 0 auto;
 padding: 0 0 0 0;
 max-width: 1048px;
}

#headleft { 
 float: left;
 width: 336px;
 margin: -15px 0 0 0;
 padding: 0 20px 0 0;
}

#headmid { 
 float: left;
 width: 336px;
 margin: -15px 0 0 0;
 padding: 0 20px 0 0;
}

#headright { 
 float: right;
 width: 336px;
 margin: -15px 0 0 0;
 padding: 0;
}
 
#mainhead {
 margin: 0 auto;
 padding: 0 0 4px 0;
 background: #eeeeee;
 height: 75px;
 width: 1060px;
 float:left;
 }
 
#leftlogo {
 text-align: center;
 margin: 0;
 padding: 0;
 background: #eeeeee;
 height: 60px;
 float:left;
 width:60px;
 }


#topsearch {
 text-align: center;
 margin: 0;
 padding: 0;
 background: #eeeeee;
 height: 58px;
 width:400px;
 float:left;
 }
 
 /*-------------------- rightlogo requires a negative top margin to accommodate the banner module's chrome ----------------*/
 
#rightlogo {
 text-align: center;
 margin: -17px 0 0;
 padding: 0;
 background: #eeeeee;
 height: 70px;
 width:500px;
 float:right;
 }
 
#mainstrap {
 clear: both;
 text-align: center;
 background: #2222ff;
 }

 
 /* use of the wrapper and mainpage divs should be limited since they may conflict with template settings */
  
#wrapper {
 max-width: 1270px;
 min-width: 980px;
 margin: 5px;
 min-height: 1000px;
 }
  
 
#mainpage {
 overflow: auto;
 margin-top: 10px;
 margin-left: 10px;
 padding-bottom: 10px;
 min-width: 840px;
 }
 
#mainpage div {
 padding: 10px;
 float: left;
 text-align: center;
 color: #000000;
  }
 
 

#leftmodules {
	float: left;
	max-width: 20%;
	padding: 12px 15px 12px 15px;
}


#centerpane {
	float: left;
	max-width: 1016px;
	padding: 0;
}


#rightmodules {
	float: right;
	width: auto;
	padding: 12px 15px 12px 15px;
}

#footlightleft {
	float: left;
	width: 45%;
	padding: 0 15px 12px 15px;
	margin-top: -20px;
}


/*---------------------------------------------------------------------*/
/* Contains a z-index setting to place it infront of the hover menu */

#footlightright {
	float: right;
	width: 45%;
	padding: 0 15px 12px 15px;
	margin-top: -20px;
	z-index: 7;
}



/*______________________________________________________________*/
/* this needs to be converted to a class for repeated use */


#clearer {
	clear: both;
}


.clearer {
	clear: both;
}

#baseorganizer {
	margin: 0 auto;
	text-align: center;
}

#basal {
	width:100%;
	text-align: center;
	margin: 0 auto;
}

h1 {
 font-size: 1.35em;
 text-transform: uppercase;
 font-family: "Segoe UI","Lucida Grande", "Trebuchet MS", Tahoma, Helvetica, Arial;
  }

h2 {
 font-size: 1.25em;
 text-transform: capitalize;
 font-family: "Segoe UI", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Helvetica, Arial;
 letter-spacing: 110%;
 text-decoration: none;
 }


h3 {
 font-size: 1.25em;
 font-family: "Segoe UI","Lucida Grande", Helvetica, Arial, sans-serif;
  text-transform: capitalize;
  }

h4 {
 font-size: 1.15em;
 font-family: "Segoe UI","Lucida Unicode Sans", "Palatino Linotype", Helvetica, Arial, sans-serif;
 text-transform: capitalize;
 color: #333;
  }

h5 {
 font-size: 1.13em;
 font-family: "Segoe UI",Verdana, Arial, sans-serif;
 text-transform: capitalize; 
  }

h6 {
 font-size: 1.1em;
 font-family: "Segoe UI",Verdana, "MS Trebuchet", Helvetica, sans-serif;
 text-transform: capitalize;
  }

ul li {
  font-size: 90%;
  }

.note {
 font-size: 75%;
 color: #888888;
 }

#requirements {
 font-size: 75%;
 color: #999999;
 }


 /* use of the leftcol midcol and rightcol divs may conflict with template settings */
 
#leftcol {
	width: 20%;
	font-size: smaller;
	background: #e6e6fa url(../images/colgradblue001.jpg) repeat-x top left;
	max-width: 160px;
	min-width: 150px;
}

#midcol {
	width: 49%;
	background: #ffffff url(../images/colgradgray002.jpg) repeat-x top left;
	max-width: 480px;
	min-width: 280px;
}

#rightcol {
	font-size: smaller;
	width: 20%;
	background: #e6e6fa url(../images/colgradblue001.jpg) repeat-x top left;
	max-width: 200px;
	min-width: 180px;
}
 
 
 
#eyecatcher {
	font-size: small;
	font-style: italic;
	font-weight: bold;
	}
	
#eyecatcher  p{
	font-size: 110%;
	color: #3646ff;
	line-height: 130%;
	}

.darkblue {
 color: #2636ff;
 }

.medblue {
 color: #4656ff;
 }

.lightblue {
 color: #6676ff;
 }

#keypoints {
	font-size: medium;
	color: #4686ff;
	}

#keypoints ul {
	padding: 0 0 0 80px;
	text-align: left;
	font-size: 85%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#keypoints li {
background-image: url('../images/tick.jpg');
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 75px;
padding-top: 25px;
padding-bottom: 25px;
}

#genfill {
	text-align: justify;
	font-size: 90%;
	width: 95%;
	padding: 2px 3px 0 5px;
	}



/*---------------------------------------------------------*/
/* Debugging Devices */

/*
body div {
	border: 1px solid red;
	}
	
body  table {
	border: 1px dotted blue;
	}
*/



/*CUSTOM STYLES
--------------------------------------------------------- */




/*TEXT ARTICLES STYLE
--------------------------------------------------------- */

/*The text article style borrows from the video style and replaces video content with text as for instance with the flashtext class.  This style should be properly class-ified  */



.flashtext            {
                font-family:"Segoe UI",Helvetica, Arial, sans-serif;
                font-size: 1.15em;
                color: #ccddee;
                text-align: justify;
                background-color: #1a1a1a;	
                padding: 3em 4em;
                border-width: 2px;
                border-style: solid;
                border-color: black;
                margin: 50px auto 0;
                clear: both;
                line-height: 140%;
}





/*TRICKS AND TIPS MENU
--------------------------------------------------------- */

/*The text intro div is not centering inspite of autoing margins across the board */
/*From June 2010 the following id divs will be parallelled by twinned class-ified divs*/

            #flashcontainer
            {
                background-color: #eeeeee;
                font: .8em/1.3em verdana,arial,helvetica,sans-serif;
                text-align: center;
                margin: 0 auto;
                min-width: 800px;
				max-width: 1000px
                /* for IE 
                filter:alpha(opacity=85);*/
                /* CSS3 standard 
                opacity:0.85;*/
            }
            #media
            {
                float:left;
				margin: 0 auto;
            }
            #noUpdate
            {
                margin: 0 auto;
                font-family:"Segoe UI", Helvetica, Arial, sans-serif;
                font-size: x-small;
                color: #cccccc;
                text-align: left;
                width: 210px; 
                height: 200px;	
                padding: 40px;
            }
			
            #textintro
            {
                float: left;
				width: 640px; 
                margin: 1.5em 0;
                font-family:"Segoe UI",Helvetica, Arial, sans-serif;
                font-size: small;
                color: #445566;
                text-align: justify;
                line-height: 150%;
                background-color: #eeeeee;	
                padding: 0;
                border-width: 0px;
                border-style: solid;
                border-color: black;
                /* for IE 
                filter:alpha(opacity=90);
                CSS3 standard 
                opacity:0.90;*/
}

            #textintro a:link
            {
                color: #003399;
}

            #textintro a:visited
            {
                color: #2233aa;
}

            #textintro a:hover
            {
                color: #0022aa;
}
            #textintro a:active
            {
                color: #666666;
}




            #flashcontainer * h4, * h5, * h6
            {
                color: #666666	;
}

            #flashcontainer * h5, * h6
            {
                font-size: 0.95em;
}



			
            #contentadblock 
            {
                float:  right;	
                width: 360px; 
                margin: 10px 10px;
                padding: 10px 5px 10px 5px;
                font-family:"Segoe UI",Helvetica, Arial, sans-serif;
                font-size: xx-small;
                color: #ccddee;
                text-align: center;
                border-width: 0px;
                border-style: solid;
                border-color: black;
                /* for IE */
                filter:alpha(opacity=95);
                /* CSS3 standard */
                opacity:0.95;
}

            #textsnippets
            {
                margin: 4em auto;
                font-family:"Segoe UI",Helvetica, Arial, sans-serif;
                font-size: small;
                color: #1111b8;
                text-align: justify;
                width: 500px; 
                background-color: #ddeeff;	
                padding: 3em 4em;
                border: 1px solid black;
}
			







/*The text intro div is not centering inspite of autoing margins across the board */
/*From June 2010 the following classified divs will be parallel twinned id divs*/
/*From Dec 2011 the following classified divs diverge twinned id divs to allow new site design old id divs should be eliminated in due course*/

			/* For use in uniform width design with a max-width to prevent two floated elements of 640px each appearing side by side */

            .flashcontainer
            {
                background-color: #eeeeee;
                font: .8em/1.3em verdana,arial,helvetica,sans-serif;
                text-align: center;
                margin: 0 auto;
                min-width: 800px;
				max-width: 1000px;
                /* for IE 
                filter:alpha(opacity=85);*/
                /* CSS3 standard 
                opacity:0.85;*/
            }
            .media
            {
                float:left;
				margin: 0 auto;
            }

			.articletitle
            {
                float:left;
				margin: 0 auto;
				width:100%;
				font-family: "Segoe UI",Candara, Arial,Helvetica,sans-serif;
				color: #666666;
            }

			.articletitle h1
            {
                float:left;
				font-size:160%;
				margin: 0 3px 17px 0;
				font-family: "Segoe UI",Candara, Arial,Helvetica,sans-serif;
				text-transform: none;
				font-weight: 600;
				max-width: 500px;
				letter-spacing: 0.15em;
            }

			.articletitle h2
            {
                float:right;
				font-size:120%;
				margin: 0 0 17px 3px;
				font-family: "Segoe UI",Candara, Arial,Helvetica,sans-serif;
				text-transform: none;
				font-weight: 550;
				max-width: 400px;
				letter-spacing: 0.15em;
            }
			
						
			
			
			
			
			
            .noUpdate
            {
                margin: 0 auto;
                font-family:"Segoe UI",Arial, Helvetica, sans-serif;
                font-size: x-small;
                color: #cccccc;
                text-align: left;
                width: 210px; 
                height: 200px;	
                padding: 40px;
            }
			
            .textintro
            {
                float: left;
				width: 640px; 
                margin: 1.5em 0;
                font-family:"Segoe UI",Helvetica, Arial, sans-serif;
                font-size: small;
                color: #445566;
                text-align: justify;
                line-height: 150%;
                background-color: #eeeeee;	
                padding: 0;
                border-width: 0px;
                border-style: solid;
                border-color: black;
                /* for IE 
                filter:alpha(opacity=90);
                /* CSS3 standard 
                opacity:0.90;*/
}

            .textintro a:link
            {
				color: #006699;
				font-weight: 400;
				text-decoration: none;
}

            .textintro a:visited
            {
                color: #0033aa;
}

            .textintro a:hover
            {
                color: #22bbcc;
}
            .textintro a:active
            {
                color: #999922;
}


            .downloadintro
            {
                float: left; 
                margin: 0.5em 5px;
                font-family:"Segoe UI",Helvetica, Arial, sans-serif;
                font-size: small;
                color: #ccddee;
                text-align: justify;
                line-height: 150%;
                background-color: #1a1a1a;	
                padding: 0.5em 1em;
                border-width: 2px;
                border-style: solid;
                border-color: black;
                /* for IE */
                filter:alpha(opacity=90);
                /* CSS3 standard */
                opacity:0.90; 
}


            .flashcontainer * h4, * h5, * h6
            {
                color: #666666;
}

            .flashcontainer * h5, * h6
            {
                font-size: 0.95em;
}



			
            .contentadblock 
            {
                float:  right;	
                width: 340px; 
                margin: -19px -2px 0 0;
                padding: 0;
                font-family:"Segoe UI",Helvetica, Arial, sans-serif;
                font-size: xx-small;
                color: #ccddee;
                text-align: center;
}

            .align20
            {
                margin: 20px 0 0 0;
}






            .contentadblockextra 
            {
                float:  right;	
                width: 340px; 
                margin: 20px -2px 0 0;
                padding: 0;
                font-family:"Segoe UI",Helvetica, Arial, sans-serif;
                font-size: xx-small;
                color: #ccddee;
                text-align: center;
}


            .textsnippets
            {
                margin: 4em auto;
                font-family:"Segoe UI",Helvetica, Arial, sans-serif;
                font-size: small;
                color: #1111b8;
                text-align: justify;
                width: 500px; 
                background-color: #ddeeff;	
                padding: 3em 4em;
                border: 1px solid black;
}


            .login
            {
                float:  left;	
                width: 360px; 
                margin: 10px 10px;
                padding: 10px 5px 10px 5px;
                font-family:"Segoe UI",Helvetica, Arial, sans-serif;
                font-size: 1.28em;
                color: #ccddee;
                text-align: center;
                border-width: 0px;
                border-style: solid;
                border-color: black;
                /* for IE */
                filter:alpha(opacity=95);
                /* CSS3 standard */
                opacity:0.95;
}






/*-------------------------------------------*/
/* text container for use with no left column */

            .maintext
            {
                float: left;
                max-width: 800px; 
                min-width: 640px; 
                margin: 1.5em 20px 1.5em 0;
                font-family:"Segoe UI",Helvetica, Arial, sans-serif;
                font-size: 1.05em;
                font: 1.05em/145% Helvetica, Arial, sans-serif;
                color: #555555;;
                text-align: justify;
                background: transparent;	
                padding: 1em 5em 1em 0;
}


            .maintext a:link
            {
                color: #2af;
                text-decoration: underline;
}

            .maintext a:visited
            {
                color: #888;
                text-decoration: underline;
}

            .maintext a:hover
            {
                color: #00f;
                text-decoration: none;
}

            .maintext p
            {
                margin-top: 1em;
                margin-bottom: 2.8em;
}


/*-------------------------------------------*/
/* text and picture container for use with 640 px video units */

            .vtwrapper
            {
                background-color: #eee;
                text-align: left;
                margin: 0 auto;
                min-width: 640px;
				max-width: 1200px;                
				float: left;
                margin: 1.5em 20px 1.5em 0;
                font-family:"Segoe UI",Helvetica, Arial, sans-serif;
}


            .videotext
            {
                float: left;
                width: 640px; 
                margin: 1.5em 20px 1.5em 0;
                font-family:"Segoe UI",Helvetica, Arial, sans-serif;
                font-size: 1.15em;
                color: #505060;
                text-align: justify;
                background: transparent;	
				font: 1.11em/155% "Segoe UI", Helvetica, Arial, sans-serif;
}


            .videotext a:link
            {
                color: #444;
                text-decoration: underline;
}

            .videotext a:visited
            {
                color: #888;
                text-decoration: underline;
}

            .videotext a:hover
            {
                color: #111;
                text-decoration: none;
}

      /*      .videotext p
            {
                margin-top: 1em;
                margin-bottom: 1.1em;
}*/



/* ---------------------------------------------------------- */
/* related content plus - mod_fj_related_plus  - styling which may be useful in other areas too.  Note for h3 see the  div moduletable h3 below*/



.featuredplus h3 {
  margin-top:40px;
  margin-bottom:0;
  height:35px;
  color:#aaa;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;    
  background-color: transparent;
  padding: 15px 45px 3px 45px;
  text-align: center;  
}

.featuredplus li {
  list-style: none outside;
  font-weight: 500;
  border-width: 0 0 1px 0;
  border-color: #ddd;
  border-style: solid;
  margin: 0;
  padding: 0;
}

.featuredplus a {
	text-decoration: none;
	color: #888;
	font-size: 1.2em;
	margin: 0;
	display: block;
	padding:   0.8em 4.5em 0.5em 4.5em;
}


.featuredplus a:hover {
	text-decoration: none;
	color: #fff;
	background: #e1e1f1 url(../images/sonovertheadback.png) repeat-x bottom right;
	filter:alpha(opacity=65);
	opacity:0.65;
}


.featuredplus ul {
	border-color: #ccc;
	border-style: solid;
	border-width: 0 1px 3px 1px ;
	background-color: transparent;  
	padding: 0;
	margin: 0;
	text-align: center;  
}




 
 /* ---------------------------------------------------------- */
/* Alterations to header for modules with H3 titles - works with Featured Articles and Related Articles Plus ~~overides higher up settings~~ */

 
  
div.moduletable  h3,
div.moduletable_menu h3,
div.moduletable_text h3 {
	margin-top:20px;
	margin-bottom:0;
	height:35px;
	color:#aaa;
	font-size: 1.1em;
	font-weight: 500;
	text-decoration: none;    
	background: #e1e1f1 url(../images/sonovertheadback.png) repeat-x top left;
	filter:alpha(opacity=85);
	opacity:0.85;
	padding: 15px 45px 3px 45px;
	text-align: center;  
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 0px 1px ;
  }	




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

/*  Placement pattern for adverts in flashcontainer - textintro - nearly effective but rejected 

 because the rotating bannergroup module inserts it's own styling breaking thereby alignments*/



/*
            #textintro dl
            {
                float: left;
                width: 600px; 
                margin: 0 auto; 

}
			
            #textintro dt
            {
                float:  left;	
                text-align: justify;
                width: 340px; 
                padding: 0 20px 0 0;
                border-width: 0;
                border-style: none;
}
            #textintro dd
            {
                float:  right;	
                text-align: center;
                font-size: xx-small;
                width: 180px; 
                padding: 0 0 10px 20px;
                border-width: 0;
                border-style: none;
}
			
            #textintro dd.img img
            {
                float:  right;	
                width: 180px; 
                padding: 10px 0 0px 20px;
                border-width: 0;
                border-style: none;
}


div.advs {
	float: left;
	width: 100%;
	clear: both;
	display: block;
}
            #div.advs bannergroup 
            {
                float:  right;	
                width: 180px; 
                padding: 10px 0 0px 20px;
                border-width: 0;
                border-style: none;
                display: inline;
                margin-top: 0;
                clear: none;
} */


div.bannergroup {
	border: 2px solid transparent;
}


/*
#navbar li {
	border: 1px solid transparent;
}

#navbar li:hover {
	background-color: rgba(210,220,255,0.25);
	border: 1px solid rgb(120,120,255);
}
*/


#basemenu {
	text-align: right;
	position: fixed;
	left: auto;
	right: 0;
	bottom: 0;
	width: 35%;
	margin: 0;
	z-index: 5;
 }

 #basemenu ul {
	float:right;
	background-color: transparent;
	color: #333;
	margin: 0 0 0 40px;
	text-align: center;
 }
 
 #basemenu li  {
	float:right;
	background: transparent;
	filter:alpha(opacity=85);
	opacity:0.85;
	color: #222;
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 0.70em;
	font-family:"Lucida Unicode Sans", Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	border: 1px solid transparent;
 }
 

#basemenu ul a {
	display: block;
	float: right;
	padding: 4px 3px;
	margin: 0;
 }
 

#basemenu ul a:link {
	text-decoration: none;
	color: #333;
 }
 
 #basemenu ul a:visited {
	text-decoration: none;
	color: #333;
 }
 
 #basemenu ul a:hover {
	text-decoration: none;
	color: #fff;
	background: #00f url(../images/top-to-bottom-gradient-60-71.bmp) repeat-x bottom left;
 }

#basemenu li:hover {
	background-color: rgba(210,220,255,0.85);
	border: 1px solid rgb(120,120,255);
}

#basemenu * h3 {
	-moz-border-radius: 1em 0 0 1em; /* Firefox only */
	background: rgba(210,220,255,0.75) url(../images/top-to-bottom-gradient-60-71.bmp) repeat-x center;
	filter:alpha(opacity=75);
	opacity:0.75;
	width: 50%;
	float:right;
}

#basemenu * {
	opacity:0.90	;
}

#basemenu:hover * {
	opacity:0.99;
}



.largerev {
	float: left;
	background-color: #f1f6f9;
	width: 640px;
	padding: 10px;
	margin: 0px;
	text-align: justify;
	line-height: 155%;
	border-top: 1px dotted #a3e9f2;
	border-bottom: 1px dotted #a3e9f2;
}

.largerev p {
	margin-top: 1.65em;
}

.largerev h4 {
	margin-top: 3.2em;
	margin-bottom: -1.3em;
	font-size: 0.8em;
	font-weight: 600;
}

.update 
	{
	font-size: 1.2em;
	}
	

/*_____________________________________________________________IE7 Hacks_______________________________________________*/




*:first-child+html 

/*Make the navigation easily read - note-A larger font size will break the layout - avoid until a more robust hover background image-colour scheme is applied.*/

 #navbar li  {
	color: #555;
	font-weight: 600;
	font-size: 0.88em;
	font-family: Verdana, Helvetica, sans-serif;
	text-transform: capitalize;
 }

  /*specify font-weight to the anchor in the menu */
 
 #navbar a  {
	font-weight: 600;
 }

 

*:first-child+html #basemenu 
{
	visibility: hidden;
}


* html #basemenu 
{
	visibility: hidden;
}


/*_______________________________________________________ New and Testing ___________________________________________*/


.centered 
{
	text-align: center;
}


.centered img
{
	padding: 1.5em 1em;
}

.centered p
{
	margin-bottom: 1.2em;
	text-align: justify;
}

.picturetitle 
{
	text-align: center;
	font-weight: bold;
	color: #777;
	margin-bottom: -0.3em;
}

.picturenote
{
	text-align: left;
	font-weight: bold;
	color: #334466;
	margin-bottom: 2.3em;
	margin-top: -1.0em;
	padding-top: 0;
	padding-bottom: 25px;
}


.pictureholder
{
	text-align: left;
	padding-top: 2.5em;
	padding-bottom: 15px;
	padding-right: 55px;
	padding-left: 0;
}


/*--------------Pictureline and Round640 work together to provide a solution for introducing pictures with rounded borders into the flashcontainer div.  The padding in the address element and the paragraph elements is necessary for position when they follow pictures with an absolute position ---------------------------------------------------------------------------*/

.pictureline
{
	float: left;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 0;
	margin: 0;
	border: 0;
	min-width: 640px;
}


.radius42 img
{
	border-radius: 40px;
	
}

.round640 img
{
	position: absolute;
	
}

.round640 address
{
	padding: 194px 0;
}

.round640 p
{
	padding: 194px 0;
}

.topannouncement
{
//	background:#558 url(../images/top-picture-04.png) top left no-repeat;
	text-align: left;
	font-weight: bold;
	color: #eef;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	border: 1px solid black;
	width: 90%;
	padding: 5px 10px 5px 10px;
	min-height: 80px;
	max-height: 132px;
	filter:alpha(opacity=65);
	opacity:0.65;
	display:none;
}


.topannouncement a
{
	color: #322421;
}

.contentbanner
{
	clear: both;
	padding: 0;
	margin: 0;
	text-align: center;
}

#contentbanner
{
	clear: both;
	padding: 0;
	margin: 0;
	text-align: center;
}

#rate
{
	clear: both;
	padding: 0;
	margin: 0;
}

.lefthold
{
	float: left;
	padding: 0;
	margin:  0;
}

.lefthold h1 {
 font-size: 1.35em;
 text-transform: uppercase;
 font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Helvetica, Arial;
  }


.righthold
{
	float: right;
	padding: 0;
	margin: 0;
}

.centerwrap
{
	width: 95%;
	float: left;
	padding: 0 0 0 5%;
	margin: 0 auto 1em;
	border: none;
	text-align: center;
	color: #ccddee;
	background-color: #1a1a1a;	
}

/*

body div {border: 1px red solid;}
body table {border: 1px blue dotted;} */


/* MiniFrontpage CSS*/

.minifp td { padding-right:15px;
}
.minifp td p {
	margin:5px 10px 5px 175px;
	padding:5px 10px 5px 5px;
	text-align:justify;
	font-size:0.95em;
	}

.minifp td img {
	border:8px double #aaa;
	padding: 10px;
	margin: 5px 2.8em 25px 0;
	}

.minifp-anotherlinks {
	font-weight:bold;
	font-size:90%;
	display:block;
	padding:15px 5px 5px 20px;
	margin:5px 5px 25px 175px;	
	text-align:right;	
	background: url(../images/bgheader.gif) repeat-x bottom #F5F5F5;


}

.minifp ul li {
	font-size:94%;
	padding-left:0;
}

.minifp ul li a {
}

.minifp-introtitle a, .minifp-introtitle a:visited, .minifp-introtitle a:active, .minifp-introtitle a:link {
	font-size:115%;
	font-weight:bold;
	color:#333;
	text-transform:capitalize;
	letter-spacing:3px;
	margin:21px 5px 25px 0px;		
}

.minifp-introtitle a:hover {
	text-decoration:underline;
}

.minifp-date {
	color:#666;
	font-weight:700;
	font-style:normal;
	font-size:90%;
}
.minifp-full-link-wrp {
	text-align:right;}
a.minifp-full-link, a:visited.minifp-full-link, a:active.minifp-full-link, a:link.minifp-full-link {
	line-height:24px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	background:#333333;
	color:#FFFFFF;
	padding:2px 5px;
	letter-spacing:0px;
	float: right;	
	margin-right: 25px;
}

a:hover.minifp-full-link {
	text-decoration: none;
	background:#FF0000;
}
.minifp-seperator {
	line-height:1px;}
	
	
/*Recent Hits Modification */	
	
.rechit ul {
	list-style:none inside none; 
	margin:5px 0 0;	
	padding:5px 0 0;	
	}

.rechit li {
	margin:5px 0 0;	
	padding:5px 0 0;	
	}
	
	
/*------------------------------------------------------------------------




 plg_extravote - ExtraVote Plugin
-------------------------------------------------------------------------*/
.extravote {
	margin: 0 0 10px;	
}
.extravote-small { }
.extravote-stars,
.extravote-info {
    display: inline-block;
    margin: 0!important;
    padding: 0!important;
    position: relative;
    vertical-align: middle;
}
.extravote-stars,
.extravote-star a,
.extravote-info,
.extravote-stars .current-rating  {
    height: 25px;
    line-height: 25px;
}
.extravote-stars {
    font-size: 1em;
    overflow: hidden;
    width: 125px;
}
.extravote-info {
    font-size: .78em;
}
.extravote-small .extravote-stars,
.extravote-small .extravote-star a,
.extravote-small .extravote-info,
.extravote-small .extravote-stars .current-rating{
    height: 22px;
    line-height: 22px;
}
.extravote-small .extravote-stars {
    width: 110px;
}
.extravote-star {
    background-position: 0!important;
    background-image: none;
    display: inline;
    margin: 0!important;
    padding: 0!important;
}
.extravote-stars,
.extravote-star a:hover,
.extravote-stars .current-rating {
    background-image: url(../images/star.png)!important;
    background-color: transparent!important;
    background-repeat: repeat-x!important;
}
.extravote-star a:hover,
.extravote-stars .current-rating {
    background-position: left -1000px;
}
.extravote-small .extravote-stars,
.extravote-small .extravote-star a:hover,
.extravote-small .extravote-stars .current-rating {
    background-image: url(../images/star_small.png)!important;
}
.extravote-star a,
.extravote-stars .current-rating {
    border: medium none;
    cursor: pointer;
    left: 0;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: -1000em!important;
    top: 0;
}
.extravote-star a:hover {
    background-position: left bottom!important;
}
.extravote-star a:focus,
.extravote-star a:active {
    background: none!important;
}
.extravote-stars .current-rating {
    background-position: left center;
    z-index: 1;
}
.extravote-star a.ev-5-stars,
.extravote-star a.ev-10-stars,
.extravote-star a.ev-15-stars,
.extravote-star a.ev-20-stars,
.extravote-star a.ev-25-stars,
.extravote-star a.ev-30-stars,
.extravote-star a.ev-35-stars,
.extravote-star a.ev-40-stars,
.extravote-star a.ev-45-stars,
.extravote-star a.ev-50-stars {
    margin: 0;
    padding: 0;
}
.extravote-star a.ev-5-stars {
    width: 10%;
    z-index: 12;
}
.extravote-star a.ev-10-stars {
    width: 20%;
    z-index: 11;
}
.extravote-star a.ev-15-stars {
    width: 30%;
    z-index: 10;
}
.extravote-star a.ev-20-stars {
    width: 40%;
    z-index: 9;
}
.extravote-star a.ev-25-stars {
    width: 50%;
    z-index: 8;
}
.extravote-star a.ev-30-stars {
    width: 60%;
    z-index: 7;
}
.extravote-star a.ev-35-stars {
    width: 70%;
    z-index: 6;
}
.extravote-star a.ev-40-stars {
    width: 80%;
    z-index: 5;
}
.extravote-star a.ev-45-stars {
    width: 90%;
    z-index: 4;
}
.extravote-star a.ev-50-stars {
    width: 100%;
    z-index: 3;
}

/* End of Extravote css */	



/* switch off front-end edit image   
This works for J2.5, and may need to be added to generalcss in system template.
*/

.actions {
display: none;
}