/* main.css */

html {
	overflow: auto;
}

body { 
	margin: 0%; 
	padding: 0%; 
	font-family: verdana, arial, helvetica; 
	color: #000000; 
	font-size: 13px; 
	background-color: #ffffff;
        text-align: center;
        
}

hr {
        border: 0;
        width: 100%;
        height: 2px;
        color: #000000;
        background-color: #000000;
}

li.ad {
	list-style-image: url("images/check.png");
        list-style-position: outside;

}

input.text {
        background-color: #ffffff;
        border: solid 1px #bfcfff;
        color: #000000;
        font-weight: 400;
        font-size: 10pt;

}

input.file {
        background-color: #ffffff;
        border: solid 0px #bfcfff;
        color: #000000;
        font-weight: 400;
        font-size: 10pt;

}

input.error {
        background-color: #ff0000;
        color: #000000;
        font-weight: 400;
        font-size: 10pt;
}

textarea.input-box {
        background-color: #ffffff;
	border: solid 1px #bfcfff;
        color: #000000;
        font-weight: 400;
        font-size: 10pt;
}

#all {
	position: relative;
	width: 767px;
	text-align: center;
        margin-left: auto;
	margin-right: auto;
}

#greenbox {
	position: relative;  
        width: 250px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;


}

#advantages {
        position: relative;
        width: 300px;
        height: auto;
        text-align: left;
        background-color: #BFCFFF;
        padding: 10px;

}

#blue {
        position: relative;
        width: 300px;
        height: auto;
        text-align: left;
        background-color: #809FFF;
        padding: 10px;
        
}

#blue2 {
        position: relative;
        width: 300px;
        height: auto;
        text-align: left;
        background-color: #BFCFFF;
        padding: 10px;

}


#yellow {
        position: relative;
        width: 300px;
        height: auto;
        text-align: left;
        background-color: #FFFF00;
        padding: 10px;

}

#yellow2 {
        position: relative;
        width: 300px;
        height: auto;
        text-align: left;
        background-color: #FFFFB3;
        padding: 10px;

}

#purple {
     position: relative;
     width: 300px;
     height: auto;
     text-align: left;
     background-color: #FF80DF;
     padding: 10px;
}

#purple2 {
     position: relative;
     width: 300px;
     height: auto;
     text-align: left;
     background-color: #FFBFEF;
     padding: 10px;    
}

#lightgreen {
     position: relative;
     width: 300px;
     height: auto;
     text-align: left;
     background-color: #33FF00;
     padding: 10px;
}

#lightgreen2 {
     position: relative;
     width: 300px;
     height: auto;
     text-align: left;
     background-color: #99FF80;
     padding: 10px;
}

#reviews {
     position: relative;
     width: 300px;
     height: auto;
     text-align: left;
     background-color: #fafafa;
     padding: 10px;
}


#orange {
        position: relative;
        width: 300px;
        height: auto;
        text-align: left;
        background-color: #FF9900;
        padding: 10px;
}


#orange2 {
        position: relative;
        width: 300px;
        height: auto;
        text-align: left;
        /* background-color: #ffb200; */
        background-color: #FFCC80;
        padding: 10px;
}

#contact {
        position: relative;
        width: 300px;
        height: auto;
        text-align: left;
        background-color: #FFFF00;
        padding: 10px;
}


/* Fonts */

.F10N, .F10N a:link, .F10N a:active, .F10N a:visited {
        font-size: 10px;
        font-family: verdana, arial, helvetica;
        font-weight: 500;
        color: #000000;
        }

.F10N a:hover {
        color: #FA0014;
}

.F10N-gray, .F10N-gray a:link, .F10N-gray a:active, .F10N-gray a:visited {
        font-size: 10px;
        font-family: verdana, arial, helvetica;
        font-weight: 500;
        color: #666666;
        }

.F10N-gray a:hover {
        color: #FA0014;
}

.F12N, .F12N a:link, .F12N a:active, .F12N a:visited {
        font-size: 12px;
        font-family: verdana, arial, helvetica;
        font-weight: 500;
        color: #000000;
        }

.F12N a:hover {
        color: #FA0014;
}

.F13N, .F13N a:link, .F13N a:active, .F13N a:visited {
        font-size: 13px;
        font-family: serif;
        font-weight: 500;
        color: #000000;
        }


.F12B {
        font-size: 14px;
        font-family: arial; 
        font-weight: 600;
        color: #000000;
        }

.F12B a:link, .F12B a:active, .F12B a:visited {
	font-size: 14px;
        font-family: arial; 
        font-weight: 600;
        color: #0033cc;
        }


.F12B a:hover {
        color: #00cc00;
}


.F12I-green, .F12I-green a:link, .F12I-green a:active, .F12I-green a:visited {
        font-size: 16px;
        font-family: serif;
        font-weight: 500;
        color: #006600;
        font-style: italic;

        }

.F12I-green a:hover {
        color: #FA0014;
}


.F14N, .F14N a:link, .F14N a:active, .F14N a:visited {
        font-size: 14px;
        font-family: verdana, arial, helvetica;
        font-weight: 500;
        color: #000000;
        }

.F14N a:hover {
        color: #FA0014;
}

.F14N-green, .F14N-green a:link, .F14N-green a:active, .F14N-green a:visited {
        font-size: 14px;
        font-family: verdana, arial, helvetica;
        font-weight: 600;
        color: #008000;
        }

.F14N-green a:hover {
        color: #FA0014;
}


.F14B, .F14B a:link, .F14B a:active, .F14B a:visited {
        font-size: 14px;
        font-family: arial;
        font-weight: 600;
        color: #000000;
        }

.F14B a:hover {
        color: #FA0014;
}


.F14B-red, .F14B-red a:link, .F14B-red a:active, .F14B-red a:visited {
        font-size: 14px;
        font-family: verdana, arial, helvetica;
        font-weight: 600;
        color: #ff0000;
        }

.F14B-red a:hover{
        color: #FF8000;
}

.F16N, .F16N a:link, .F16N a:active, .F16N a:visited {
        font-size: 16px;
        font-family: serif;
        font-weight: 500;
        color: #000000;
        }

.F16N a:hover{
        color: #FF8000;
}


.F16N-gray, .F16N-gray, a:link, .F16N-gray, a:active, .F16N-gray, a:visited {
        font-size: 14px;
        font-family: serif;
        font-weight: 500;
        color: #454545;
        }

.F16B, .F16B a:link, .F16B a:active, .F16B a:visited {
        font-size: 16px;
        font-family: arial; 
        font-weight: 600;
        color: #000000;
        }

.F16B a:hover{
        color: #FF8000;
}




.F18B, .F18B a:link, .F18B a:active, .F18B a:visited {
	font-size: 18px;
	font-family: verdana, arial, helvetica;
	font-weight: 600;
	color: #000000;
	}

.F18B a:hover{
	color: #FF8000;
}

.F18B-white, .F18B-white a:link, .F18B-white a:active, .F18B-white a:visited {
        font-size: 28px;
        font-family: verdana, arial, helvetica;
        font-weight: 600;
        color: #ffffff;
	font-style: italic;
        }

.F18B-white a:hover{
        color: #FF8000;
}


.F20N, .F20N a:link, .F20N a:active, .F20N a:visited {
        font-size: 17px;
        font-family: serif;
        font-weight: 700;
        color: #000000;
	
        }

.F24N, .F24N a:link, .F24N a:active, .F24N a:visited {
        font-size: 20px;
        font-family: serif;
        font-weight: 700;
        color: #000000;
        }



.F28N, .F28N a:link, .F28N a:active, .F28N a:visited {
        font-size: 36px;
        font-family: verdana, arial, helvetica;
        font-weight: 500;
        color: #000000;
        }

.F28N-red, .F28N-red a:link, .F28N-red a:active, .F28N-red a:visited {
 	font-size: 28px;
        font-family: verdana, arial, helvetica;
        font-weight: 500;
        color:  #FA0014;

}

.F28N 	a:hover{
        color: #FA0014;
}


.F36N, .F36N a:link, .F36N a:active, .F36N a:visited {
	font-size: 36px;
        font-family: serif;
        font-weight: 500;
        color:  #000000;
}


a:link, a:visited, a:active { 
	text-decoration: none; 
	color: #000000; 
	}

/* tab menu */
ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc li {
    float: left;
    margin: 0 3px 0 0;
}

ol#toc a {
    background: #bdf url("http://guhan.net/images/tab.png"); 
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
    font-size: 14px;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li.current a {
    background-color: #048;
    background-position: 0 -60px;
    color: #fff;
    /* font-weight: bold; */
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url("http://guhan.net/images/tab.png") 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

div.content {
    border: solid 2px #48f;
    /* border: #48f solid 3px; */
    clear: left;
    padding: 1em;
   
}