@charset "utf-8";
/* CSS Document */

body {
	background: #F3F4F6 url(bg.png) repeat-x;
	font: 100%/150% Geneva, Arial, Helvetica, sans-serif;
	color: #222;
	margin: 0;
}

a, a:visited {
	color: #0099CC;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}


h1 {
	font-size: 24px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	
}

h2 {
	font-size: 16px;
	color:#000000;

}

h3 {
	font-size: 14px;
	color:#000000;

}
	


#wrap {
	width: 100%;
	margin: 0 auto;
}

/* Header */

#header-space {
	height: 88px;
}


#logo {
	width: 70px;
	padding-top: 10px;
	float: left;
}

#company-name {
	font-size: 28px;
	padding-top: 28px;
	font-weight: bold;
	color: #fff;
}

#tagline {
	color: #ccc;
	font-size: 12px;
	padding-top: 3px;
}

/* Navigation Bar */

#navbar {
	height: 30px;
	background: none;
	position: relative;
}

#nbar a {
	font-weight: normal;
}

#nbar {
	position: relative;
	width: auto;
	height: 30px;
	margin: 0;
	padding : 2px 0 0 0;
	font: 12px/25px Verdana, Arial, Tahoma, Sans-serif;
}

#nbar ul {
	float: left;
	list-style : none;
	margin: 0;
	padding: 0;
}

#nbar ul li {
	display: inline;
}

#nbar ul li a {
	display: block;
	height: 25px;
	float: left;
	padding: 0 10px;
	color: #ccc;
	text-decoration: none;
	background: none;
	border-left: dotted 1px #666;
}


#nbar ul li a:hover {
	color: #fff;
	background: url(nbg-inv.png) top repeat-x;	
}

#nbar ul li#selected a {
	color: #3399FF;
	background: url(nbg-inv.png) top repeat-x;
	font-weight: bold;
}

/* Content */

#content-wrap {
	padding: 10px 5px 0 5px;
}

#content {
	width: 95%;
	float: left;
	font-size: 14px;
}

.post-footer {
	background: url(post-footer.png) no-repeat;
	height: 32px;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px 0 10px;
	text-align: right;
	color: #fff;
	margin-bottom: 30px;
}
	

.dated {
	padding-top: 2px;
	background: url(calendar.png) left no-repeat;
	padding-left: 20px;
	float: left;
}

.category {
	background: url(category.png) left no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	float: left;
	height: 22px;
}

.author {
	padding-left: 20px;
	padding-bottom: 5px;
	background: url(user.png) no-repeat;
}

.more {
	padding-right: 20px;
	margin-left: 20px;
	padding-bottom: 2px;
	background: url(more.png) right no-repeat;
}


/* Forms and Text Fields */



/* Addition Stuffs */

blockquote {
	background: #F8F8F8;
	border: dotted 1px #D7D7D7;
	padding: 5px 5px 5px 25px;
}

code {
	margin : 4px 8px;
	padding : 10px;
	text-align : left;
	display : block;
	overflow : auto;
	font : 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
	background: #F8F8F8;
	border : 1px dashed #D7C3C3;
}

ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
	color: #333333;
}

ul span, ol span {
	color: #333333;
}



/* Sidebar */

#sidebar {
	width: 360px;
	float: right;
	font-size: 14px;
	border-bottom: dotted 2px #D7D7D7;
}

#sidebar h1 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

#left-sbar {
	width: 175px;
	float: left;
	border-left: 2px dotted #ccc;
}


#right-sbar {
	width: 175px;
	float: right;
	border-left: 2px dotted #ccc;
}

#sidebar .widgetspace {
	padding: 5px 5px 0 10px;
	margin: 0px;
	background: url(side-footer.png) bottom no-repeat;
	padding-bottom: 28px;
}


#sidebar ul.menu {
	list-style: none;
	text-decoration: none;
	margin : 3px 0 2px 0;
	padding: 0;
}

#sidebar ul.menu li {
	padding : 2px 0 0px 5px;
	margin : 0 0 0 2px;
	border-bottom: 1px dotted #ccc;
}

#sidebar ul.menu li:hover {
	background: #EBEBEB;
}

#sidebar ul.menu a {
	text-decoration : none;
	background-image : none;
	color: #333;
}


#sidebar ul.menu a:hover {
}

#divider-line {
	
	height: 2px;
}

/* Images */

img {
	border: none;
	background: none;
}

img.float-right {
	margin : 5px 0 10px 10px;
	padding: 2px;
}

img.float-left {
	margin : 5px 10px 10px 0;
	padding: 2px;
}

/* Footer */

#footer {
	background: #999999;
	height: 25px;
	padding-top: 5px;
	border-top: 5px solid #666666;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

#footer a {
	color: #000;
}

.clearfix {
	clear:both;
	overflow: hidden;
}

.menu {padding:0 0 0 5px; margin:0; list-style:none; height:30px; background:#000 ; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:30px; line-height:28px; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0 10px 0 10px; cursor:pointer;border-left: dotted 1px #666;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 10px 0 10px; height:30px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:30px; }
.menu li a.top_link:hover {color:#FFF; background: #000;}
.menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#fff; background: url(images/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :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;}

.menu :hover ul.sub {left:2px; top:30px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:225px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:225px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:12px; font-weight:bold;height:20px; width:220px; line-height:20px; text-indent:5px; color:#4088b8; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}

.admindatatable {
	background-color: #cccccc;
}

tr.admindatatableheader td {
	background-color: #efefef;
}

.admindatatableheader td {
	font-weight: bold;
        font-size: 12px;
	text-align: center;
	background-color: #efefef;
}

.admindatatable td {
	background-color: #ffffff;
        font-size: 12px;
}

.admindatatablehighlight td {
	background-color:#EEF4FB;
}

.contactform {-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: .4em;
width:500px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; }
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px #dadada;}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/;  border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:#000000; font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.contactform2 {width:700px; margin:2.0em 0 0 0; padding:10px 10px 0 10px;}
.contactform2 fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform2 fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform2 label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform2 select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform2 input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform2 textarea {width:600px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform2 input.button {float:center;  margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:#000000; line-height:1.4em;font-size:0.9em;}
.contactform2 input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.contactformb {width:700px; margin:2.0em 0 0 0; padding:10px 10px 0 10px;}
.contactformb fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px #dadada;}
.contactformb fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactformb label.left {float:left; width:200px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactformb select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactformb input.field {width:400px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactformb textarea {width:400px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactformb input.button {float:center; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; border:solid 1px rgb(150,150,150);  text-align:center; font-family:verdana,arial,sans-serif; color:#00000; font-size:110%;}
.contactformb input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.contactform22 {-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: .4em;
width:900px; margin:2.0em 0 0 0; padding:10px 10px 0 10px;}
.contactform22 fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform22 fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform22 label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform22 select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform22 input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform22 textarea {width:800px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform22 input.button {float:center;  margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:#000000; line-height:1.4em;font-size:0.9em;}
.contactform22 input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}


.contactform22a {-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: .4em;
width:800px; margin:2.0em 0 0 0; padding:10px 10px 0 10px;}
.contactform22a fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform22a fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform22a label.left {float:left; width:250px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform22a select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform22a input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform22a textarea {width:675px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform22a input.button {float:center;  margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:#000000; line-height:1.4em;font-size:0.9em;}
.contactform22a input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}


.contactform22d {-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: .4em;
width:800px; margin:2.0em 0 0 0; padding:10px 10px 0 10px;}
.contactform22d fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform22d fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform22d label.left {float:left; width:350px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform22d select.combo {width:300px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform22d input.field {width:300px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform22d textarea {width:300px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform22d input.button {float:center;  margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:#000000; line-height:1.4em;font-size:0.9em;}
.contactform22d input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

#breadcrumb ul li{
	font-weight: bold;
        font-size: 11px;
   list-style-image: none;
   display:inline;
   padding: 0 3px 0 0;
   margin: 3px 0 0 0;
}
#breadcrumb ul{
	font-weight: bold;
        font-size: 11px;
   margin:0;padding:0;
   list-style-type: none;
   padding-left: 1em;
}