/* Section 1       general CSS */
body {
	margin: 0px;
	padding: 0px;
	background: #233879;
	background-image: url(images/fadebacktop2.jpg);
	background-repeat: repeat-x;
	height:100%;
	font-size: 95%;
	font-weight: bold;
	color: #00017F;
	font-family:  verdana, helvetica, arial, sans-serif;
	border: solid 30px #0E142A
}

.whole { margin: 0.5em 6em;}
.footerin { margin: 0em 6em;}

/* this controls the main site links */
a:visited	{ color: #E066FF; text-decoration: none; font-weight: bold;}
a:link		{ color: #6633ff; text-decoration: none; font-weight: bold;}
a:hover 	{ color: #e0ffff; background-color: #345fcd; }
a:hover img 	{ background-color: transparent;}


p {margin-top: 0.25em; margin-bottom: 0.75em;}
dl {margin-bottom: 0.75em;}
ol, ul {margin-left: 1.5em;}
h3 {margin-top: 0.5em; margin-bottom: 0.5em;}

abbr {border-bottom: 0px}
	

/* At the top and bottom of every page www.translations-group.com  */
.header2 {
	background: #F0FFFF;
	border-top: 1px solid #000099;
	border-bottom: 1px solid #000099;
	margin-left: 8.0em;
	margin-right: 8.0em;
	text-align: center;
	font-size: 85%;
	margin-bottom: 0.5em;
}


/* curved corners for the main area area */
.sw {background: url(images/cornerSW2.jpg) 0 100% no-repeat #f0ffff; margin-bottom: 1em;}
.sn5 .sw {background: url(images/cornerSWn.jpg) 0 100% no-repeat #D4EEEF;}
.footer .sw {background: url(images/cornerSWf.jpg) 0 100% no-repeat #D4EEEF; margin-bottom: 0em;}
.se {background: url(images/XcornerSE.gif) 100% 100% no-repeat;}
.nw {background: url(images/XcornerNW.jpg) 0 0 no-repeat;}
.ne {background: url(images/cornerNE3.jpg) 100% 0 no-repeat; padding:10px; font-size: 100%}
.ne2 {background: url(images/cornerNE4.jpg) 100% 0 no-repeat; padding:10px;}
.ne3 {background: url(images/cornerNEn2.jpg) 100% 0 no-repeat; padding:10px;}
.sn5 .ne {background: url(images/cornerNEn.jpg) 100% 0 no-repeat; padding:10px;}
.footer .ne {background: url(images/cornerNEf.jpg) 100% 0 no-repeat; padding:10px; font-size: 10%}
.klear {font-size: 1px; height: 1px; margin-bottom: 18px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background: #6cc4cb; background-image: url(images/aqua-fade-homepageB.jpg); 	background-repeat: no-repeat; border-left:1px solid #5f73a0; border-right:1px solid #5f73a0;}
.xb1 {margin:0px 5px; background:#5f73a0;}
.xb2 {margin:0px 3px; border-width:0px 2px;}
.xb3 {margin:0px 2px;}
.xb4 {height:2px; margin:0 1px;}


/* this defines the light NON-background area */
.whte, .whtedark {
	background-color: #F0FFFF; 
	margin-top: 1.5em;
	margin-bottom: 3.00em;
	padding-left: 0.75em; 
	padding-right: 0.75em; 
	padding-top: 0.75em; 
	color: #00017F;
}

.tophomelink {
	margin-bottom: 1em;
}

.footer	{
	width: 100% !important;
	margin-left: 0px;
	margin-right: 0px;
	background-image: url(images/fadebackbot3.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	color: #D4EEEF
}

.footer a:visited { color: #E066FF;}
.footer a:link	 { color: #FF3E96;}

.footer .whte {margin: 0px 5% !important; padding: 0px; background:#D4EEEF; font-size: 1000%}


.log2 img {
	margin-top: 0.5em; 
	border: 0px; 
	width: 63px; 
	height: 78px;
}


.w5 { height: 1%; width: 15em !important;}
.w95 {margin-left: 17em !important}

h1 {
	font-size: 180%;
	color: #000099; 
	font-style: normal !important; 
	margin: 0.2em; 
	letter-spacing: 0.30em; 
	text-align: center;
}

h2 {
	font-size: 160%;
	font-weight: bold;
	letter-spacing: 0.15em;
}







/* coloured horizonal line */
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #1874CD;
}



strong { font-size: 110% }


/* coloured bullet graphic for every list item */
ul {
	margin-left: 3em; 
	list-style-image: url(images/01BULC2.gif)
}


/* links back to the top of the page */
.goTop {
	float: right;
	margin-top: -1em
}

.goTopD {
	display: block;
	width: 18px;
	height: 13px;
	background: url(images/blueTop.gif);
	background-repeat: no-repeat;
	text-decoration: none
}

.goTopD img { border: 0px; }

.goTop a:hover  { background-color: transparent; }



/* appearence of the phrase 'translations group' in the text*/
.group {
	color: #000099;
	font-size: 100%;
	font-weight: bold;
	font-variant: small-caps;
}

/* strap lines */
.strap {
	display: block;
	margin-bottom: 2.5em;
	background: #000099;
	padding: 3px;
	text-align: center;
	color: #E0FFFF;
	font-weight: bold 
}


/* Banner */
.banner h2 {color: #000099 !important; margin: 0.2em;	text-align: center;}
.banner h3 {color: #000099 !important; margin: 0.2em;	text-align: center;}
.banner h4 {color: #000099 !important; margin: 0.2em;	text-align: center;}

.banner	{
	width: 100%;
	xborder-top: 1px solid #000099;
	xborder-bottom: 1px solid #000099;
	background: #6cc4cb; 
	background-repeat: no-repeat; 
	background-image: url(images/aqua-fade-homepageB.jpg); 
	height: 128px;
	overflow: hidden;
	position: relative;
	font-size: 80%;
}


.bannerI { margin-left: 25%;}





/* The Clearfix code stops images poping out of CSS boxes */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: right; 		/* should be both but this solves FF problem with floated left menu */
    visibility: hidden;
}

.links2 div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, .links2 div {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* html .links2 div  {height: 1%;}

.clearfix, .links2 div {display: block;}
/* End hide from IE-mac */






/* Section 2       main menues */
/* side menu on the front page */

.whtedark {
	margin: 0.25em 0px;
	padding: 0px; 
	background:#D4EEEF;
}

.siteNav5 {
	background:   #D4EEEF;
}

.siteNav5 ul {
	margin: 0em 0px 0px 0px;
	border: 0px;
	padding: 0px;
	font-size: 90%; 
	width: 100%; 
	text-align: center;
	list-style: none none;
}

.siteNav5 li {
	width: 100%;
	margin: 5px 0px;
	padding: 3px;
	text-align: center; 
	line-height: 1.75em; 
}

.siteNav5 a:visited { color: #C9BDDB; }

.siteNav5 a { 
	width: 14em;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #e0ffff;
	background: url(images/blue-grad7B.gif)
}
.siteNav5 a:hover {
	color: #000082;
	background: url(images/blue-gradB.gif)
}



/* The 3 types of menu on the language pages */
/* Type 1     bottom button menu on the language pages */
.siteNav4 ul {
	font-size: 90%; 
	margin: 0px auto; 
	width: 80%; 
	text-align: center;
 	list-style: none;
}
.siteNav4 li { 
	width: 30%; 
	text-align: center; 
	float: left; 
	padding:3px;
	line-height: 1.75em; 
}

.siteNav4 a:visited { color: #C9BDDB; }

.siteNav4 a { 
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #e0ffff;
	background: url(images/blue-grad7B.gif)
}
.siteNav4 a:hover {
	color: #000082;
	background: url(images/blue-gradB.gif)
}


/* Type 3     bottom NON-button menu on the language pages */
.submenu {
	margin-bottom: 1em;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}


/* Type 3     top button menu for links down onto the same page on  the language pages */
.pageNav ul {
	display: block;
	margin: 3px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

.pageNav li {
	display: inline; 	
	line-height: 2em; 
	margin: 3px; 
}

.pageNav a {
	font-size: 100%;
	color: #345fcd;	
	padding: 6px 5px;
}

.pageNav a:hover { 
	color: #e0ffff;
	background: url(images/blue-grad7.gif)
}


/* old button menu now only on the 3 legal pages */
.siteNav ul {
	list-style: none;
	margin: 3px;
	margin-left: -2em; 
	text-align: center;
}
.siteNav li { 
	display: inline;
	line-height: 3em; 
	margin: 10px 5px;
}

.siteNav a, .strap a { 
	margin: 1px;
	color: #345fcd;
	padding: 4px 1.5em;
	background: url(images/blue-gradB.gif)
}

.siteNav a:hover, .strap a:hover { 
	color: #e0ffff;
	background: url(images/blue-grad7.gif)
}










/* Section 2       Specific to certain pages */

/* Front Page */
/* stops the hover effect on links ie bliss logo */
X.imgTr a:hover  { background-color: transparent; }


/* Links Pages */
/* images in table cells ie the links page */
td a img { border: 0px }
td a:hover {  background-color: transparent; }


/* Language Pages */
/* editor profiles */
.editor {
	border: 2px solid #191970;
	margin-bottom: 1em;
	padding: 0.25em;
}

.editor td { padding: 0.25em;}


/* hover effect on the links in the editor profiles */
.editor td a:hover { 
	color: #e0ffff; 
	background-color: #345fcd;
}

/* pictures of editors */
.editor img {
	margin: 5px 10px;
	float: right
}

/* editor's name and qualifications */
.editname {
	padding-top: 0.25em;
	padding-bottom: 0.5em;
	font-size: 110%;
}

/* site map */
ul.thick, .thick ul { padding-left: 0px; margin-left: 3em;}
.thick li { margin-bottom: 1em; padding-left: 0px; margin-left: 0px;}
.thin, .thick {margin-top: 0.5em;}
.thin li { margin-bottom: 0em }

/* consultants page */
.cons dt { margin-top: 0.75em;}




/* links and resources */
/* links3 is the wide button menu at the top */
ul.links3 {
	list-style-image: none; 
	list-style: none 
}

.links3 li {
	margin: 0.4em;
	border: 1px solid #7AC5CD;
	clear: left;
	display: block
}
.links3 li a {
	display: block;
	margin-right: 0em;
	background: url(images/blue-gradB.gif);
	padding-left: 1em;
	font-size: 100%;
	color: #345fcd;
}

.links3 li a:hover {
	color: #e0ffff;
	background: url(images/blue-grad7.gif)
}



/* links2 is each section/group of links */

div.links2 {margin-left: 5em; margin-bottom: 1.5em}

.links2 div  {
	margin: 0.25em;
	padding: 0.5em 0.5em 1em 0.5em;
	border: 1px solid #7AC5CD;
	clear: left
}

.links2 div a:visited {
	color: #345fcd;
	text-decoration: none;
	font-weight: bold;
}

.links2 div a {
	font-size: 100%;
	color: #6633ff;
	margin-right: 0.25em
}

.links2 div a:hover {
	color: #e0ffff;
	background: url(images/blue-grad7.gif);
	text-decoration: none
}
.links2 div span a {background: none}
.links2 div span a img {
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
	border: 0px;
}
.links2 div span a:hover img { background: none;}




/* payment */
fieldset { 
	background: #FFFFCC; 
	margin: 2em;
	padding: 0.5em;
}

legend { 
	font-weight: bold; 
	border-width: 3px;
	border-style: ridge;
	border-color: #006400;
	padding: 0 0.5em;
	background: #C0FF3E;
}

.paymentform div input {
	margin: 0.35em 0.25em; 
	border: 1px solid #233879;
	background:#FFF;
	background-image: url(images/input_grad.png);
	background-repeat: repeat-x;
	padding: 0.15em;
	padding-left: 0.5em;
}

label {
	font-weight: bold;
}

.subbutton {cursor:pointer;}