/* Style sheet for TWC Graphics Design template */
html {
 margin: 0px;
 padding: 0px;
}
body  {  background: #OBFFF; border: #3399FF 1 px 
 width: 100%;
 height: 100%;
 color: #FFF; 
 margin: 0px;
 padding: 0px;
 text-align: center; font: normal normal 12px/16px Verdana, Arial, sans-serif;
}
input { color: #000; font: normal normal 11px Arial, sans-serif; }
h1    { font: normal bold 13pt Arial, Verdana, sans-serif;
 color: #6495ED; margin-bottom: -12px; }
h2    { font: normal bold 13pt Arial, Verdana, sans-serif;
 color: #0000033; }
h3    { font: normal bold 11pt Arial, Verdana, sans-serif; color: #0000033; padding: 3px; }
h4    { color: #000; font:  normal bold 12px Verdana, Arial, sans-serif; }
h5    { color: #000; font:  normal bold 11px Verdana, Arial, sans-serif; }
h6    { color: #000; font:  normal bold 10px Verdana, Arial, sans-serif; }
ol, ol ol, ol ol ol { color: #000; font: normal normal 12px/16px  Verdana, Arial, sans-serif; }
ul    { list-style-image: url('images/design_elements/bullet.gif'); color: #000; 
  font: normal normal 12px/16px Verdana, Arial, sans-serif; }
ul ul    { list-style-image: url('images/design_elements/bullet2.gif'); 
 color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; }
ul ul ul { list-style-image: url('images/design_elements/bullet3.gif'); 
 color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; }
 
/* Define Container to set Fixed Width */
.yourname { background: #FFF;
 font: normal bold 13pt Arial, Verdana, sans-serif;
 color: #FFC85A;
 text-align: left;
 border-bottom: 1px solid #CCC;
 }
 
.youraddress { background: #FFF;
 position: relative;
 text-align: right;
 color: #FFC85A;
 font: normal normal 11px/12px Arial, sans-serif;
 padding-right: 15px;
 padding-top: 2px;
 border-bottom: 1px solid #CCC;
 }
 
 
.leftside { background: #FFC85A; color: #000; 
 width: 200px; padding: 10px; height: 100%; text-align: left; 
 border-left: 1px solid #D1D2D7;
 font: normal normal 12px/16px Verdana, Arial, sans-serif; 
}
 
.content { background: #FFF;
 width: 540px;
 color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; 
 padding: 10px; 
 text-align: left;
 border-left: 1px solid #D1D2D7;
 border-right: 1px solid #D1D2D7;
}
.contentfull { background: #FFF;
 width: 720px;
 color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; 
 padding: 10px; 
 text-align: left;
 border-left: 1px solid #D1D2D7;
 border-right: 1px solid #D1D2D7;
}
.contenthalfl { background: #FFF;
 width: 359px;
 color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; 
 padding: 10px; 
 text-align: left;
 border-left: 1px solid #D1D2D7;
}
.contenthalfr { background: #FFF;
 width: 358px;
 color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; 
 padding: 10px; 
 text-align: left;
 border-left: 1px solid #D1D2D7;
 border-right: 1px solid #D1D2D7;
}
 
.box1 { background: #CCCCFF ;
;
 width: 233px;
 color: #000; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
 padding: 8px; 
 text-align: left;
 border-left: 1px solid #D1D2D7;
 border-right: 1px solid #D1D2D7;
}
.boxtop1 { background: #000033;
 width: 233px;
 color: #FFF;  font: normal bold 12px/16px Verdana, Arial, sans-serif; 
 padding: 3px 8px 3px 8px; 
 text-align: left;
 border-left: 1px solid #D1D2D7;
 border-right: 1px solid #D1D2D7;
}
.box2 { background: #FFFFFF;
 width: 235px;
 color: #000; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
 padding: 8px; 
 text-align: left;
}
.boxtop2 { background: #99B3CC;
 width: 235px;
 color: #FFF;  font: normal bold 12px/16px Verdana, Arial, sans-serif; 
 padding: 3px 8px 3px 8px; 
 text-align: left;
}
 
.hmenu { background: #OBFFF;
 display: block;
 text-align: center;
 font: normal normal 11px/20px Verdana, Arial, sans-serif; 
 color: #FFF; 
 width: 760px; 
 height: 26px;
 padding: 3px 0px 0px 0px;
 }
 
/* Define main menu mouseover states */
.hmenu a { text-align: left; color: #FFF; text-decoration: none; }
.hmenu a:link { text-align: left; color: #FFF; text-decoration: none; }
.hmenu a:visited { text-align: left; color: #FFF; text-decoration: none; }
.hmenu a:hover {text-align: left; color: #D1D2D7; text-decoration: underline; }
 
/* Define footer section */
.footer {  background-color: #99B3CC; border: 1 solid px; font:normal normal 11px/20px Verdana, Arial, sans-serif; 
 color: #FFF; 
 width: 760px; 
 height: 26px;
 padding: 3px 0px 0px 0px;
}
.iframe {border: #FFC85A 1px solid}
.borders {border: #000000 1 px solid}
.lightborders  {border: #OBFFF 1 px solid}
 
.fadedown [background-color: #99B3CC;
filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr=#00688B,startColorstr='#00688B', gradientType='1'); } .footer a:link { color: #FFF'; text-decoration: none   }
.footer a:active  { color: #FFF; text-decoration: none;   }
.footer a:visited { color: #FFF; text-decoration: none;   }
.footer a:hover   { color: #4682B4; text-decoration: underline;  }
 
/* Define standard hyperlinks */ 
a:link  { color: #0000033;  }  
a:active { color: #0000033;  }
a:visited { color: #0000033;  }
a:hover { color: #000; text-decoration: none; }