/* 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}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: none}
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: small-caps;
    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;
    margin: 20px auto 0px auto;  
  

}



/* HEADER */
.header {}
.header-left {}




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

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


    #topnav { 
       
        margin: 0px auto; 
        position: relative; /* to gain position */ 
      } 
      #topnav ul { 
        position: absolute; 
        top: 93px; /* relative to the parent that has position */ 
        left: 0px; 
        z-index:1;
       
        
      } 
      #topnav li { 
        display:list-item;
        color:Black;
        font-Weight:bold;
        
      } 
 
 
 
 #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%;
}



.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; color:#fff;}
/* TAB MENU   
----------------------------------------------------------*/

.nav1 {width:350px; position:absolute; z-index:1; margin:-54px 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:60%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}


div.menu
{
     margin: 90px 30px 0px 20px;
     
}


.primaryStaticMenu
{
   background-color: transparent;
   
}
.primaryStaticMenuItem
{
   width: 176px;
   height:32px;
   background-color: #f7f2ea; 
   border-width: 1px;
   border-color: #efefef #aaab9c #ccc #efefef; 
   border-style: solid;
   color: #777777;
   padding: 0.5em 0 0.5em 1em;
}
.primaryStaticHover
{
   color: #800000;
   background: #f0e7d7;
}


/* 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: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) */
}


#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 0px;
}

#vertmenu h1 {
display: block;
background-color:#FF9900;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:159px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:160px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}