/* General Styles */

*{margin:0;padding:0;}

body{margin:0;padding:0;border:0;
/* This removes the border around the viewport in old versions of IE */
width:100%;background:#eee;min-width:660px;
/* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
font-size:90%;
font-family:verdana,arial,sans-serif;
line-height:130%;
}

a:link, a:visited{color:#b00;}
a:hover{color:#999;text-decoration:none;}
a:active{color:#000;}

acronym{cursor:help;}

code{font:normal 110%/110% "courier new", monospace;}

h1{color:#b00;font:normal 180%/100% impact,"arial black",sans-serif;padding:0 0 3px 0;border-bottom:1px solid #ddd;margin:.6em 0 .2em 1px;}
h2, h3{margin:.8em 0 .2em .1em;padding:0;}
h2{color:#000;font:normal 160%/100% impact,"arial black",sans-serif;padding:0 0 3px 0;border-bottom:1px solid #ddd;}
h3, h3 a{color:#777;font:normal 140%/100% impact,"arial black",sans-serif;}

img{border:0;}

input, select, textarea{padding:3px;font-family:verdana,arial,sans-serif;font-size:105%;}

p, pre{margin:1.0em 0;padding:0;}
p.fr{margin:0;}

ol{margin:1.0em 2.5em;padding:0;}
ol li{margin:1.0em 0;padding:0;}
ul{margin:1.0em 2.0em;padding:0;list-style:square;}
ul li{margin:1.0em 0;padding:0;}

table{border-collapse:collapse;}
td, th{padding:1px;}
th{font-weight:normal;}

/* Header Styles Internal */
#header{clear:both;float:left;width:100%;}
#header{font-family:tahoma,verdana,sans-serif;border-bottom:1px solid #000;}
#header ul{clear:left;float:left;width:100%;list-style:none;margin:0;padding:0;}
#header ul li{display:inline;list-style:none;margin:0;padding:0;}
#header ul li a{float:left;margin:0 0 0 1px;padding:3px 8px 4px 8px;text-align:center;background:#ccc;color:#000;text-decoration:none;position:relative;left:15px;}
#header ul li a:hover{color:#fff;background:#b00;}
#header ul li a:active{color:#fff;background:#000;}
#header ul li a:focus{color:#fff;background:#000;}
#header ul li a.active,#header ul li a.active:hover{color:#fff;background:#000;font-weight:bold;}
#header ul li a span{display:block;}

#logo{padding:15px;}

/* 'widths' sub menu */
#layoutdims{clear:both;background:#eee;border-top:4px solid #000;margin:0;padding:6px 15px !important;text-align:right;}

/* column container */.colmask{position:relative;/* This fixes the IE7 overflow hidden bug */clear:both;float:left;width:100%;/* width of whole page */overflow:hidden;/* This chops off any overhanging divs */}

/* common column settings */.colright,.colmid,.colleft{float:left;width:100%;/* width of page */position:relative;}
.column1,.column2,.column3{float:left;position:relative;padding:0 0 1em 0;/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */overflow:hidden;}

/* 3 Column settings */
.threecol{background:#eee;

/* right column background color */}

.threecol .colmid{right:25%;
/* width of the right column */
background:#fff;
/* center column background color */}

.threecol .colleft{right:50%;
/* width of the middle column */
background:#eee;
/* left column background color */}

.threecol .column1{width:46%;
/* width of center column content (column width minus padding on either side) */
left:102%;
/* 100% plus left padding of center column */}

.threecol .column2{width:21%;
/* Width of left column content (column width minus padding on either side) */
left:31%;
/* width of (right column) plus (center column left and right padding) plus (left column left padding) */}

.threecol .column3{width:21%;
/* Width of right column content (column width minus padding on either side) */
left:85%;
/* Please make note of the brackets here:(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */}

.column1{background:#fff;}
.column1 h2 a{color:#000;text-decoration:none;}
.column1 h2 a:hover{color:#b00;}

.column2, .column3{font-family:tahoma,verdana,sans-serif;}
.column2 h3, .column3 h3{padding:0 0 .15em 0;border-bottom:1px solid #ccc;}
.column2 h4, .column3 h4{color:#999;font:normal 140%/100% impact,"arial black",sans-serif;margin:.5em 0 .3em 0;}
.column2 h4 a, .column3 h4 a{color:#999;text-decoration:none;}
.column2 h4 a:hover, .column3 h4 a:hover{color:#b00;text-decoration:none;}
.column2 ul, .column3 ul{margin:.5em;list-style:none;}
.column2 ul ul, .column3 ul ul{margin:.3em 1.2em;list-style:square;}
.column2 ul li, .column3 ul li{margin:.1em 0;padding:0;}

div.micro{width:120px;height:31px;margin:30px auto 0 auto;}

/* Footer styles */
#footer{clear:both;float:left;width:100%;border-top:1px solid #000;font-family:tahoma,verdana,sans-serif;text-align:center;}
#footer p{padding:10px;margin:0;}
#footer ul{margin:15px 0 0 0;padding:0;}
#footer ul li{display:inline;list-style:none;margin:0;padding:0;}

.fl{float:left;margin:0 15px 0 0;}
.fr{float:right;margin:0 0 0 15px;}

.fs1{font-size:110%;}
.fs2{font-size:120%;}
.fs3{font-size:130%;}

.small{font-size:70%;line-height:100%;}

.nw{white-space:nowrap;}

.vab{vertical-align:bottom;}
.vabl{vertical-align:baseline;}
.vam{vertical-align:middle;}
.vat{vertical-align:top;}

.ttu{text-transform:uppercase;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}

.td35{width:35%;text-align:right;}
.td65{width:65%;text-align:left;}

.b1{border:1px solid #ddd;}

.gray{color:#999;}
.green{color:#060;}
.orange{color:#f90;}
.red{color:#b00;}

.do{color:#060;background:#f2fff2;text-transform:uppercase;padding:2px 4px;}
.do a{color:#060;}
.donot{color:#b00;background:#ffecec;text-transform:uppercase;padding:2px 4px;}

#bhome a#home,
#babout a#about,
#bcontact a#contact,
#bexamples a#examples,
#bfaqs a#faqs,
#bmeta a#meta,
#bmission a#mission,
#breferences a#references,
#bxrobots a#xrobots
{color:#fff;background:#000;}