BODY {
	BACKGROUND-COLOR: #333333;
	BACKGROUND-IMAGE: URL("../images/background_gradient.jpg");
	BACKGROUND-REPEAT: REPEAT-X;
	PADDING-TOP: 3px;
	FONT-FAMILY: Lucida Sans, Sans-Serif, Verdana, Arial, Helvetica;
	COLOR: #000000;
	FONT-SIZE: 12px;
	
}

.websol {
	BACKGROUND-IMAGE: URL("../images/subsec_websol.gif");
	BACKGROUND-COLOR: #FFF;
	BACKGROUND-REPEAT: NO-REPEAT;
	WIDTH: 270px;
	HEIGHT: 162px;
	VERTICAL-ALIGN: top;
}

.ecomm {
	BACKGROUND-IMAGE: URL("../images/subsec_ecomm.gif");
	BACKGROUND-COLOR: #FFF;
	BACKGROUND-REPEAT: NO-REPEAT;
	WIDTH: 270px;
	HEIGHT: 162px;
	VERTICAL-ALIGN: top;
}

.emarket {
	BACKGROUND-IMAGE: URL("../images/subsec_market.gif");
	BACKGROUND-COLOR: #FFF;
	BACKGROUND-REPEAT: NO-REPEAT;
	WIDTH: 270px;
	HEIGHT: 162px;
	VERTICAL-ALIGN: top;
}

.cat_websol {
	BACKGROUND-IMAGE: URL("../images/subcat_websol.gif");
	BACKGROUND-COLOR: #FFF;
	BACKGROUND-REPEAT: NO-REPEAT;
	WIDTH: 245px;
	HEIGHT: 162px;
	VERTICAL-ALIGN: top;
}

.cat_ecomm {
	BACKGROUND-IMAGE: URL("../images/subcat_ecomm.gif");
	BACKGROUND-COLOR: #FFF;
	BACKGROUND-REPEAT: NO-REPEAT;
	WIDTH: 245px;
	HEIGHT: 162px;
	VERTICAL-ALIGN: top;
}

.cat_emarket {
	BACKGROUND-IMAGE: URL("../images/subcat_market.gif");
	BACKGROUND-COLOR: #FFF;
	BACKGROUND-REPEAT: NO-REPEAT;
	WIDTH: 245px;
	HEIGHT: 162px;
	VERTICAL-ALIGN: top;
}

.cat_about {
	BACKGROUND-IMAGE: URL("../images/subcat_about.gif");
	BACKGROUND-COLOR: #FFF;
	BACKGROUND-REPEAT: NO-REPEAT;
	WIDTH: 245px;
	HEIGHT: 162px;
	VERTICAL-ALIGN: top;
}

.cat_contact {
	BACKGROUND-IMAGE: URL("../images/subcat_contact.gif");
	BACKGROUND-COLOR: #FFF;
	BACKGROUND-REPEAT: NO-REPEAT;
	WIDTH: 245px;
	HEIGHT: 162px;
	VERTICAL-ALIGN: top;
}

h1.main_heading {
	FONT-FAMILY: Lucida Sans, Sans-Serif, Verdana, Arial, Helvetica;
	COLOR: #2E73A3;
	FONT-SIZE: 30px;
	MARGIN-BOTTOM: 5px;
	MARGIN-TOP: 8px;
}

h1.cat_heading {
	FONT-FAMILY: Lucida Sans, Sans-Serif, Verdana, Arial, Helvetica;
	COLOR: #2E73A3;
	FONT-SIZE: 27px;
	MARGIN-BOTTOM: 10px;
	MARGIN-TOP: 3px;
	LINE-HEIGHT: 24px;
}

h1.sub_heading {
	FONT-FAMILY: Lucida Sans, Sans-Serif, Verdana, Arial, Helvetica;
	COLOR: #2E73A3;
	FONT-SIZE: 18px;
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 8px;
}
h1.content_heading {
	FONT-FAMILY: Lucida Sans, Sans-Serif, Verdana, Arial, Helvetica;
	COLOR: #2E73A3;
	FONT-SIZE: 16px;
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 8px;
}
TD.sub_content {
	FONT-FAMILY: Lucida Sans, Sans-Serif, Verdana, Arial, Helvetica;
	COLOR: #000000;
	FONT-SIZE: 12px;
	PADDING: 30px 16px 15px 15px;
}

.ffblock {
	DISPLAY: block;
}

/* ================================================================ 
topLinks located above the UI next to sharing icons
=================================================================== */

.toplinks
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
	LINE-HEIGHT: 1px;
	FONT-WEIGHT: bold;
}
INPUT.toplinks
{
    FONT-SIZE: 10px;
    BACKGROUND: #EEEEEF;
    COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
} 
A.toplinks:active
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
}
A.toplinks:link
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
}
A.toplinks:visited
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
}
A.toplinks:hover
{
    COLOR: #FFCC00;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
}


/* ================================================================ 
bottomlinks located below the UI next
=================================================================== */

.bottomlinks
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
	FONT-WEIGHT: normal;
}
INPUT.bottomlinks
{
    FONT-SIZE: 10px;
    BACKGROUND: #EEEEEF;
    COLOR: #FFFFFF;
	FONT-WEIGHT: normal;
} 
A.bottomlinks:active
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
}
A.bottomlinks:link
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
}
A.bottomlinks:visited
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
}
A.bottomlinks:hover
{
    COLOR: #FFCC00;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.preload1 {background: url(../images/blank_over.gif);}
.preload2 {background: url(../images/blank_overa.gif);}

.menu2 {padding:0 0 0 0; margin:0; list-style:none; height:36px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left; }
.menu2 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 0; cursor:pointer;background: url(../images/blank.gif);}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 15px; height:36px;background:url(../images/blank.gif) right top;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 15px; height:36px; background:url(../images/blank.gif) right top;}
.menu2 li span.blank_left {float:left; display:block; padding:0 5px 0 5px; height:36px; width:55px; background:url(../images/blank.gif) right top;}
.menu2 li span.blank_right {float:left; display:block; padding:0 5px 0 5px; height:36px; width:56px; background:url(../images/blank.gif) right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(../images/blank_over.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(../images/blank_over.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(../images/blank_over.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(../images/blank_overa.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:160px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:160px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; 160px:90px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#3a93d2; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#3a93d2 url(../images/arrow_over.gif) 150px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#3a93d2 url(../images/arrow_over.gif) 150px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}

/* -------------------------- */
/* blog style             */
/* -------------------------- */


a:link
{
    color: #2E73A3;
    text-decoration: none;
}
a:visited
{
    color: #2E73A3;
    text-decoration: none;
}
a:hover
{
    color: #FF9900;
    text-decoration: underline;
}
img
{
    border: none 0 #fff;
}
input, select, textarea
{
    color: #333333;
    font-size: 9pt;
    font-family: Courier New, Courier, Verdana, Tahoma, Arial;
    border: solid 1px #CCC;
    padding: 2px;
}
.noBorder input, .noBorder select, .noBorder textarea
{
    border-style: none;
}

.blognav
{
    COLOR: #2E73A3;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
	LINE-HEIGHT: 1px;
	FONT-WEIGHT: bold;
}
INPUT.blognav
{
    FONT-SIZE: 12px;
    BACKGROUND: #EEEEEF;
    COLOR: #000000;
	FONT-WEIGHT: bold;
} 
A.blognav:active
{
    COLOR: #2E73A3;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
}
A.blognav:link
{
    COLOR: #2E73A3;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
}
A.blognav:visited
{
    COLOR: #2E73A3;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
}
A.blognav:hover
{
    COLOR: #FFCC00;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
}

.latest_posts {
	BACKGROUND-IMAGE: URL("../images/subsec_latestposts.gif");
	BACKGROUND-COLOR: #FFF;
	BACKGROUND-REPEAT: NO-REPEAT;
	WIDTH: 270px;
	HEIGHT: 162px;
	VERTICAL-ALIGN: top;
}

.archive_posts {
	BACKGROUND-IMAGE: URL("../images/subsec_archiveposts.gif");
	BACKGROUND-COLOR: #FFF;
	BACKGROUND-REPEAT: NO-REPEAT;
	WIDTH: 270px;
	HEIGHT: 162px;
	VERTICAL-ALIGN: top;
}

.blog_roll {
	BACKGROUND-IMAGE: URL("../images/subsec_blogroll.gif");
	BACKGROUND-COLOR: #FFF;
	BACKGROUND-REPEAT: NO-REPEAT;
	WIDTH: 270px;
	HEIGHT: 162px;
	VERTICAL-ALIGN: top;
}

TD.sub_blockcontent {
	FONT-FAMILY: Lucida Sans, Sans-Serif, Verdana, Arial, Helvetica;
	COLOR: #000000;
	FONT-SIZE: 12px;
	PADDING: 30px 16px 15px 15px;
	
}

li.sub_blockcontent
{
    list-style-type: square;
    color: #2E73A3;
    font-size: 12px;
    MARGIN-BOTTOM: 7px;
    LINE-HEIGHT: 1.3em;
    margin-left: 5px;
}

ul.sub_blockcontent
{
    list-style-type: square;
    color: #2E73A3;
    font-size: 12px;
    margin-left: 5px;
    padding-left: 5px;
}

/* -------------------------- */
/* Page Sections              */
/* -------------------------- */



.page
{
    width: 700px;
    margin: auto;
}
.header
{
    width: 100%;
    margin-bottom: 10px;
    border-bottom: dotted 2px #ccc;
    text-align: center;
}
.main
{
    width: 100%;
    float: left;
    text-align: left;
}
.sidebar
{
    width: 220px;
    float: right;
    background: #eee;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
.footer
{
    width: 100%;
    text-align: left;
    font-size: 8pt;
    margin-top: 10px;
    padding-top: 5px;
    border-top: dotted 2px #ccc;
}

/* -------------------------- */
/* Posts                      */
/* -------------------------- */

.post
{
    border-bottom: dotted 1px #ccc;
    margin-bottom: 10px;
    width: 100%;
}
.postDate
{
    font-family: Lucida Sans, Sans-Serif, Verdana, Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    color: #336699;
    background: #eee;
    padding: 3px 0 3px 4px;
    width: 100%;
}
.postTitle
{
    font-weight: bold;
    font-size: 22px;
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Lucida Sans, Sans-Serif, Verdana, Arial, Helvetica;
}
.postMessage
{
    padding-bottom: 5px;
    font-size: 12px;
    font-family: Lucida Sans, Sans-Serif, Verdana, Arial, Helvetica;
}
.postFooter
{
    color: #a8a8a8;
    font-size: 7pt;
    font-family: Lucida Sans, Sans-Serif, Verdana, Arial, Helvetica;
    text-transform: uppercase;
    letter-spacing: .1em;
}

/* -------------------------- */
/* Comments                   */
/* -------------------------- */

.comment
{
    border-bottom: dotted 1px #ccc;
    background: #f5f5f5;
    margin-bottom: 10px;
}
.commentMessage
{
    font-size: 8pt;
    padding: 10px 4px 10px 4px;
}
.commentMessage BLOCKQUOTE
{
    font-size: 8pt;
    padding: 5px 5px 5px 5px;
    margin: 10px 5px 0px 10px;
    border: 1px dashed #ccc;
    background-color: #fff;
}
.commentFooter
{
    color: #a8a8a8;
    font-size: 7pt;
    font-family: "Trebuchet MS" , Trebuchet, Arial, Verdana;
    text-transform: uppercase;
    letter-spacing: .1em;
}

/* -------------------------- */
/* Trackbacks                 */
/* -------------------------- */

.trackback
{
    font-size: 7pt;
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #ccc;
}

/* -------------------------- */
/* Sidebar                    */
/* -------------------------- */

.sidebarHeading
{
    font-family: Arial, Verdana;
    font-size: 12pt;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 15px;
    margin: 0px 0 10px 0;
    color: #999;
    border-top: dotted 1px #ccc;
}
.sidebarText
{
    padding-bottom: 10px;
}

/* -------------------------- */
/* Profile                    */
/* -------------------------- */

.profile
{
    font-size: 7pt;
    margin-top: 10px;
    padding-bottom: 10px;
}
.profile A
{
    font-family: Arial, Verdana;
    text-transform: uppercase;
}

/* -------------------------- */
/* Various Forms              */
/* -------------------------- */

.forms
{
    font-size: 7pt;
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #ccc;
}
.formsHeader
{
    font-family: Arial, Verdana;
    font-size: 12pt;
    font-weight: bold;
    padding: 0px 2px 2px 2px;
    color: #336699;
}
.formsError
{
    FONT-FAMILY: Lucida Sans, Sans-Serif, Verdana, Arial, Helvetica;
    color: red;
    font-weight: bold;
}
.formsValid
{
    color: green;
    font-weight: bold;
}
.formsLabel
{
    FONT-FAMILY: Lucida Sans, Sans-Serif, Verdana, Arial, Helvetica;
    font-size: 8pt;
    color: #888888;
    margin-top: 2px;
    margin-bottom: 2px;
}

/* -------------------------- */
/* Miscellaneous              */
/* -------------------------- */

.button
{
    font-family: Tahoma, MS Sans Serif, Arial, Sans Serif;
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    cursor: hand;
    border: solid 1px #808080;
    background: url(images/buttonback.gif) center;
    padding: 1px 1px 1px 1px;
}
.highlight
{
    color: #000000;
    background-color: #ffff66;
}