/* ChocolateRevised.css */

body {
  margin: 0;
  padding: 0;
  background-color: #663300 ;
  background: url(img/mpbg.gif) repeat;
  color: #ffffff;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: .95em;
}

/*  THE CONTENT DIVISION  */


content {
  display: block;
  width: 770px;
  border: 0 solid red;
  margin-top: 25px;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

content.h2 { font-color: #ff9900;
  font-size: 1em;
}

#mid-col quotes { display: block;
   width: 800px;
   text-align: left;
   font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
   font-color: #ff9900;
}

p.item { color: #ff6633; margin: 15px 30px 15px 30px;
}

p.quotes { text-align: right; font-size: .85em; font-color: #ff6633; font-style: italic;
}

.takenote { color: #f7C046; font-weight: bolder; font-style: italic;
}

p.author { text-align: left; text-indent: 450px; font-size: .85em; font-color: #ff6633; font-style: italic;
}

p.authorbox { text-align: right; font-size: .95em; font-color: #ff9900; font-style: italic;
}

/* TAGS STYLES */



div { border:0 solid red;
} /* debuggin the layout divs */

p { margin: 3px 0 7px 5px;
  padding:0;
  font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-color: #ffffff;
  font-size: 1em;
}


h1 { color: #f7c046;
}

h2 { font-family: Georgia, Utopia, "Bookman Old Style", "Times New York", serif; color: #ff9900;
}

h3 { font-family: Georgia, Utopia, "Bookman Old Style", "Times New York", serif;
  color: #ff9900;
  font-size: .95em;
  font-variant: small-caps;
  text-indent: 5px;
}


ul { list-style-type: square;
  color: #ff9900;
}

ul li { color: #ff9900;
  margin: 0 5em 0 .25em;
}

ul li span.item { color: #ffffff;
  margin: 0 5em 0 0;
}


/* TEXT HIGHLIGHTING CLASS


.hl { color:#D57332; }
.h2 { color: ff9900; }  */

a { color: #ff9900; }

a:hover {  color: #C2f904; text-decoration:underline }

a.nolink { color: #ffffff; }

a:hover.nolink { color: #ffffff; text-decoration:none; }


img{
  padding:2px;
  margin:3px;
  border:0 solid #6f7850;
  display:block;
}

blockquote {
  margin: 1em;
  padding: .5em;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

blockquote p {
  margin:.2em; font-color: #ffffff;
}

/*  THE MID-COL DIVISION AND RELATED STYLES - THESE STYLES ARE USED TO HANDLE THE SHADOW EffECT Of THE TEMPLATE*/

#mid-col {
  margin:0 auto;
  padding:28px;
  padding-top:17px;
  padding-bottom:17px;
  width:900px;
  text-align:left;
  vertical-align: middle;
  background:url(img/pbg.gif) repeat-y;
}

#mid-col h2 {
  margin: .5em 0 .2em 0;
  padding: 0 0 .2em 0;
  font-size: 1.25em;
  font-color: #ff9900;
  font-variant: small-caps;
}

#mid-col h3 { font-family: Georgia, Utopia, "Bookman Old Style", "Times New York", serif; }

#mid-col p { margin: .5em 0 .2em 0;
  padding: 0 0 .2em 0;
  font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;   font-color: #ffffff;
}

mid-col.note { color: #D57332; }

#content top { margin: 0 0 0 0;
  padding: 5px 0 3px 0;
  font-size: .85em;
}


/*  THE HEADER BAR CLASSES    */

#header {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: url('img/newheader.gif');
  width: 900px;
  height: 200px;
}

#header h1 {
  margin:0 0 -.6em 0;
  padding:1em 0 0 1em;
  font-size:3.0em;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight:lighter;
  width: 128px;
}

#header h2 {
  margin: 1em 0 0 1.5em;
  padding: 1em 0 0 1.75em;
  font-size: 1em;
  font-weight: lighter;
  letter-spacing: 0.08em;
  width: 230px;
}

.sbar { height: 162px; }


/*  THE fLOATING COLUMN OR THE RIGHT SIDE BAR - RELATED STYLES*/

#float-col {
  position: relative;
  float: right;
  margin: 2px 0 5px 15px;
  padding: 5px 10px 5px 10px;
  width: 220px;
  font-size: .85em;
  border: 1px solid #2d2820;
  background:url(img/side_bg3.gif) repeat;
}

#float-col h2 { color: #ffffff; text-align: center;
}

#float-col h3 { color: #ff9900; font-size: .95em; text-align: center; }

#float-col p { font-color: #ffffff; font-size: .95em; }

#float-col ul {
  margin:0 0 0 0;
  padding:0;
  list-style:none;
}

#float-col li {
  margin:0 0 .2em 1em;
}

#float-col li a {
  text-decoration:none;
}

#float-col a {
  color:#ffffff;
}

#float-col a:hover {
  color: #C2f904;
  text-decoration: none;
}

.photoright { width: 240px; text-align: left; }

.pright { float: right; }


/*  THE fOOTER RELATED DIVISIONS AND CLASSES  */


#footer {
  margin:2.5em 0 0 0;
  padding:0px;
  text-align:center;
  font-size:.70em;
  background:url(img/fo_bg.gif) repeat-x;
  vertical-align:middle;
}

#footer, .ftop, .fbot { width:900px; }


/*  fTOP AND fBOT ARE USED TO HANDLE THE CURVY CORNERS Of THE fOOTER PART */


.ftop { background:url(img/fo_tm.gif); height:8px; }
.fbot { background:url(img/fo_bm.gif); height:7px; }





/* SOME ( LOTS ) Of DESIGN RELATED CLASSES */


/* THE CONTENT TOP AND BOTTOM CURVY STYLES  */

.ct, .cb, .cbody { margin:0; padding:0; }

.ct { height:30px; width:900px; background:url(img/breadbar.gif); clear:none; overflow:hidden; text-indent:18px; }

.cb { display:block; height:30px; width:900px; background:url(img/co_bot.gif); overflow:hidden;}

.cbody { background:url(img/body_bg.gif) repeat-y; width:860px; padding:20px; display:block; overflow:hidden; }


/* THE BREADBAR LINK STYLES */

.ct a {
  font-size: 10px;
  vertical-align: middle;
  line-height: 30px;
  color: #fB0303;
}

.spl_link { color:#ffffff; }


/*    THE TOP NAVIGATION BAR STYLE CLASSES    */

.tbar {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  padding: 8px;
  padding-top: 9px;
  padding-left: 50px;
  height: 16px;
}

.tbar a {
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 1em;
  padding:10px;
  padding-bottom:9px;
  text-decoration:none;
}

.tbar a:hover {
  color: #C2f904;
}


/* THE ACTIVE PAGE EffECT IN THE TOP NAVIGATION BAR  */


a.current { background:url(img/alink_bg.gif) repeat-x; color: #fB0303 }


/* THE STYLES Of SEARCH BOX IN THE TOPBAR */


.searchbox form { padding:0; margin:0; display:inline; }

.searchbox form p { padding:0; margin:0; display:inline; }

.searchbox input { background:transparent; border:1px solid #CCCCCC; color:#ffffff; font-size:.85em; }

.searchbox { border:0 solid #CC6600; float:right; margin-right:20px; font-size:.80em; }



/*  AN SEO CLASS - IS USED TO ENHANCE THE KEYWORD OPTIMIZATION */


.seo { position:absolute; left:-100px; top:-100px; right:0; }



/*  SOME GENERAL PURPOSE CLASSES  */


.noul { text-decoration:none; }

.bbg { background:#666666 }

.fleft { float:left; clear:left; }

.fright { float:right; }



/*  THIS CLASS HANDLES THE LINKS WITH SOME DISCRIPTION - LIKE  THE LINKS IN THE SIDEBAR Of THE TEMPLATE */


.links-with-desc { color:#fb0303; font-size:12px; }

.links-with-desc li { padding-bottom:6px; }

.links-with-desc a { color:#fb0303; font-size:15px; font-weight:lighter; text-decoration:none; }

.links-with-desc a:hover { color:#C2f904; }

#float-col .links-with-desc a:hover { color:#C2f904; }

#float-col .links-with-desc a { color:#fb0303;  text-decoration:none; }




/* IMAGE ALIGNMENT CLASSES */


.img-left {
  float: left;
  clear: left;
  margin-left: 0;
  width: 128px;
}

.img-logo {
  float: left;
  clear: left;
  margin-left: 135px;
  width: 230px;
}

.img-right {
  float:right;
  margin-right: 0;
}

.napo { width: 50px;
  height: 36px;
  background-image: url(img/napo_50px.gif);
  background-repeat: no-repeat;
  margin: auto auto;
  text-align: center;
}

.valid {
  margin: auto auto;
  text-align: center;
}

/* CSS CODE fROM SAMS CHAPTER */

div.hom1 { float: left;
  width: 260px;
  margin: 0 5px 0 20px;
  padding-bottom: 10px;
}

div.hom2 { text-align: center;
  height: 36px;
  margin: 0 0 0 0;
  padding-bottom: 10px;
}


div.hom3 { width: 250px;
  margin: 0 0 0 0;
  padding-bottom: 10px;
}


div.hom1 img { float: left;
  margin: 0 0 0 0;
}

div.hom1 p { width: 240px;
  margin: 0;
  padding: 0;
  color: #ffd660;
  font-size: .95em;
  font-variant: small-caps;
  text-indent: 3em;
}

div.hom3 p { margin: 5px 10px 30px 10px;
  padding-bottom: 30px;
  float: right;
  font-size: .95em;
}

.clear { clear: both; }

#motto
{
float: right;
width: 400px;
height: 50px;
margin: 0 10px 0 10px;
}

#motto p
{
margin-right: 0;
margin-left: 230px;
padding: 0;
float: right;
font-size: 1em;
font-variant: small-caps;
}

/* MY Services HEADING LINKS */

.more-with-desc { color: #ff9900; font-size: .75em; text-indent: 1.5em; }

.more-with-desc a { color:#ff9900; font-size: .75em; font-weight:lighter; text-decoration:none; }

.more-with-desc a:hover { color:#C2f904; }

.more-with-desc h2 { color: #ff9900; }


/* fORM fORMATTING */

input.checkbox { width: 1em; height: 1em; }

input.text { color: #d57332; font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif; font-weight: bold; font-size: .85em; width: 15em; }

input.email { color: #d57332; font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif; font-weight: bold; font-size: .85em; width: 20em; }

input[type="reset"] { background-image: url('img/reset.png'); width: 97px; height: 35px; border: none; color: #d57332; font-size: .0em; }

.th { width: 7em; }

textarea.text { color: #d57332; font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif; font-weight: bold; font-size: .85em; width: 30em; }