﻿html
{
    font-size:100%;
    width:100%;
}

body
{
    font-size:16px;
    /*font-family:Arial,Helvetica,sans-serif;*/
    font-family:"Segoe UI" ,Arial ,Helvetica,sans-serif , Verdana;
    margin:0em;
    padding:0em;
    line-height:1.5em;
    background:transparent url(image/background-body.jpg) repeat scroll;
}

h1
{
    font-size:1.625em;
    margin-top:0.75em;
    margin-bottom:0.75em;
}

h2 
{
    font-size:1.25em;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

h3 
{
    font-size:1.125em;
    margin-top:0.25em;
    margin-bottom:0.25em;
    line-height:1.25em;
}

ul 
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-left:0.25em;
}

ul li 
{
    background:transparent url(image/bullet.gif) no-repeat scroll 0.25em 0.75em;
    line-height:1.5em;
    margin-left:0em;
    padding-left:1em;
}


p
{
    font-size:1em;
    font-family:Arial,Helvetica,sans-serif;
    text-align:justify;
}

/*index.aspx*/
h1.title_big
{
    font-family:"Segoe UI" ,Arial ,Helvetica,sans-serif , Verdana;
    font-size:1.575em;
    font-weight:bold;
    margin:1em 0 ;
    padding:0.3125em 0 0.5em 0;
}

.strong
{
    font-size:1.5em;
}

.highlight-note
{
    color:#000000;
    font-weight:bolder;
    font-size:1.075em;
    line-height:1.5em;
    margin:0.25em 0;
    text-align:justify;
}


/*
    LAYOUT
*/
.width-wrapper
{
    width:62.5em;
    margin:0 auto;
}

.content-background-wrapper
{
    background: #FFFFFF url(image/left-nav.jpg) repeat-y 0;    
    float:left;
    width: 100%;
}


.content
{
    float:left;
    width:100%;
    margin:0.5em auto;
    font-family:"Segoe UI", Verdana ,Arial,Helvetica,sans-serif;
    z-index:-1;
}


.content-left
{
    width:14.5em;
    float:left;
    padding-left:0.5em;
}

.content-center
{
    float:left;
    padding:0 1em 0 1.3em;
    margin:0 auto;
    width:45.2em;
}

.content-bottom
{
    width: 100%;
    background:transparent url(image/bottom-background.jpg) repeat-x;
    height: 4em;
    margin:0;
}

/* Page-Layout */
.capitalize {
    text-transform: capitalize
}

/*bottom-footer part*/
.bottom-note
{
    float:left;
    padding:0 1em;
    font-size:1em;
}

.bottom-note a
{
    color:#000000;
    text-decoration:none;
    }
    
.bottom-note a:hover    
{
    color:#000000;
    text-decoration:underline;
}

.copyright
{
    float:right;
    padding:0.25em;
    font-size:0.75em;
}


#header 
{
    width: 100%;
    background:transparent url(image/header-background-1.jpg) no-repeat;
    color:#FFFFFF;
    height: 7.5em;
}

#top
{
    width: 100%;
    /*background:transparent url(image/top-background.jpg) repeat-x;*/
    height: 7.75em;
    margin-top:1em;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
}
    
#middle
{
    margin:0px;
}

#middle-lower
{
    margin:0px;
}

#bottom
{
    width: 100%;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:1em;
}

.clear
{
    clear:both;
    line-height:0em;
}

/*Innovate */
.innovate-wrapper
{
    width:43em;
    margin:0.5em auto;
}

#innovate
{
    float:left;
    width:40em;
    margin-top:0.0625em;
    padding:0.5em 0.75em;
    line-height:1.125em;
    font-family:"Segoe UI", "Malgun Gothic", Verdana, Arial;
    text-align:justify;
    border: 1px solid #00EE00;
    border-radius: 8px;
    z-index:-1;
}

#innovate h3
{
    font-size:1.125em;
    /*line-height:1.875em;*/
    margin-bottom:0.25em;
    margin:0;
}

/* Nav Menu */
#navmenu
{
    margin:0;
    padding:0.5em;
    line-height:1em;
}

ul.expand
{
    padding-left:2.5em;
    margin-left:0.25em;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
    
ul.expand li
{
    padding:0.25em;
    margin:0px;
    background-image:none;
}    
    
ul.expand li a    
{
    color:#000000;
    text-decoration:none;
}

ul.expand li a:hover    
{
    color:#000000;
    text-decoration:underline;
}
    
ul.selected
{
    padding:0em;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
    
ul.selected li
{
    padding:0.25;
}    

ul.collapse
{
    padding:0em;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
    
ul.collapse li
{
    padding:0.25;
}  
