/**
 * "tableless" design known to work (and tested) on Mozilla, and IE 6.
 * Should also work KHTML (Konqueror and Safari)
 */


/* -----------------------------------------------------------
						Generic 
				url(images/bluebckrgd.png) no-repeat
----------------------------------------------------------- */
html {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font: 0.7em "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #7fd4fd;
	border-width: 0;
	color: #274563;
}

a:link, a:visited {
	text-decoration: none;
	color: #163477;
	border-bottom: #bdf 1px solid;
}

a:hover
{
	border-bottom: #036;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	color: #369;
}

a:link img 
{
	border-width: 0;
	margin: 0;
	padding: 0;
	border-style: none;
}

.wrapper {
	background: url(images/shadow.jpg) repeat-y;
	margin: 0 auto;
	width: 970px;
}

.pageWrapper
{
	margin: 0 auto;
	width: 930px;
	min-width: 740px;
	background-color : #006699;
	background-image: none;
	padding: 0;
}

* html pageWrapper {
    \width: 939px; /* for IE5 and IE6 in quirks mode */
    w\idth: 930px; /* for IE6 in standards mode */
  }

/* -----------------------------------------------------------
					Page Header(s) and Footer
----------------------------------------------------------- */

.header {
	height: 147px;
	margin: 0;
	padding: 0;
	background-image: url(images/banner.jpg);
}

* html header {
    \width: 939px; /* for IE5 and IE6 in quirks mode */
    w\idth: 930px; /* for IE6 in standards mode */
  }
 
.header h1 {
	visibility: hidden;
}
 
.header h2 {
	visibility: hidden;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	text-indent: 400px;
}

.footer
{
	position: relative;
	color: #9ca29a;
	border-top: 2px solid #FFF;
	padding: 3px 3px 3px 6px;
	font-size: 88%;
	clear: both;
	background-color: #666;
}

.footer a
{
	color: #ccc;
	text-decoration: none;
	border-width: 0;
	border-style: none;
}

.footer a:hover { color: #FFF; }




/* -----------------------------------------------------------
					Headers ( h* style )
----------------------------------------------------------- */

h1,
h2,
h3
{
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.08em;
	color: #172c7f;
	margin-top: 8px;
}

h1 {
	font-size: 22px;
	padding-bottom: 4px;
	border-bottom: 1px solid #4C95D6;
}

h3 {
	font-weight: bold;
}

h4,
h5,
h6
{
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.08em;
	color: #172c7f;
	margin: 0px;
}

h4
{
	font-weight: bold;
	font-variant: small-caps;
}

/* -----------------------------------------------------------
					left menu
----------------------------------------------------------- */
.leftCol {
	float: left;
	width: 150px;
	line-height: 120%;
	color: teal;
	background-color: #137ab8;
	background-image: url(images/bg5.gif);
	margin: 0;
	padding: 0;
	border: 0;
}

* html leftCol {
    \width: 166px; /* for IE5 and IE6 in quirks mode */
    w\idth: 150px; /* for IE6 in standards mode */
  }

.menu {
	font-weight: bold;
	font-size: 12px;
	padding: 16px 0 0;
}

.titleSide {
	background-color: #006699;
	font-size: 23px;
	line-height: 28px;
	text-indent: 8px;
	color: white;
}

.menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

.menu ul li { display: block;
	border-color : #006699;
	float: none;
	padding: 6px;
	border-bottom-style: solid;
	color: #006699;
	border-width: 2px;
}

.menu ul li a {
	color: green;
}


.menu ul li a:hover {
	color: #006699;
}

.menu2 {
	font-size: 11px;
	text-align: right;
}

.contactDetails {
	padding-top: 0;
	background-color: #006699;
	border-top: 3px solid white;
	padding: 0;
	width: 150px;
	margin: 25px 0 0;
	border-bottom-style: solid;
	border-bottom-color: white;
}

.contactDetails h2 {
	color: white;
}

.contactDetails p {
	font-size: 80%;
	color: white;
	padding-left: 9px;
}

.contactDetails p a {
	color: white;
}

.menu p a {
	border-width: 0;
	padding-left: 8px;
}

/* -----------------------------------------------------------
					 MAIN content
----------------------------------------------------------- */
.rightCol {
	width: auto;
	margin-left: 150px;
	background: #fcfff5; 
	padding-right: 16px;
	padding-left: 16px;
}

* html rightCol {
    \width: 796px; /* for IE5 and IE6 in quirks mode  */
    w\idth: 780px; /* for IE6 in standards mode  */
}

.content
{
	padding-top: 10px;
	padding-bottom: 2px;
	
}
/* 
.content h1 {margin: 110px 0 0 0;
}  */

.content p {
	line-height: 1.6em;
	letter-spacing: 0.05em;
}
p.first {
	font-size: 1.4em;
}

p.clearALL{
	clear: both;
}
.content ul, ol
{
	color: #274563;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	padding: 0 16px 8px 32px;
}

.content img
{
	border: 1px solid #225F82;
	margin: 12px 8px 4px 0;
}

p.caption
{
	font-variant: small-caps;
	font-size: 85%;
}

.content h2 { margin-top: 24px; }

strong.highlight
{
	font-size: 1.4em;
	color: #600;
}

/* front pg grid */
.float
{
	width: 220px;
	float: left;
	margin: 4px 28px 4px 0;
}

* html float {
    \width: 248px; /* for IE5 and IE6 in quirks mode */
    w\idth: 220px; /* for IE6 in standards mode */
}

.float h2
{
	line-height: 1.2em;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0;
}

<!--[if IE]>
 <style type="text/css">
  body {word-wrap: break-word;}
 </style>
<![endif]-->

.float p
{
	line-height: 1.2em;
	margin: 5px 0 0;
	padding: 0;
}

.float img
{
	margin: 0;
	padding: 0;
	border: 1px solid #fcfff5;
	overflow: hidden;
}

.float a:hover h2
{
	text-decoration: underline;
}

.float a:hover img
{
	border: 1px solid navy;
}

/* contacts pg grid */
.contacts
{
	width: 45%;
	float: left;
	margin: 4px 28px 4px 0;
}

.contacts img
{
	margin: 0;
	padding: 0;
}

.contacts a:link img, a:visited img
{
	border-style: solid;
	border-color: #FCFFF5;
	border-width: 1px;
}

.contacts a:hover img
{
	border-color: navy;
	border-width: 1px;
	border-style: solid;
}