body {
 margin :10px 15px 10px 15px; 
 line-height:14px; 
 font-family:Tahoma, Arial; 
 font-size: small; 
 border:1px solid #000; 
 background: url(images/bckg.jpg) repeat-x #0A8FDE; 
}
 
p
{
font-weight: 550;
font-family: "Myriad Pro", "Trebuchet MS", Arial; 
font-size: 14px;
margin: 1px;
color: #333;
}

pre
{
font-weight: bold;
color: red;
background: #ddd;
padding: 3px 10px;
margin: 0px;
overflow: auto;
}
     
#header, .navbar, .navbar ul, .navbar li, .navbar a, #banner, #banner-text, #banner-graphic {
  padding: 0px;
  margin:  0px;
}


#header {
  float: left;
  width: 100%; 
  background: url(images/menu_bckg.gif) repeat-x #F6F6F6;
  font-family: "Myriad Pro", "Trebuchet MS", Arial;
}

.navbar {
  float: right;
  padding-right:50px;
}


.navbar li {
  float: left;
  text-transform:uppercase; 
  font-size:1.15em; 
  font-weight:bold; 
  padding-left: 8px;
  padding-right: 18px;
  list-style:none;
  background:url(images/splitter.gif) no-repeat 0px 0px;
}

.navbar li a {
  float: left;
  color:#000000;
  text-decoration:none; 
  padding: 10px 0px 10px 0px;
}

.navbar a:hover { 
  color:#078DE2;
  padding: 12px 0px 8px 0px; 
}


#banner { 
  float:left; 
  width: 100%; 
  background: #3B54C1;   
}

#banner-text {
  background: url(images/back.jpg) repeat-x bottom left #26347b;  
  padding: 10px 20px 10px 20px; 
  font-size:1.2em; 
  color:#fff; 
  line-height:12px;
}

#banner-text a { 
  font-family: "Myriad Pro", "Trebuchet MS", Arial; 
  color:#fff; 
  text-decoration:none; 
  font-weight:bold; 
  font-size:20px;
  margin-right: 10px; 
  text-transform:uppercase; 
  letter-spacing:5px; 
  }



#banner-graphic {
  padding: 100px 0px 100px 0px;
  background:url(images/banner.jpg) repeat-x top right #26347b;   
}

#gadd-header {
background: #26347b; 
width: 100%;
text-align: center;
}




a { 
color:#10639a; 
text-decoration:none;
}

a:hover { 
text-decoration:underline;
}

p { 
padding: 0 10px 5px 10px; 
}

h1, h2 { 
font-family: "Myriad Pro", "Trebuchet MS", Arial; 
margin:0px 0px 20px 0px; 
padding:10px 0px 3px 10px; 
text-transform:uppercase; 
font-size:18px; 
color:#10639a; 
border-bottom: 2px solid #C6DEFF;
}

h2 {
font-size:16px; 
}



.item img { background-color:#FFFFFF; padding:6px; border:1px solid #d0d0d0;}
.item a { display:block; float:left; font-size:12px; color:#bd131d;}
.description { display:block; float:right; width:220px; padding: 10px 20px 30px 0; line-height:12px;}
p.additional { margin:0 10px; color:#9c9c9c; font-size:10px; line-height:12px; border-top:1px solid #bdbdbd; padding: 10px 0; font-weight:normal;}

#text { 
font-weight: 550;
font-family: "Myriad Pro", "Trebuchet MS", Arial; 
font-size: 1.1em;

margin: 0 0 0 207px; 
background:url(images/content.gif); padding:10px; 
}
#text li {list-style:none; padding-left:20px; background:url(images/li.gif) no-repeat 0px 4px;line-height:18px;}

#sidebar { float:left; margin-right:0px;width:160px; padding: 20px 20px 10px 20px; font-size:10px; background: #FFFFFF;}
#sidebar a{ font-weight:bold; }
#sidebar h1 { font-family: "Myriad Pro", "Trebuchet MS", Arial; margin:0; padding:0 0 20px 0; text-transform:uppercase; color:#000;}

#main { float:left; background:url(images/sidebar_bckg.gif) no-repeat top right #fff;  width: 100%;}



#footer {
  font-family: "Myriad Pro", "Trebuchet MS", Arial; 
  background:url(images/footer_bckg2.gif) repeat-x #000; 
  float: left;
  width: 100%;
  padding: 20px 0px 20px 0px;
  text-align: center;
  margin: 0 auto;
}

#footer-left { 
  float:left; 
  padding-left:30px; 
  color:#fff; 
  font-size:12px;
}


#footer-middle { 

  color:#fff; 
  font-size:12px;
  padding:0px 50px 0px 30px;
}

#footer-middle a {
 
  font-size:80%;
  padding: 0px;
  margin: 0px;
  color: #aaa;
  font-weight: normal; 
  letter-spacing:2px; 
  text-decoration:none; 
  padding: 0px 10px;
  text-transform:uppercase; 
}

#footer-middle a:hover {
  color: #fff;
}


#footer-right { 
  /*background: #0f0;*/
  float:right;  
  padding-right:30px; 
  color:#fff;  
  font-size:12px; 
  text-align:right;
}

#footer-right a { 
color:#fff;
}


#standards {
  text-align: center;
  padding: 4px 0px;
  margin:  0px 0px 10px 0px; 
  width:100%;
  float: left;
  background: url(images/back_black.jpg) repeat-x top left #000;
}

#standards #links a{
  color: #888;
}

#xhtml
{
padding-left: 18px;
margin-right: 20px;
background: url(images/xhtml_btn.gif) no-repeat 0 50%;
}
 
#css
{
padding-left: 18px;
margin-right: 20px;
background: url(images/css_btn.gif) no-repeat 0 50%;
} 


#text textarea, #text select
{
margin: 5px 10px;
background-color: #C3D9FF; 
border: 1px solid #331DAC;
font-family: tahoma;
color: #331DAC;
font-size:0.9em;
}

#text select 
{
display: block;
}

#text textarea
{
width: 90%;
}

#text select
{
margin-top: 10px;
}


#text #url 
{
margin-top: 15px;
padding: 4px 2px 1px 2px;
font-size:1.1em;
}


#text input
{
margin: 5px 0px 0px 7px;
background-color:#0088AA; 
color:#ffffff;
}


#quickLink
{
margin-top: 20px;
font-size: 0.9em;
line-height: 1.2em;
}

#quickLink input
{
font-size: 1.1em;
}

form.copyFile 
{
display: block;
margin-top: 10px;
}

 
#text #clear
{
margin-left: 60px;
}

#text #encode, #text #decode
{
display: inline;
font-size: 1.3em;
font-weight: bold;
padding-left: 20px;
} 

 
#text #encodeBox, #text #decodeBox
{
display: inline;
padding-right: 40px;
} 


#description p
{
padding-bottom: 20px;
}

#description ul
{
margin: 0px;
margin-top: -10px;
padding-bottom: 20px;
}



#text .copyFile input
{
background-color: #008800;
padding: 1px 10px;
}

#text input[disabled], #text  textarea[disabled]
{
background-color: #999;
border: 1px solid #333333;
}



.new {
color: #ff0000;
font-weight: bold;
}

.updated {
color: #009900;
font-weight: bold;
}