﻿html, body
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url('/Quick Links/DemoImages/main-bg.jpg' );
    font-family: verdana;
    font-size: 11px;
    color: #000;
}

#Container
{
    margin: 0px auto;
    position: relative;
    width: 964px;
}

#top_head
{
    width: 964px;
    margin: 10px auto 10px auto;
    position: relative;
}
#demo
{
    background-image: url("/Quick Links/DemoImages/demo.png" );
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 127px;
    position: absolute;
    top: -130px;
    z-index: 100;
}

#Lnk
{
    position: relative;
    width: 100%;
    text-align: center;
    color: #fff;
    height: 30px;
    background-color: #333;
    line-height: 30px;
}
#Lnk a
{
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    margin: 0px 10px;
    font-family: Verdana:Verdana;
    text-decoration: none;
}
#Lnk a:hover
{
    text-align: center;
    color: #ffa800;
    letter-spacing: 1px;
    margin: 0px 10px;
    text-decoration: underline;
}
#Top_title
{
    width: 100%;
    background-image: url("/Quick Links/DemoImages/topbar_bg.png" );
    position: relative;
    height: 42px;
    font-family: Times New Roman;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    line-height: 32px;
    letter-spacing: 1px;
}
#Top_left
{
    height: 42px;
    float: left;
    padding-left: 30px;
    margin-right: 2%;
    position: relative;
}
#Top_Rgt_lnk
{
    width: 70%;
    position: relative;
    float: right;
    text-align: center;
}
#Top_Main
{
    color: #fff;
    height: 42px;
    font-family: Verdana;
    font-size: 13px;
    float: left;
    position: relative;
    margin: 0px 20px 0px 40px;
}
#Top_Main a
{
    font-size: 13px;
    text-decoration: none;
    font-family: Verdana;
    color: #fff;
}
#Top_Main a:hover
{
    font-size: 13px;
    text-decoration: underline;
    color: #92e3fd;
}
#Top_Rgt
{
    height: 42px;
    float: left;
    position: relative;
    margin-left: 20px;
    font-family: Verdana;
    font-size: 14px;
}
#Top_Rgt a
{
    font-size: 13px;
    text-decoration: none;
    font-family: Verdana;
    color: #fff;
}
#Top_Rgt a:hover
{
    font-size: 13px;
    text-decoration: underline;
    color: #92e3fd;
}
span
{
    font-family: Verdana;
    font-size: 12px;
    color: #000;
}
.span1
{
    font-family: Verdana;
    font-size: 14px;
    color: #ccc;
}

#Login h3
{
    color: #416073;
    font-weight: normal;
    font-size: 28px;
    font-family: Cambria;
    letter-spacing: 1px;
    display: block;
    padding-left: 10px;
    margin: 0px 0px 0px 100px;
}
#Login
{
    width: 890px;
    position: relative;
    float: left;
    background-image: url("/Quick Links/DemoImages/Login-top.png" );
    height: 100px;
    background-repeat: no-repeat;
    background-position: left 10px;
}
#LoginMain
{
    width: 750px;
    position: relative;
    margin: auto;
    height: 100px;
    text-align: center;
    line-height: 80px;
    margin-left: 90px;
}
.txt, .txt a
{
    color: #000;
    font-family: Verdana;
    text-decoration: none;
}

#LoginTop
{
    position: absolute;
    width: 800px;
    left: 0px;
    top: 10px;
    margin-right: 80px;
    text-align: right;
    line-height: 30px;
    text-transform: uppercase;
    font-family: Verdana;
    font-size: 14px;
    text-decoration: none;
    color: #416073;
    padding-right: 40px;
}
#LoginTop a
{
    color: #416073;
    text-transform: uppercase;
    font-family: Verdana;
    font-size: 14px;
    text-decoration: none;
}
#LoginTop a:hover
{
    color: #b5500c;
    font-size: 14px;
    text-transform: uppercase;
}
#LoginFot
{
    background-image: url("/Quick Links/DemoImages/Login-Bot.png" );
    height: 50px;
    width: 890px;
    background-position: top 80px;
    margin: 0px auto;
    position: relative;
}
#Contents
{
    width: 600px;
    position: relative;
    float: left;
    text-align: justify;
    margin-left: 50px;
}
#Contents h3
{
    color: #333;
    font-weight: normal;
    font-family: Times New Roman;
    font-size: 28px;
    width: 96%;
    display: block;
    padding-left: 10px;
    border-bottom: dotted 1px #333;
    margin: 0px 0px 0px 0px;
}
p
{
    margin: 40px 30px 10px 30px;
    padding: 0px 0px 0px 0px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 1px;
}
#Demo_Site
{
    position: relative;
    top: 0PX;
    left: 20px;
    width: 90%;
}

#Demo_Site h3
{
    color: #333;
    font-weight: normal;
    font-family: Times New Roman;
    font-size: 28px;
    width: 96%;
    display: block;
    padding-left: 10px;
    border-bottom: dotted 1px #333;
    margin: 0px 0px 0px 0px;
}
#SubDemoSite, #SubDemoSite1, #SubDemoSite2
{
    width: 265px;
    position: relative;
    float: left;
    text-align: justify;
    margin-right: 20px;
    height: 200px;
}
#SubDemoSite h3, #SubDemoSite1 h3, #SubDemoSite2 h3
{
    color: #87a365;
    font-weight: normal;
    font-family: Times New Roman;
    font-size: 22px;
    width: 250px;
    display: block;
    padding-left: 10px;
    margin: 20px 0px 0px 10px;
    border: none;
}
h6
{
    margin: 0px 0px;
    padding: 0px 0px 10px 20px;
    line-height: 22px;
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: normal;
    text-align: left;
    color: #737373;
}
h5
{
    margin: 0px 0px;
    padding: 0px 0px 10px 20px;
    line-height: 20px;
    font-size: 11px;
    letter-spacing: 0px;
    font-weight: normal;
    text-align: left;
    color: #737373;
}
#MainCont
{
    width: 700px;
    margin: 0px auto;
    background-image: url("/Quick Links/DemoImages/intro.png" );
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 20px;
}
#MainCont h3
{
    font-size: 26px;
    font-family: Times New Roman;
    font-weight: normal;
    text-align: center;
    margin-top: 10px;
    color: #f59000;
}
#Contact_lnk
{
    position: relative;
    width: 550px;
    text-align: right;
    color: #416073;
    height: 30px;
    line-height: 30px;
    top: -70px;
    margin-left: 400px;
    font-size: 22px;
    font-family: Cambria;
    letter-spacing: 1px;
}
#Contact_lnk a
{
    color: #416073;
    text-decoration: none;
}
#Contact_lnk a:hover
{
    color: #fc8800;
    text-decoration: underline;
}
a
{
    color: #ccc;
}
a:hover
{
    color: #f3ae09;
}
#FooterLand a
{
    color: #333;
}
#FooterLand a:hover
{
     color: #f3ae09;
}
legend
{
    font-size: 16px;
}
#QL
{
    width: 600px;
    position: relative;
    margin: 0px auto;
}
#QL ul li a
{
    font-family: Verdana;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    line-height:22px;
}
#QL ul li a:hover
{
    color: #fc8800;
}

/*--------------------------OLD STYLE-------------------------------------------*/


.TopLink
{
    font-family: "Trebuchet MS" ,verdana;
    font-size: 11px;
    padding-right: 3px;
}
.HeadMainLink
{
    color: #fff;
    font-size: 12px;
}
.SubHead
{
    border-right: dotted 1px #666;
}
.SubHeadLink, .SubHeadLink:link, .SubHeadLink:visited
{
    color: #fff;
    background-image: url('/Quick Links/images/arrow.png' );
    background-repeat: no-repeat;
    padding-left: 20px;
    text-decoration: none;
}
.SubHeadLink:hover
{
    color: #FF9900;
    background-image: url("/Quick Links/images/arrow.png");
    background-repeat: no-repeat;
    padding-left: 20px;
    text-decoration: underline;
}
.HeadLink, .HeadLink:link, .HeadLink:visited
{
    color: #fff;
    height: 20px;
    text-decoration: none;
}
.HeadLink:hover
{
    color: #60E1F0;
    height: 20px;
    text-decoration: underline;
}
.superhead
{
    color: #000;
    text-decoration: none;
}
.superhead:hover
{
    color: #006699;
    text-decoration: underline;
}
.bodytxt
{
    font-family: "Trebuchet MS" ,verdana;
    background-color: #fafaee;
    border-bottom: dotted 1px #ccc;
    border-left: dotted 1px #ccc;
    border-right: dotted 1px #ccc;
    padding: 0px 5px 0px 0px;
    font-size: 12px;
}

/*Overwrite Old Stylesheet
a, a:visited, a:link
{
	font-size:12px;
	color:#000;
	text-decoration:none;
}
a:hover
{
	font-size:12px;
	color:#965f02;
	text-decoration:underline;
}*/
.formbg2
{
    font-weight: normal;
    font-size: 12px;
    color: #000;
    font-style: normal;
    font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    background-color: #d7d7d7;
}
.mainbg
{
    font-weight: bold;
    font-size: 11px;
    color: #000;
    background-color: #a4a4a4;
}
.tblheadtext
{
    font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: #232323;
}
.mainbg-header
{
    font-weight: normal;
    font-size: 11px;
    color: #fff;
    background-color: #333;
    letter-spacing: 1px;
}
.formsubheadtext
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: "Trebuchet MS" ,verdana;
    background-color: #efe1c7;
}
/*.ftrLnk, .ftrLnk:link, .ftrLnk:visited 
{
	font-family:"Trebuchet MS", Verdana;
	font-size:10px;
	color:#333;
	text-decoration:none;
}
.ftrLnk:hover
{
	font-family:"Trebuchet MS", Verdana;
	font-size:10px;
	color:#333;
	text-decoration:efe1c7;
}
.footer
{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	border:dotted 1px #ccc;
	background-color:#fafaee;
	}
*/
.Container
{
    width: 964px;
    margin: 2px auto;
    border-collapse: collapse;
    border: dotted 1px #cccccc;
    background-color: #fafaee;
}
.loginUser
{
    font-family: "Trebuchet MS" , Verdana;
    font-size: 14px;
    color: Red;
    font-weight: bold;
}
.loginUserLnk, .loginUserLnk:link, .loginUserLnk:visited
{
    font-family: "Trebuchet MS" , Verdana;
    font-size: 13px;
    color: #962102;
    font-weight: bold;
    text-transform: capitalize;
}
.loginUserLnk:hover
{
    font-family: "Trebuchet MS" , Verdana;
    font-size: 13px;
    color: #962102;
    font-weight: bold;
    text-transform: capitalize;
}
.logoutLnk, .logoutLnk:link, .logoutLnk:visited
{
    font-family: "Trebuchet MS" , Verdana;
    font-size: 13px;
    color: #666;
    font-weight: bold;
}
.logoutLnk:hover
{
    font-family: "Trebuchet MS" , Verdana;
    font-size: 13px;
    color: #666;
    font-weight: bold;
}
.txtbox
{
    width: 118px;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
}

