*
{
	margin:0;
	padding:0 ;
	vertical-align: baseline;
}

body 
{
	padding: 0;
	margin: 0;
	font-family: verdana, helvetica, sans-serif;
	text-align: center;
	background: #80BFAC url("../images/bg.jpg") repeat-x;
}

hr	{
	width: 98%;
	color: #C09DE2; /* browser compatible for IE */
	height: 1px;
	margin: 0.5em 0;
	background-color: #C09DE2; /* browser compatible for FF */
	border: 0; /* browser compatible */
}

a:link, a:visited
{
	color: #6C1E90;
	text-decoration: underline;
}

a:hover
{
	color: #6B2638;
	text-decoration: none;
}

p {
	padding: 0.6em;
	line-height: 1.4em;
	font-size: 0.7em;

}

img {										/*including template image*/
	border: 0;
	vertical-align: bottom;					/* this squashes a Firefox bug */
	clear:both;								/* this squashes an IE bug */								
}

#container {

		width: 685px;
		background-position: top center;
		margin: auto;
		min-height: 100%;
		text-align:left;
}

html>body #container {
		height: auto;
}
	
* html #container {
		height: 100%;
}
	
#header {
		background: transparent url("../images/logo-header.jpg") no-repeat;
		height: 344px;
}

/**********horizontal navigation*********************/
#nav-container  { 
      width: 100%;	  
      margin-top: -2.3em;
      padding: 0 0.4em;
	  font: bold 0.8em verdana, arial, sans-serif;
}

#nav-container li a:hover {
	color: #fff;
}
#nav-container ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
}

#nav-container li { 
      margin: 0;
      padding: 0;
      float: left;
	  padding-right: 1em;
}

* html #nav-container li {  /* for IE6 */
	width: 1%;
} 

#nav-container li a	{ /* navigation text anchors */
    white-space: nowrap;
    text-decoration: none;
    display: block;
    color: #000;
    height: 24px;
    padding: 0.4em 0 0 1.3em; /* no bottom padding leaves room for font-size to increase */
}

#nav-container li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
#nav-container #current {
	font-weight:bold;
	color: #F1EFC1;
	cursor:default;
}

#content-container {            
		width: 100%;
		margin: 0;
		text-align: justify;
}
#col-wrapper {
		float:left;
		clear: both;
		width: 100%;
		margin: 0;
		padding: 0;
		border-top: 1.0em #F2F6FF solid; /* pushes the content down providing space between bg image and nav bar */
		background: #F2F6FF url("../images/wrapper-bg.gif") repeat;
		overflow:hidden; /*to force it to surround its internal floats*/	
}

#col-wrapper #left-col
{
	float: left;
	margin: 0;
	padding: 0.5em 1.5em;
	width: 375px;
}

#col-wrapper #left-col img
{
	border: 1px solid #C09DE2;
	padding: .3em;
}

/*********** 
************ these styles are for the "hasLayout" hack to beat IE6 with its <ol> wrapping problems **********
*/
.fixIE {	
	display: inline-block;
	}

 /* Holly Hack Targets IE Win only \*/
    * html .fixIE {height: 1%;}
      .fixIE {display: block;}
 /* End Holly Hack */

#col-wrapper #left-col ol	{
	padding-left: 2em;
	font-size: 0.7em;
	line-height: 1.4em;
}

#col-wrapper #left-col ol h3	{
	font-size: 1.4em;
}

/**********end of hasLayout hack***********/

#col-wrapper #left-col table
{
	width: 100%;
	margin: 0;
	padding: 0 0.3em;
}

#col-wrapper #left-col table td
{
	padding: 0.1em 0.5em;
	font-size: 0.7em;
	border: 1px dotted #D9BFD8;
}

#col-wrapper #left-col h2 {
	color: #7F017F;
	font: bold 1.3em verdana, helvetica, sans-serif;
	padding: 0 0.3em;
}

#col-wrapper #left-col h3	{
	color:  #016085;
	font: bold 1.0em arial, helvetica, sans-serif;
	padding: 0.4em 0 0.2em 0.4em;
	text-align:left;
}

#col-wrapper #left-col h4	{
	color:  #000;
	font: bold 0.8em arial, helvetica, sans-serif;
	padding: 0.3em 0.5em;
	text-align:left;
}

#col-wrapper #right-col
{
	margin: 0;
	padding: 0.2em 0.1em;
	float: left;
	width: 240px;
	height: 1%; /* Holly hack for Peekaboo Bug */
}

#col-wrapper #right-col img
{
	margin: 0;
	padding: 0.2em 0;
}

#col-wrapper #right-col p
{
	color:  #000;
	padding: 0.5em;
	line-height: 1.3em;
}

#col-wrapper #right-col h3 {
	color:  #016085;
	margin: 0;
	padding: 0.5em 0.3em;
	font: bold 1.0em arial, helvetica, sans-serif;
	text-align:left;
}

#col-wrapper #right-col h4	{
	color:  #333;
	font: bold 0.8em arial, helvetica, sans-serif;
	padding: 0.2em 0.4em 0;
	text-align:left;
}

#col-wrapper #right-col .box {
	background-color: #CCCCFE;
	padding: 0.2em;
	margin:0.2em 0.2em 0.4em 0.1em;
}

/*******footer style*********/
#footer
{
	clear: both;
	bottom:0;
	left:0;
	width: 100%;
	margin: 0;
	padding-top: 1.5em;
	height:44px;
	text-align:left;
	overflow: hidden; /* required for IE6 to hide gaps between divs and helps centre text within the width of the footer */
	font-size:0.9em;
	font-family: arial, helvetica, sans-serif;
	background: #9A66CB url("../images/footerbg.jpg") repeat-x;
}

#footer p
{
	line-height: 1.4em;
	padding: 0 2.0em;
	margin-top: 0.2em;
	color: #fff;
}

#footer a:link, #footer a:visited
{
	color: #fff;
	text-decoration: underline;
}

#footer a:hover
{
	color: #6B2638;
	text-decoration: none;
}

/****** other styling classes ******/

.web {  				/* the tag design content in footer */
    float:right;
	width:18%;
    padding:0;
}

.clear-img {
	clear:both;
	height: 270px;
    overflow:hidden;
}

.highlight
{
	background-color: #CCCCFE;
	border: 1px solid #6C1E90;
	padding: 1.0em;
	margin: 0.7em 1.5em;
}

.highlight p
{
	margin: 0;
	padding: 0;
}

.right	{
	text-align:right;
}

#col-wrapper #right-col img.right
{
	float:right;
	padding:0.2em;
	margin:0;
}

/** for the form on contact page **/

#box 
{ 
	margin: 0;
	width: 360px; 
	padding: 0; 
}

form 
{ 
	padding: 2px; 
}

input 
{ 
	color: #000; 
	background-color: #fff;
	border: #9A66CB solid 1px;
}

input.checkbox 
{ 
	color: #85209E; 
}

textarea 
{ 
	background-color: #fff; 
	color: #000; 
	border: #9A66CB solid 1px;
}

.button 
{ 
	font-size: 10pt; 
	font-weight: 600;
	background-color: #9A66CB;
	border: #fff solid 1px; 
	color: #fff; 
	margin-top: 10px;
}