/* DEFAULTS
----------------------------------------------------------*/




body   
{
    background: #fff;
    font-size: .80em;
    font-family: "Segoe UI","Helvetica Neue", "Lucida Grande",  Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #000;
   
   
}

a:link {text-decoration: none; color:Fuchsia;}
a:visited {text-decoration: none; color:Fuchsia;}
a:active {text-decoration: none; color:Fuchsia;}
a:hover {text-decoration: none; color:Fuchsia;}
img { border: none; } 

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #72C158;
    font-variant:normal;
    text-transform: none;
    font-weight: 900;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/




.page
{
    width: 930px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    
}






/* HEADER */
.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    
}








/********************/
/*  HEADER SECTION  */
/********************/

.sitelogo {width:163px; height:53px; position:absolute; z-index:1;margin:0px 0 0 200px; background:url('../images/window-i_logo.gif') no-repeat; }
.siteTag {width:241px; height:24px; position:absolute; z-index:1; margin:0px 0 0 200px; background:url(../images/your_info.gif); background-repeat:no-repeat;}



  
 
 
 #Mainheader {
		clear:both;
		float:left;
		width:100%;
		 position: relative;
		
	}

 #Mainheader p { 

       color:Black;
       position: absolute; 
        top: 83px; /* relative to the parent that has position */ 
        right:400px;
        left: 210px; 
        z-index:1;
      } 
      
 

.container {
   position: relative;

   }



.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

.bottomlinks
{
    color: #666666;
    padding: 8px 0px 0px 0px;
    margin: 0px 0px 0px 220px;
    text-align: left;
    line-height: normal;
    
}



.footer
{
    color: #666666;
    padding: 8px 0px 0px 0px;
    margin: 0px 0px 0px 220px;
    text-align: left;
    line-height: normal;
    
}

.footer a:hover {text-decoration:none;}
/* TAB MENU   
----------------------------------------------------------*/

.nav1 {width:350px; position:absolute; z-index:1; margin:-60px 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125) ; text-decoration:none; font-size:80%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}


div.menu
{
   
    /*background-color:#444444;*/
     margin: 0px 0px 0px 20px;
}




/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

label
{
width: 12em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}



/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}








/* 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,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 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:#eee;		/* right column background colour */
	color: #666666;
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:98%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:29%;			/* 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) */
}