/* General styles */
body 
{
 font-family: sans-serif;
 margin: 0;
 padding: 0;
 border-width: 0;/* This removes the border around the viewport in old versions of IE */

 width: 100%;
 background-color: #fff;
 min-width: 600px;/* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */

 font-size: 90%;
}

a 
{
 color: #62B893;
 text-decoration: none;
}

a:hover 
{
 color: #fff;
 background-color: #b862a3;
 text-decoration: none;
}

textarea 
{
 width: 95%;
 height: 120px;
 border-color: #cccccc;
 border-width: 3px;
 border-style: solid;
 padding: 5px;
 font-family: arial, sans-serif;
 background-image: url(images/MD.gif);
 background-position: bottom right;
 background-repeat: no-repeat;
}

input 
{
 width: 98%;
}

h1 
{
 margin-top: .8em;
 margin-right: 0;
 margin-bottom: .2em;
 margin-left: 0;
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
}

h2:before 
{
 content: url(images/SD.gif);
}

h2 
{
 margin-top: .8em;
 margin-right: 0;
 margin-bottom: .2em;
 margin-left: 0;
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 1px;
 padding-left: 10px;
 background-color: #62B893;
 color: #ffffff;
}

h3 
{
 margin-top: .8em;
 margin-right: 0;
 margin-bottom: .2em;
 margin-left: 0;
 padding: 0;
 color: #b862a3;
}

p 
{
 margin-top: .4em;
 margin-right: 0;
 margin-bottom: .8em;
 margin-left: 0;
 padding: 0;
}

label 
{
 float: left;
 width: 100%;
}

img 
{
 margin: 0;
}

/* Header styles */
#header 
{
 clear: both;
 float: left;
 width: 100%;
}

#header 
{
 border-bottom-color: #ffffff;
 border-bottom-width: 5px;
 border-bottom-style: solid;
}

#header p, #header h1, #header h2 
{
 padding-top: .4em;
 padding-right: 15px;
 padding-bottom: 0;
 padding-left: 15px;
 margin: 0;
}

/* Navigation */
#navcontainer 
{
 /*margin-bottom: 1.9em;*/

 overflow: hidden;
 width: 100%;/*font-size: 0em;*/
/*font-style: Bold;*/

 border-bottom-color: #b862a3;
 border-bottom-width: 0px;
 border-bottom-style: solid;
 border-top-color: #b862a3;
 border-top-width: 0px;
 border-top-style: solid;
 padding-top: 0px;
 padding-bottom: 0px;
 background-color: #b862a3;
}

#navcontainer ul li 
{
 display: inline;
}

#navcontainer ul 
{
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
 border-top-color: #b862a3;
 border-top-width: 4px;
 border-top-style: solid;
 border-bottom-color: #b862a3;
 border-bottom-width: 4px;
 border-bottom-style: solid;
 border-right-color: #b862a3;
 border-right-width: 0px;
 border-right-style: solid;
 border-left-color: #b862a3;
 border-left-width: 0px;
 border-left-style: solid;
}

#navlist 
{
 /*overflow: hidden;*/

 list-style-type: none;
 color: #ffffff;
 background-color: #b862a3;
}

#navlist li 
{
 font-size: 2em;
 font-style: Bold;
 background-color: #b862a3;
 border-top-color: #ffffff;
 border-top-width: 0px;
 border-top-style: solid;
 border-bottom-color: #ffffff;
 border-bottom-width: 0px;
 border-bottom-style: solid;
 border-right-color: #ffffff;
 border-right-width: 3px;
 border-right-style: solid;
 border-left-color: #ffffff;
 border-left-width: 3px;
 border-left-style: solid;
 line-height: 1.4em;
 margin-top: 0em;
 margin-right: 0em;
 margin-bottom: 0em;
 margin-left: 0em;
 padding-top: 10px;
 padding-right: 40px;
 padding-bottom: 10px;
 padding-left: 40px;
}

/* 'widths' sub menu */
#layoutdims 
{
 clear: both;
 background-color: #eee;
 border-top-color: #000;
 border-top-width: 4px;
 border-top-style: solid;
 margin: 0;
 padding-top: 6px ! important;
 padding-right: 15px ! important;
 padding-bottom: 6px ! important;
 padding-left: 15px ! important;
 text-align: right;
}

/* column container */
.colmask 
{
 position: relative;/* This fixes the IE7 overflow hidden bug */

 clear: both;
 float: left;
 width: 100%;/* width of whole page */

 overflow: hidden;/* This chops off any overhanging divs */
}

/* common column settings */
.colright, .colmid, .colleft 
{
 float: left;
 width: 100%;/* width of page */

 position: relative;
}

.col1 
{
 float: left;
 position: relative;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 1em;
 padding-left: 0;/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */

 overflow: hidden;
}

.col2 
{
 float: left;
 position: relative;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 1em;
 padding-left: 0;/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */

 overflow: hidden;
}

.col3 
{
 float: left;
 position: relative;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 1em;
 padding-left: 0;/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */

 overflow: hidden;
}

/* 3 Column settings */
.threecol 
{
 background-color: #FFE1F8;/* right column background colour */
}

.threecol .colmid 
{
 right: 25%;/* width of the right column */

 background-color: #fff;/* center column background colour */
}

.threecol .colleft 
{
 right: 50%;/* width of the middle column */

 background-color: #b862a3;/* left column background colour */
}

.threecol .col1 
{
 width: 46%;/* width of center column content (column width minus padding on either side) */

 left: 102%;/* 100% plus left padding of center column */
}

.threecol .col2 
{
 width: 21%;/* Width of left column content (column width minus padding on either side) */

 left: 31%;/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 
{
 width: 21%;/* Width of right column content (column width minus padding on either side) */

 left: 85%;/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* Footer styles */
#footer 
{
 clear: both;
 float: left;
 width: 100%;
 border-top-color: white;
 border-top-width: 0;
 border-top-style: solid;
 background-color: #b862a3;
}

#footer p 
{
 padding: 10px;
 margin: 0;
}

/* --> */
table.header 
{
 margin-bottom: 0.4em;
}

.smallfont 
{
 font-size: 80%;
 padding: 10px;
}

#gaia_loginbox 
{
 margin-top: 0.5em;
}

#gaia_loginform 
{
 margin: 0;
}

.form-noindent 
{
 cell-padding: 1px;
 background-color: #b862a3;
 border-width: 1px;
 border-color: #595453;
 border-style: solid;
}

li 
{
 margin-bottom: 1em;
}

.loginbox 
{
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 20px;
 padding-left: 0;
 margin: 0px;
 text-align: center;
}

.loginbox h2 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 font-weight: bold;
 font-size: 120%;
}

.loginbox table 
{
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 text-align: left;
}

.loginbox table td 
{
 padding-bottom: 0.2em;
}

.loginbox .gaia.le.rem 
{
 font-size: 80%;
}

#alBoxWrap 
{
 margin-top: 10px;
}

.albox 
{
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
 margin: 0px;
}

.albox h4 
{
 margin: 0px;
 font-size: 80%;
}

.errormsg 
{
 color: #cc0000;
}

.alert 
{
 color: #FF0000;
}

.sites-teaser 
{
 margin-top: 2em;
 padding: .5em;
 background-color: #ffffee;
 border-color: #eeee00;
 border-width: 1px;
 border-style: solid;
}

div.errormsg 
{
 color: red;
 font-size: smaller;
 font-family: arial,sans-serif;
}

font.errormsg 
{
 color: red;
 font-size: smaller;
 font-family: arial,sans-serif;
}

.gaia.le.lbl 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: smaller;
}

.gaia.le.fpwd 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
}

.gaia.le.chusr 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
}

.gaia.le.val 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: smaller;
}

.gaia.le.button 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: smaller;
}

.gaia.le.rem 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: smaller;
}

.gaia.captchahtml.desc 
{
 font-family: arial, sans-serif;
 font-size: smaller;
}

.gaia.captchahtml.cmt 
{
 font-family: arial, sans-serif;
 font-size: smaller;
 font-style: italic;
}

.f 
{
 border-top-color: #bbbbbb;
 border-top-width: 1px;
 border-top-style: solid;
 color: #676767;
 font-size: 90%;
 padding-top: 5px;
 margin-top: 15px;
}

.f span 
{
 position: relative;
 bottom: 7px;
}