@media all {
html{margin:0}
body{font:11px/17px Verdana, Arial, Helvetica, sans-serif;color:#333;background-color:#fff;margin:0}
a:link{color:#630;background:transparent}
a:visited{color:#974;background:transparent}
a:active{color:red;background:transparent}
a:hover{color:#f90;background:transparent;text-decoration:none}
img {border:none;}
code,pre{font-family:"Courier New", monospace;color:#000;}
code>pre, .tryit {max-width:460px;overflow:auto;background-color:#fff;border:1px solid #ccc;border-radius:15px;margin:20px;padding:3px}
.tryit textarea {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:xx-small}
h1,h2,h3,h4,h5,h6{color:#000;margin-bottom:0}
h1{font-size:17px;border-bottom:1px dotted #ccc}
h2{font-size:15px;border-bottom:1px dotted #ccc}
h3{font-size:14px}
h4{font-size:12px}
h5{font-size:11px}
h6{font-size:10px}
hr{color:#000;height:1px;margin:0}
/* #mastHead{width:100%;height:52px;table-layout:fixed;border-bottom:1px solid #000;background-color:#f90} */
#mastHead{width:100%;height:130px;table-layout:fixed;border-bottom:1px solid #000;background-color:#9FBCDF}
#contentArea{width:100%}
#contentArea td{vertical-align:top}
#leftColumn{width:200px;border-right:1px solid #EFE8CE}
#topAdShow{height:90px;border-bottom:1px dotted #DAD0AF;padding:5px;background-color:#fff;}
#topAdHide{height:0;border:0;display:none}
#content{padding:6px}
#rightColumn{width:170px;border-left:1px dotted #DAD0AF}
.rightMenuLink{line-height:120%;padding:0}
.rightMenuLink a{font-family:arial;vertical-align:middle;text-decoration:underline;color:#630}
.leftMenuBlock,.rightMenuBlock{border-bottom:1px dotted #DAD0AF;padding:3px;padding-left:6px;}
.leftMenuBlock .subMenu{margin-left:8px;margin-bottom:5px}
.bannerAd {text-align:center;padding-bottom:6px;}
.leaderboardTop { width:728px;height:90px;}
#searchBoxBottom{background-color:#efe8ce;text-align:center;padding:3px}
#enjoyPage{background-color:#fcf9ee;border:5px;padding:5px}
#enjoyPage ul{list-style-type:square}
#footer-nav{border-top:12px solid #696969;background-color:#fff4c8;height:110px;width:100%;min-width:840px}
#footer-nav ul{margin-top:5px;margin-left:0;font-size:11px;line-height:14px;padding:0}
#footer-nav li{list-style-type:none}
#footer-nav a{text-decoration:none;color:#755A10}
#footer-nav a:hover{text-decoration:underline;color:#630}
#footer-nav h3{font-size:11px;color:#634a08;margin:0}
#footer-nav .grid{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;}
#footer-nav .about{width:190px;height:100%;border-right:1px dotted #634a08}
#footer-nav .stripe{position:absolute;left:0;background-color:#fc0;height:20px;width:100%;min-width:840px}

#footer-utilities {text-align:center;clear:both;}
#mobile-toggle {}
#copyright{}
div.relatedLinks{float:right;width:150px;font-size:11px;font-family:arial,helvetica,sans-serif;color:#000;background-color:#fff4c8;vertical-align:top;border-radius:10px;margin:3px;padding:7px}
div.relatedLinks b {text-transform:uppercase;color:#634a08;font-size:1.1em;}
#utilities{}
.printIcon{padding:5px;}
.socialLinks {padding:5px;}
input radio{border:none}
.smltxtitalic{font-size:8pt;line-height:9pt;font-style:italic;color:#888}
ol.demo-list li{margin-bottom:10px}
#topNav{height:17px;width:100%;border-bottom:1px solid #fc0;margin-top:20px;font-size:11px;line-height:17px}
#topNav a{color:#630;text-decoration:none}
#topNav .tab{height:17px;display:inline;float:left;position:relative;padding-left:5px;padding-right:5px;background-color:#fff4c8;border-right:1px solid #fc0}
#topNav .tab:hover{background-color:#fc0;color:#974}
#topNav .on{background-color:#fc0;font-weight:700}
a.leftMenu{font-size:8pt;line-height:120%;text-decoration:none;color:#630}
h4.leftMenuHeading,a.leftMenuHeading{font-size:8pt;line-height:120%;font-weight:700;margin-top:5px;margin-bottom:0;text-decoration:none;color:#000}
th{text-align:left}
.example-code{background-color:#fff;border:1px solid #ccc;border-radius:15px;margin:20px;padding:3px}
.example-display{background-color:#fcf9ee;border-radius:15px;width:90%;margin:20px;padding:8px}
.example-display td:first-child{width:300px}
.example-display textarea{border:1px solid #ccc;width:200px}
.example-display th{color:#630}
.separator{border-bottom:1px solid #ccc}
textarea.example-code{height:80px;width:95%;min-width:100px;max-width:500px;font-size:11px;color:#777}
.index{background:#fff url(/pix/bg/bg_fcf9ee_fade_2x500_vertical_flip.gif) repeat-x top left;border:none;border-radius:15px}
.index td{width:50%}
table.tabular{width:95%;border-bottom:1px solid #ccc;background-color:#eee;border-collapse:collapse;margin:20px}
table.tabular td,table.tabular th{border-top:1px solid #ccc;border-right:1px solid #ccc;padding:3px 20px 3px 3px}
table.tabular td:first-child,table.tabular th:first-child{border-left:1px solid #ccc}
table.tabular-alt{width:95%;margin:20px}
table.tabular-alt thead tr{background-color:#efe8ce}
table.tabular-alt tr{background-color:#fcf9ee}
table.tabular-alt tr.alt{background-color:#f6f2e4}
table.sqlTableExample{background-color:#eee;margin-left:20px}
th.attribute{text-align:left;color:#333}
th.attribute-section{background-color:#ddd}
table.attribute{border-collapse:collapse;width:100%}
td.attribute,th.attribute,th.attribute-section{border:5px;border-bottom:1px dashed #ddd;vertical-align:top;padding:2px 10px}
.toc {width:100%;vertical-align:text-top;}
.col-2 td {width:50%;}
table.css-property td {background-color:#eee;}
table.css-property th, table.css-property td {border-bottom:1px solid #ccc;vertical-align:text-top;padding:8px;}
table.css-property {border-top:1px solid #ccc;vertical-align:text-top;}
div.step h2{color:#4d913d;font-size:24px;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;text-transform:uppercase}
.tip{background:url(/pix/icons/tip_icon.png) no-repeat 5px 3px;padding-left:45px;min-height:35px}
.info{background:url(/pix/icons/information_icon.png) no-repeat 5px 3px;padding-left:45px;min-height:30px}
div.textAd{margin-top:5px;margin-bottom:5px;font-size:11px;font-family:arial, helvetica, sans-serif;color:#000;background-color:#D0F18F;border:1px dotted #6DB72C;vertical-align:top;line-height:120%;width:160px;padding:3px}
.leftMenuBlock div.textAd{width:185px}
.rightMenuBlock div.textAd{width:160px}
div.textAd ul{list-style-position:inside}
.screenshot{border:1px dashed #999}
ul#nav{list-style-type:none;margin:0;padding:1px}
ul#nav li a{display:block;width:130px;color:#fff;background-color:#f90;text-align:center;text-decoration:none;border:1px solid #f90;padding:1px}
ul#nav li a:hover{color:#fff;background-color:#fc0;border:1px dashed #fc0}
ul#nav .previous{float:left;margin:10px}
ul#nav .next{float:right;margin:10px}
img.web-graphics{padding:10px}
table.tabular th,tr.sqlTableExampleHeaderRow{background-color:#ccc}
#adsBottom {clear:both;margin:10px;}
#adBottomLinkUnit {margin:5px;}
}
@media print
{
#leftColumn, #rightColumn, #topNav, #topSearch, #searchBoxBottom, #enjoyPage, .ad {display:none;}
img {max-width:100%}

}
<!--begin new code-->
.center{
	margin: auto;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
ul#feedback {list-style: url(http://www.naas.org/images/purbut.gif) inside;
font-size: 9.5pt; font-family:corbel;
font-weight: normal; color: #000080;
}


ol#flagd {list-style: float:left;  
font-size: 9.5pt; font-family:corbel;
font-weight: 430; color: #000040;
display:list-item;
padding:1px 4px;
/*list-style-type:disc;*/
list-style-position: url(http://www.naas.org/images/redbut.gif) inside;
text-decoration:none;
}
h5#lefty {
margin-top:5px;margin-bottom:0;
font-size: 12pt; font-family:corbel;
font-weight: 430; color: #FF0000;
}
th {
font-weight: bold;
text-align: center; }

td#header {
font-size: 11.5pt; font-family:corbel;
font-weight: bold;color: #FF0000;
align: center;
}
td#action {
font-size: 10.5pt; font-family:tahoma;
font-weight: bold;color: #000080;
align: center;
}

td#require {
font-size: 10.5pt; font-family:tahoma;
font-weight: bold;color: #800000;
align: center;
}

td#expire  {
font-size: 10.5pt; font-family:tahoma;
font-weight: bold;color: #000000;
align: center;
}

ol#movie {list-style: url(http://www.naas.org/images/movies_ico.gif) inside;
}

ol#runner { list-style: url(http://www.naas.org/images/redbut.gif) inside;
}

li#myrunner {
font-size: 12pt; font-family: corbel; font-weight: 435; 
color: #003333;
}

/*new code */

.col3 ol li {margin-bottom: 8px; list-style-image: url(http://www.naas.org/images/statescholarships.png); line-height: 14pt;  list-style-position: inside; margin: 0px; padding-bottom: 10px; padding-left: 0px; margin-left: 0px; border: 1px  dashed #D6D6D6; background: #F6F4F4; font-size: 12pt; font-family: corbel; font-weight: 435; 
color: #003333;}

.develop ol li {margin-bottom: 8px; list-style-image: url(http://www.naas.org/images/statescholarships.png); line-height: 14pt;  list-style-position: inside; margin: 0px; padding-bottom: 10px; padding-left: 0px; margin-left: 0px; border: 1px  dashed #D6D6D6; background: #F6F4F4; font-size: 12pt; font-family: corbel; font-weight: 435; 
color: #003333;}

.col4 ol li {margin-bottom: 8px; list-style-image: url(http://www.scholarships.com/img/bullet03.png); line-height: 14pt; list-style-position: inside; margin: 0px; padding-bottom: 10px; padding-left: 0px; margin-left: 0px; border-bottom:1px dotted #DAD0AF;padding:3px;padding-left:6px; font-size: 13pt; font-family: corbel; font-weight: 435; 
color: #003333;}

ol#statesmy {
font-size: 12pt; font-family: corbel; font-weight: 435; 
color: #003333;
}

/* end of new code */

a img {border:0}
p img { padding: 0; max-width: 100%; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
h1#special {font-size: 13pt; font-family:verdana; font-style:normal; font-weight:430pt; color:#000080;}
h2#special {font-size: 11pt; font-family:verdana; font-style:normal; font-weight:430pt; color:#000080;}
h3#special {font-family:verdana; font-style:normal; font-weight:430pt; color:#0000FF;}

sup#tm { 
font-size: 14.5pt; font-family: tahoma;
font-weight: bold; color: #003333;
padding: 0.2em;

}

sup#atm { 
font-size: 11.5pt; font-family: candara;
font-weight: bold; color: #000080;
padding: 0.2em;

}

th#tellmetellme {background-color: #DBFF70; 
font-size: 12pt; font-family: candara;
font-weight: bold; color: #330099;
} 


textarea#roll {background-color: #CCFFFF; 
font-size:: 11pt; font-family: calibri;
font-weight: bold; color: #330099;
}

select#roll {background-color: #CCFFFF; 
font-size: 11pt; font-family: calibi;
font-weight: bold; color: #330099;
}

select#roller {background-color: #FFFF82; 
font-size: 11pt; font-family: calibi;
font-weight: bold; color: #CE0000;
}

textarea#better_roll {background-color: #9FFFCF; 
font-size: 11pt; font-family: candara;
font-weight: bolder; color: #004080;
}

blockquote#blockzz {
margin: 1.5em 0;
border: 2px solid #CC3333;
background: url(../images/colorbar
.gif) 5px 5px repeat;
padding-top: 2px;
width: 20em;
font-weight: bold; font-size: 13pt; font-family: Franklin Gothic Medium;
}

span#examp { font-size: 11pt; font-family: corbel; font-weight: bold; color: #950000;
}

td#stack { font-size: 10pt; font-family: corbel; font-weight: bold; color: #006600;
}

ol#audio {list-style: url(http://www.naas.org/images/sound-icon.jpg) inside;
font-size: 11.5pt; font-family: candara;
font-weight: bold; color: #AE0000;
}

ol#info_icon {list-style: url(http://www.naas.org/images/info_icon.gif) inside;
font-size: 11.5pt; font-family: candara;
font-weight: bold; color: #AE0000;
}
li#schemex {
font-size: 10.5pt; font-family: candara;
font-weight: bold; color: #AE0000; }

li#schemey {
font-size: 11.5pt; font-family: candara;
font-weight: bold; color: #000055; }

li#schemez {
font-size: 11pt; font-family: candara;
font-weight: bold; color: #006400; }

h3#style1 { font-weight: bold; 
font-size: 13pt; font-family: candara; 
color: #CC3333; 
}

td#becky_flag {
font-size: 10.5pt; font-family: Corbel;
font-weight: bold; color: #330099;
}

pre#style_flag {
font-size: 10.5pt; font-family: corbel;
font-weight: bold; color: #330099;
}


td#becky {background: #ffffff; 
font-size: 10.5pt; font-family: candara;
font-weight: bold; color: #008020;
}


td#becky_xx {background: #D9FFD9; 
font-size: 10pt; 
font-family: corbel;
font-weight: bolder; color: #484848;
}


td#inside {
font-size: 10.5pt; font-family: consolas;
font-weight: bold; color: #AE0000;
}

td#specx {
font-size: 12pt;font-family: corbel; background-color: DBFF70;
font-weight: bold; color: #330099;
}

th#lickandetell {background-color: #FFFFFF; 
font-size: 12pt; font-family: candara;
font-weight: bolder; color: #330099;
}

td#head2 {background: #CCFFFF; 
font-size: 11pt; font-family: ravvi;
font-weight: bold; color: #330099; 
}

th#head1 {background: #DBFF70; color: #DBFF70;
font-size: 12pt; font-family: GRAPHITE LIGHT ATT;
font-weight: bold; color: #330099;
}


img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

ol#packet {list-style: url(http://www.naas.org/images/scholarship-icon.jpg) inside; float:left;
font-size: 12pt; font-family:Corbel;
font-weight: 425; color: #7D0000;
}

ol#flag1 {list-style: url(images/ico-dir.gif) inside;
font-size: 11pt; font-family:corbel;
font-weight: normal; color: #6666CC;
}

ol#flag2 {list-style: url(http://www.naas.org/images/redbut.gif) inside;
}

td#featured { 
font-size: 11pt; font-family: CALIBRI;
font-weight: 425; color: #000080;
}

td#premium { 
font-size: 11pt; font-family: CALIBRI;
font-weight: 425; color: #800000;
}

td#basic { 
font-size: 11pt; font-family: CALIBRI;
font-weight: 425; color: #A042FF;
}


br#edge {
text-indent:25px;
}

p#edge  {
text-indent:25px;
}

.glow1 a:hover {
background: #FFFFCC;
margin-top: 0.125px;
margin-bottom:0.125px;
}
/*new cssx. code */
#addbox {
  position: relative;
  width: 500px;
  height: 70px;
  clip: rect(0px, 500px, 0px, 70px);
  overflow: hidden;
}
#banner1 {
  position: relative;
  width: 480px;
  height: 60px;
  left: 0;
  top: 5px;
}
#banner2 {
  position: relative;
  width: 480px;
  height: 60px;
  left: 500px;
  top: -55px !important;
  top:-58px;
}
blockquote#blockxx {
margin: 1.5em 0;
border: 2px solid #CC3333;
background: url(http://www.naas.org/images/colorbar.gif) 10px 10px repeat;
padding-top: 2px;
width: 40em;
font-weight: bold; font-size: 13pt; font-family:corbel;
}

td#intro {background: #CCFFFF; 
font-size: 9pt; font-family: CALIBRI;
font-weight: bold; color: #330099;
}

td#inset {background: #F39D85; 
font-size: 11pt; font-family: CALIBRI;
font-weight: bold; color: #330099;
}

th#heaset {background: #FFFFAE; 
font-size: 11pt; font-family: corbel;
font-weight: bold; color: #804040;
}

td#head2 {background: #FFFFCC; 
font-size: 14pt; font-family: GOUDY OLD STYLE ATT;
font-weight: bold; color: #FFFFCC;
}

th#head3 {background: #FFCCFF; color: #33CC33;
font-size: 12pt; font-family: LUCIDA SANS;
font-weight: bold; color: #003333;
}

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 15em;
height: 20px;
/*border: 1px solid black;*/
padding: 3px;

}

#pscroller2 a{
font-size: 12pt; font-family: corbel;
font-weight: bold; color: #003333;
}

.glower a{ 

color: #fff;
background: #f90;
font-size: 12pt; font-family: corbel;
font-weight: bold; color: #003333;
padding: 0.2em;
border: 4px solid;
border-color: #99f #008 #008 #99f;
}

 .glower a:hover
{
background: #fa1;
border-color: #008 #99f #99f #008
}

.glowx a{ 

color: #fff;
background: #f90;
font-size: 12pt; font-family: corbel;
font-weight: bold; color: #003333;
padding: 0.2em;
border: 1px solid;
border-color: #99f #008 #008 #99f;
}

 .glowx a:hover {
background: #FFFFCC;
border-color: #008 #99f #99f #008
}

.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }
/*new jquery code from http://jquerytools.org/media/css/syntax.css &/
.highlight .hll { background-color: #404040 }
.highlight  { background: #202020; color: #d0d0d0 }
.highlight .c { color: #999999; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .g { color: #d0d0d0 } /* Generic */
.highlight .k { color: #6ab825; font-weight: bold } /* Keyword */
.highlight .l { color: #d0d0d0 } /* Literal */
.highlight .n { color: #d0d0d0 } /* Name */
.highlight .o { color: #d0d0d0 } /* Operator */
.highlight .x { color: #d0d0d0 } /* Other */
.highlight .p { color: #d0d0d0 } /* Punctuation */
.highlight .cm { color: #999999; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #cd2828; font-weight: bold } /* Comment.Preproc */
.highlight .c1 { color: #999999; font-style: italic } /* Comment.Single */
.highlight .cs { color: #e50808; font-weight: bold; background-color: #520000 } /* Comment.Special */
.highlight .gd { color: #d22323 } /* Generic.Deleted */
.highlight .ge { color: #d0d0d0; font-style: italic } /* Generic.Emph */
.highlight .gr { color: #d22323 } /* Generic.Error */
.highlight .gh { color: #ffffff; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #589819 } /* Generic.Inserted */
.highlight .go { color: #cccccc } /* Generic.Output */
.highlight .gp { color: #aaaaaa } /* Generic.Prompt */
.highlight .gs { color: #d0d0d0; font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #ffffff; text-decoration: underline } /* Generic.Subheading */
.highlight .gt { color: #d22323 } /* Generic.Traceback */
.highlight .kc { color: #6ab825; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #6ab825; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #6ab825; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #6ab825 } /* Keyword.Pseudo */
.highlight .kr { color: #6ab825; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #6ab825; font-weight: bold } /* Keyword.Type */
.highlight .ld { color: #d0d0d0 } /* Literal.Date */
.highlight .m { color: #3677a9 } /* Literal.Number */
.highlight .s { color: #ed9d13 } /* Literal.String */
.highlight .na { color: #bbbbbb } /* Name.Attribute */
.highlight .nb { color: #24909d } /* Name.Builtin */
.highlight .nc { color: #447fcf; text-decoration: underline } /* Name.Class */
.highlight .no { color: #40ffff } /* Name.Constant */
.highlight .nd { color: #ffa500 } /* Name.Decorator */
.highlight .ni { color: #d0d0d0 } /* Name.Entity */
.highlight .ne { color: #bbbbbb } /* Name.Exception */
.highlight .nf { color: #447fcf } /* Name.Function */
.highlight .nl { color: #d0d0d0 } /* Name.Label */
.highlight .nn { color: #447fcf; text-decoration: underline } /* Name.Namespace */
.highlight .nx { color: #d0d0d0 } /* Name.Other */
.highlight .py { color: #d0d0d0 } /* Name.Property */
.highlight .nt { color: #6ab825; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #40ffff } /* Name.Variable */
.highlight .ow { color: #6ab825; font-weight: bold } /* Operator.Word */
.highlight .w { color: #666666 } /* Text.Whitespace */
.highlight .mf { color: #3677a9 } /* Literal.Number.Float */
.highlight .mh { color: #3677a9 } /* Literal.Number.Hex */
.highlight .mi { color: #3677a9 } /* Literal.Number.Integer */
.highlight .mo { color: #3677a9 } /* Literal.Number.Oct */
.highlight .sb { color: #ed9d13 } /* Literal.String.Backtick */
.highlight .sc { color: #ed9d13 } /* Literal.String.Char */
.highlight .sd { color: #ed9d13 } /* Literal.String.Doc */
.highlight .s2 { color: #ed9d13 } /* Literal.String.Double */
.highlight .se { color: #ed9d13 } /* Literal.String.Escape */
.highlight .sh { color: #ed9d13 } /* Literal.String.Heredoc */
.highlight .si { color: #ed9d13 } /* Literal.String.Interpol */
.highlight .sx { color: #ffa500 } /* Literal.String.Other */
.highlight .sr { color: #ed9d13 } /* Literal.String.Regex */
.highlight .s1 { color: #ed9d13 } /* Literal.String.Single */
.highlight .ss { color: #ed9d13 } /* Literal.String.Symbol */
.highlight .bp { color: #24909d } /* Name.Builtin.Pseudo */
.highlight .vc { color: #40ffff } /* Name.Variable.Class */
.highlight .vg { color: #40ffff } /* Name.Variable.Global */
.highlight .vi { color: #40ffff } /* Name.Variable.Instance */
.highlight .il { color: #3677a9 } /* Literal.Number.Integer.Long */
/* end of file */

/*beginning of tab css style sheets */
/*reference: http://jquerytools.org/media/css/tabs.css*/
/*http://jquerytools.org/media/img/tabs/blue.png */

/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom:1px solid #666;
    height:30px;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    background: url(../media/img/tabs/blue.png) no-repeat -420px 0;
   font-size:11px;
    display:block;
    height: 30px;
    line-height:30px;
    width: 134px;
    text-align:center;
    text-decoration:none;
    color:#333;
    padding:0px;
    margin:0px;
    position:relative;
    top:1px;
}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background-position: -420px -31px;
    color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -420px -62px;
    cursor:default !important;
    color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
    display:none;
}


/* tab pane styling */
/*ref: http://jquerytools.org/media/css/tabs-panes.css */
.panes div {
    display:none;
    padding:15px 10px;
    border:1px solid #999;
    border-top:0;
    height:100px;
    font-size:14px;
    background-color:#fff;
}
.farleft {
   float: left;
   padding: 0 20px 20px 0; width:301px;
   #container{width:100%;}
#right{float:right;width:100px;}
#center{margin:0 auto;width:100px;}

 p.c2 {text-indent:25px; font-size: 16pt; font-family: corbel;font-weight: 400; color: #4848FF;}