/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body
{
    margin-top: 0px;
    background-image: url(images/bg.gif);
    background-color: black;
    background-attachment: fixed; /*font-family: Arial, Helvetica, sans-serif;*/
    font-family:Verdana;
    font-size: 11px;
}

hr
{
    color: #808080;
    background-color: #E5E5E5;
    height: 1px;
    border: 0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: blue;
    text-decoration: none;
}

a:link
{
    color: blue;
    text-decoration: none;
}

a:hover
{
    color: #ff6600; /*font-style: italic;*/
    text-decoration: none;
}

a:active
{
    color: green;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.bar-1
{
    background-image: url(../images/bar-bg-1.png);
    background-repeat: no-repeat;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Master Page Two Column Layout 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*outer most Container for website border*/
.website-container
{
    margin-left: auto;
    margin-right: auto; /*border: 1px solid #800080;*/
    width: 1060px;
    height: auto;
}
/*Banner*/
.banner
{
    border: 1px solid #000080;
    width: 1050px;
    height: 172px;
    float: left;
    background-color: orange;
}
.banner-right
{
    width: 730px;
    height: 172px;
    background-color: orange;
    background-image: url(../images/home_front1.jpg);
    background-repeat: no-repeat;
    float: right;
}
.banner-left
{
    width: auto;
    height: 172px;
    background-color: orange;
    float: left;
    font-size: medium;
    font-weight: bolder;
    text-align: center;
    padding-left: 10px;
}
/*Container for Contents i.e left column and right content box. 
must set to float left else wont encapsulate content boxes i.e menu in OPERA and NETESCAPE*/

.content-container
{
    border: 1px solid #666666;
    width: 1050px;
    float: left;
    background: white;
    margin-bottom: 5px;
    margin-top: 2px;
}

/*left column for menu*/

.left-column
{
    background-position: #FFFFCC;
    float: left;
    border: 1px solid #808080;
    height: auto;
    width: 160px;
    background: #FFFFCC;
    margin-top: 2px;
    margin-left: 2px;
    padding-left: 3px;
    padding-right: 3px;
}
/*Left column specific hover style*/



.middle-column
{
    float: left;
    border: solid 1px white;
    height: auto;
    width: 550px;
    margin-top: 5px;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.right-column
{
    float: right;
    border: solid 1px white;
    height: auto;
    width: 275px;
}
/**************************************************************
    LEFT COLUMN NAVIGATION
**************************************************************/

.left-column .nav
{
    /*border-bottom: 1px solid #000000;*/
}
.left-column .nav ul
{
    margin: 0;
    padding: 0;
    background-color: transparent;
    list-style-type: none; /*border: 1px solid #000000;*/
}

.left-column .nav ul li
{
    display: inline;
    padding: 0;
    margin: 0;
}
.left-column .nav ul li a
{
    background-color: #FF6600;
    border-bottom: 1px solid #000000;
    color: #000000;
    display: block;
    padding: 4px 0 6px 4px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
}
.left-column .nav a:hover, .left-column .nav a:focus
{
    background-color: #000000;
    color: #ffffff;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer
{
    margin-top: 1px;
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    height: auto;
    padding-left: 2px;
    padding-top: 2px;
    text-align: center; /*	position: relative;*/
    color: silver;
    font-size: 11px;
}


#footer a:link, #footer a:visited
{
    color: #ff6600;
    text-decoration: none;
    font-size: 11px;
    font-style: italic;
}

#footer a:hover
{
    color: green;
    text-decoration: none;
}

#footer a:active
{
    color: #ff6600;
}

.price
{
    color: #ff0000;
    font-family: Verdana;
    font-size: 2;
    font-weight: bold;
}
.price-heading
{
    color: black;
    font-family: Verdana;
    font-size: 6;
    font-weight: bold;
}
.black-bar-white-txt
{
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 0.06cm;
    font-family: Arial, Helvetica, sans-serif;
    background-color: Black;
    width: 500px;
    height: 20px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 3px;
}
.red-bold
{
    color: Red;
    font-weight: bold;
}
.white-bold
{
    color: white;
    font-weight: bold;
}
.faq
{
    color: orange;
    font-weight: bold;
}
.tc-heading
{
    background: #FF9900;
    font-size: medium;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.style1
{
    font-size: xx-large;
}

.style4
{
    font-size: x-large;
}
.style5
{
    font-size: large;
    color: #0000FF;
}
.style6
{
    background-color: #FF6600;
}
.style7
{
    color: #FF0000;
    font-size: x-large;
}
.fone
{
    color: Navy;
    font-size: large;
    font-weight: bold;
}
.test
{
    background-color: #01AB92;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        ROUND CORNER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.container
{
    width: 158px;
    background-color: #f90;
    color: #fff;
}
.container p
{
    margin: 0 10px;
}
.round-top
{
    /* background: url(images/tr.gif) no-repeat top right;*/
    background-image: url(../images/tr.gif);
    background-repeat: no-repeat;
    background-position: top;
    background-position: right;
}
.round-bottom
{
    /* background: url(images/br.gif) no-repeat top right;*/
    background-image: url(../images/br.gif);
    background-repeat: no-repeat;
    background-position: top;
    background-position: right;
}
img.corner
{
    /*Size of Image*/
    width: 15px;
    height: 15px;
    border: none;
    display: block !important;
}