body {
   font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 13px;
   text-align: center;
   min-width: 760px; /* make slightly wider than wrapper for Netscape*/
   background-color: #b4b4b4;
   background: #b4b4b4 url(../imgs/body-bg.gif)  0 0 repeat-x;
   }
   
/* font colors */

a {
	color: #A21A21;
}

h1 {
	color: #DA9A2A;
}


h2 {
	color: #A21A21;
}

h3 { 
   color: #666;
}

.contentheading {
	color: #A21A21;
}

.componentheading {
	color: #A21A21;
}

#wrapper{
	/*width: 720px;*/
	width: 85%;
	min-width: 872px;
	max-width: 924px;
	width: expression(document.body.clientWidth > 924? "924px" : "auto");
	margin: 0 auto; 
	text-align: left;
	background-color: #fff;
}

#content {
	/*width: 540px;*/
	width: 74%;
	float: right;
	color: #fff;
}

#mainContent {
	/*width: 320px;*/
	width: 68%;
	float: left;
	color: #fff;
}

#contentApp {
	/*width: 540px;*/
	width: 75%;
	float: right;
	color: #fff;
}

#mainContentApp {
	/*width: 320px;*/
	width: 100%;
	float: left;
	color: #fff;
}

#secondaryContent {
	/*width: 180px;*/
	width: 31%;
	float: right;
}

#secondaryMainContent {
	/*width: 180px;*/
	float: right;
}

#secondaryContent h1, h2, p {
	padding-left: 20px;
	padding-right: 20px;
}

#leftContent {
	/*width: 180px;*/
	width: 25%;
	float: left;
}

#leftContent li {
	padding-left: 20px;
	padding-right: 20px;
}

#footer {
  clear: both;
  color: #fff;
}

/*test header rex*/
#header{
	height: 252px;
	background: url(../imgs/head-b.png)  0 0 repeat-x;
}

#header .hmhts-home-l {
	background: url(../imgs/head-l.png) 0 0 no-repeat;
}

#header .hmhts-home-r {
	height: 252px;
	background: url(../imgs/head-home-r.png) 100% 0 no-repeat;
}

#header .hmhts-photo-l {
	background: url(../imgs/head-photo-l.png) 0 0 no-repeat;
}

#header .hmhts-photo-r {
	height: 252px;
	background: url(../imgs/head-photo-r.png) 100% 0 no-repeat;
}

#header .hmhts-guest-l {
	background: url(../imgs/head-guest-l.png) 0 0 no-repeat;
}

#header .hmhts-guest-r {
	height: 252px;
	background: url(../imgs/head-guest-r.png) 100% 0 no-repeat;
}

#header .hmhts-about-r {
	height: 252px;
	background: url(../imgs/head-about2-r.png) 100% 0 no-repeat;
}

/*test*/
#subhead2{
	width: 100%;
	height: 35px;
	float: left;
	/*margin-left: 135px;*/
	color: #fff;
	overflow: hidden;
	padding-bottom: 5px;
	background: #fff url(../imgs/subhead2-b.gif) 0 0 repeat-x;
}

#subhead2 .hmhts-subh2-l{
	float: left;
	height: 35px;
	postion: relative;
	background: url(../imgs/subhead2-l.gif) 0 0 no-repeat;
}

#subhead2 .hmhts-subh2-r{
	float: right;
	width: 320px;
	position: relative;
	height: 35px;
	background: url(../imgs/subhead2-r.gif) 100% 0 no-repeat;
}

#subhead2 .greetings{
	float: left;
	padding: 7px 0px 7px 10px;
}

#subhead2 .itatta{
	float: left;
	font-size: 11px;
	padding: 10px 0px 8px 10px;
}

#subhead2 .search_box{
	float: right;
	font-size: 12px;
	color: #4e4e4e;
	padding: 10px 0px 8px 0px;
}

#subhead2 .search_box input.s{
	width: 113px;
	font-size:11px;
	color:#4e4e4e;
	border:0px;
}

/*Nav Buttons*/
#menu{
	width: 70%;
	height: 105px;
	min-width: 635px;
	float: left;
	margin: 135px 0px 0px 40px;
	color: #fff;
	overflow: hidden;
}

#menu li{
	display: inline; 
	float:left;
}

#menu_ul {
	display: inline;
	height: 110px;
	margin: 0px;
	padding: 0 0 0 0;
	list-style-type: none;
	list-style-image: none;
}

#menu_ul a{
	width: 91px;
	height: 110px;
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}

/*buttons control */
#menu_home-s, #menu_home-u, #menu_home-h,
#menu_blogs-s, #menu_blogs-u, #menu_blogs-h,
#menu_guest-s, #menu_guest-u, #menu_guest-h,
#menu_photos-s, #menu_photos-u, #menu_photos-h,
#menu_writings-s, #menu_writings-u, #menu_writings-h{
	margin-right: 15px;
}

#menu_home-s{
	background: url(../imgs/menu/home-s.gif) no-repeat;
	margin-right: 15px;
}

/*Home button controls*/
#menu_home-s a:link, #menu_home-s a:visited {
	background: url(../imgs/menu/home-s.gif) no-repeat;
	text-indent: -9999px;
}
#menu_home-u a:link, #menu_home-u a:visited {
	background: url(../imgs/menu/home-u.gif) no-repeat;
	text-indent: -9999px;
}
#menu_home-s a:hover, #menu_home-u a:hover {
	background: url(../imgs/menu/home-h.gif) no-repeat;
	text-indent: -9999px;
}
/*Blogs button controls*/
#menu_blogs-s a:link, #menu_blogs-s a:visited {
	background: url(../imgs/menu/blogs-s.gif) no-repeat;
	text-indent: -9999px;
}
#menu_blogs-u a:link, #menu_blogs-u a:visited {
	background: url(../imgs/menu/blogs-u.gif) no-repeat;
	text-indent: -9999px;
}
#menu_blogs-s a:hover, #menu_blogs-u a:hover {
	background: url(../imgs/menu/blogs-h.gif) no-repeat;
	text-indent: -9999px;
}
/*Guest button controls*/
#menu_guest-s a:link, #menu_guest-s a:visited {
	background: url(../imgs/menu/guest-s.gif) no-repeat;
	text-indent: -9999px;
}
#menu_guest-u a:link, #menu_guest-u a:visited {
	background: url(../imgs/menu/guest-u.gif) no-repeat;
	text-indent: -9999px;
}
#menu_guest-s a:hover, #menu_guest-u a:hover {
	background: url(../imgs/menu/guest-h.gif) no-repeat;
	text-indent: -9999px;
}
/*Photos button controls*/
#menu_photos-s a:link, #menu_photos-s a:visited {
	background: url(../imgs/menu/photos-s.gif) no-repeat;
	text-indent: -9999px;
}
#menu_photos-u a:link, #menu_photos-u a:visited {
	background: url(../imgs/menu/photos-u.gif) no-repeat;
	text-indent: -9999px;
}
#menu_photos-s a:hover, #menu_photos-u a:hover {
	background: url(../imgs/menu/photos-h.gif) no-repeat;
	text-indent: -9999px;
}
/*Writings button controls*/
#menu_writings-s a:link, #menu_writings-s a:visited {
	background: url(../imgs/menu/writings-s.gif) no-repeat;
	text-indent: -9999px;
}
#menu_writings-u a:link, #menu_writings-u a:visited {
	background: url(../imgs/menu/writings-u.gif) no-repeat;
	text-indent: -9999px;
}
#menu_writings-s a:hover, #menu_writings-u a:hover {
	background: url(../imgs/menu/writings-h.gif) no-repeat;
	text-indent: -9999px;
}

#menu2 li{
	display: inline;
	padding-right: 15px;
}

/*move this - this is SubFooter*/
#subFooter{
	clear: both;
	width: 100%;
	height: 200px;
	min-width: 872px;
	color: #fff;
	position: relative;
	background-color: #666666;
}
#sFmainSub{
	width: 75%;
	float: left;
	color: #fff;
	background-color: #666666;
}
#sFmainSub1{
	float: left;
	width: 48%;
	background-color: #666666;
}
#sFmainSub2{
	float: right;
	width: 52%;
	background-color: #666666;
}
#sFsecondSub{
	width: 25%;
	float: left;
	background-color: #666666;
}

/*foot header rex*/
#footer-photos {
  clear: both;
  background: url(../imgs/foot-photos-b.gif)  0 0 repeat-x;
  color: #fff;
  min-width: 872px;
}

#footer-photos .fmhts-l {
	background: url(../imgs/foot-photos-l.gif) 0 0 no-repeat;
}

#footer-photos .fmhts-r {
	height: 120px;
	background: url(../imgs/foot-photos-r.gif) 100% 0 no-repeat;
}

#footer-photos-i {
	height: 120px;
	text-align: center;
	font-size: 12px;
	font-style: bold;
	color: #c0c0c0;
	background: url(../imgs/foot-photos-ii.gif) 50% 0 no-repeat;
}

#footer-photos-b {
	height: 120px;
	text-align: center;
	padding-top: 10px;
	background: url(../imgs/foot-photos-b.gif) 50% 0 no-repeat;
}

.clr {
	clear: both;
}

.nounder {
	text-decoration: none;
	border: 0;
}

.sub{
	border:0px;
}

p,h1,pre {
	margin:0px 10px 10px 10px;
}



img {
	border: 0px;
}

/*Block contents - 3 designs for now, will work more later*/

/*mRblock: Main Block Content - Red theme*/
.mRblockTable {
	background: #a21a21 url(../imgs/mRblock-b.gif) 0 0 repeat-y;
	color: #fff;
}

.mRblockTable h3{
	background: #831820 url(../imgs/mRblock-h.gif) 0 0 repeat-y;
	color: #fff;
	padding-left: 20px;
	height: 28px;
	margin-top: 0px;
	font-size: 16px;
}
.mRblockTable a, .mRblockTable a:link, .mRblockTable a:visited {
	color: #e3e3e3;
	text-decoration: underline;
}

.mGblockTable a, a:link, a:visited {
	color: #1b1b1b;
	text-decoration: none;
}

.mRblockTable a:hover, .mWblockTable a:hover, .mGblockTable a:hover {
	color: #899bfd;
	text-decoration: none;
}

/*mWblock: Main Block Content - White theme*/
.mWblockTable {
	background: #ffffff url(../imgs/mWblock-b.gif) 0 0 repeat-y;
	color: #4c4c4c; /*dark gray*/
}

.mWblockTable h3{
	background: #ededed url(../imgs/mWblock-h.gif) 0 0 repeat-y;
	color: #4c4c4c; /*dark gray*/
	padding-left: 20px;
	height: 28px;
	margin-top: 0px;
	font-size: 16px;
}

/*mGblock: Main Right Block Content - Gray theme - design for the right side block [for now]*/
.mGblockTable {
	background: #e6e6e6 url(../imgs/mGblock-b.gif) 0 0 repeat-y;
	color: #5e5e5e; /*dark gray, lighter than 4c*/
}

.mGblockTable h3{
	background: #d6d6d6 url(../imgs/mGblock-h.gif) 0 0 repeat-y;
	color: #5e5e5e; /*dark gray, lighter than 4c*/
	padding-left: 20px;
	height: 28px;
	margin-top: 0px;
	font-size: 16px;
}

/*SubFooter block tables*/
.sFblockTable a {
	color: #fff;
}

.sFblockTable {
	background: url(../imgs/sFblock-b.gif) 0 0 repeat-y;
	text-align: center;
	font-size: 10px;
	background-color: #666666;
}

.sFblockTable h3 {
	background: #575757 url(../imgs/sFblock-h.gif) 0 0 repeat-y;
	color: #fff;
	padding-left: 20px;
	height: 28px;
	margin-top: 0px;
	text-align: left;
	font-size: 16px;
}

.sFblockTable li {
	background: url(../imgs/bullet-hl1.png) 0 3px no-repeat;	
}

.sFblockTable a {
	color: #fff;
	text-decoration: none;
}

.sFblockTable a.readon {
	background: url(../imgs/body-hl1-readmore.png) 0 0 no-repeat;
	color: #fff;
}

/*Guestbook styles*/
/* header block 2 layout*/
#gHeader{
	width: 99%;
	float: right;
	font-size: 11px;
}
#gHeader p, span {
	padding-left: 20px;
}

#gHeader .left{width: 24%;float: left;}
#gHeader .right{	width: 75%; float: right;}
#gHeader .left-sign{width: 50%;float: left; font-size:12px;}
#gHeader .right-sign{width: 48%;float: right;}

#gHeader .right .rRight{
	width: 55%;
	float: right;
	text-align: right;
	padding-right: 10px;
}

#gHeader .right  .lRight{
	width: 41%;
	float: left;
	text-align: center;
}

/*Guestbook content box*/
#gwrapper{
	position: relative;
	width:95%;
	margin-left: 15px;
}
#gwrapper2{
	position: relative;
	width:85%;
	margin-left: 45px;
}

#gcontent{
	width: 100%;
}

#gchead{
	overflow: hidden;
	height: 11px;
	background-color: #b9b9b9;
}
#gchead .gbch-l{
	height: 11px;
	background: url(../imgs/gbch-l.gif) 0 0 no-repeat;
}
#gchead .gbch-r{
	height: 11px;
	background: url(../imgs/gbch-r.gif) 100% 0 no-repeat;
}

#gbcdata{
	border: 1px solid #b9b9b9;
}

#gbcdata-l{
	width: 29%;
	float: left;
}

#gbcdata-r{
	width: 65%;
	float: right;
}

#gcfoot{
	overflow: hidden;
	height: 11px;
	background-color: #b9b9b9;
}
#gcfoot .gbcf-l{
	background: url(../imgs/gbcf-l.gif) 0 0 no-repeat;
}
#gcfoot .gbcf-r{
	height: 11px;
	background: url(../imgs/gbcf-r.gif) 100% 0 no-repeat;
}


.gH3{
	font-size: 12px;
	font-weight: none;
}

.thc{
	background: #d6d6d6 url(../imgs/mGblock-h.gif) 0 0 repeat-y;
	color: #5e5e5e; /*dark gray, lighter than 4c*/
}
.thc2{
	background-color: #e9e9e9;
}
.thc1{
	background-color: #f7f7f7;
}
.gbe{
	padding-left: 10px;
	padding-top: 10px;
}
.spc{
	padding-right: 10px;
	font-size: 14px;
}
.spc4{
	padding-left: 10px;
	font-size: 11px;
	background: url(../imgs/gbnav/post.gif) 0 0 no-repeat;
}
.spc2{
	padding-left: 50px;
	font-size: 9px;
}
.spc3{
	padding-right: 10px;
	font-size: 11px;
}
.spc5{
	font-size: 13px;
	font-weight: bold;
}
.spc6{
	font-size: 9px;
	padding-left: 10px;
}

.pp1{
	padding-right: 5px;
}

.pp2{
	font-size: 22px;
	font-weight: bold;
}

.pp3{
	font-size: 11px;
	color: #2e63a4;
	font-weight: bold;
	text-align: center;
}
.pp4{
	font-size: 10px;
	color: #a21a21;
	font-weight: bold;
	text-align: center;
}

.pp5{
	font-size: 12px;
	color: #a21a21;
	font-weight: bold;
	text-align: center;
	margin: 0px auto;
}

.td1-h{
	background: #d6d6d6 url(../imgs/gbctd1-h.gif) 0 0 repeat-y;
	color: #5e5e5e;
	background-color: #fff;
}
.td1-b{
	background: #d6d6d6 url(../imgs/gbctd1-b.gif) 0 0 repeat-y;
	color: #5e5e5e;
	background-color: #fff;
}
.td2-h{
	background: #d6d6d6 url(../imgs/gbctd2-h.gif) 0 0 repeat-y;
	color: #5e5e5e;
	background-color: #fff;
}
.td2-b{
	background: #d6d6d6 url(../imgs/gbctd2-b.gif) 0 0 repeat-y;
	color: #5e5e5e;
	background-color: #fff;
}
.boit{
	font-weight: bold;
	text-decoration: none;
}

.rextux {
	background: #a21a21 url(../imgs/misc/rex3-shad.png) 40% 28% no-repeat;
}

.rextux2{
	background-color: green;
	width: 50%;
	float: right;
}

.rexlogo{
	font-size: 11px;
}

.blogrollpixframe{
	border:  1px solid #a21a21;
}

.pix {border: 1px solid #fff; padding: 3px; margin: 0 auto; }

/*gbNav buttons*/
/*Home button controls*/
.gbnav {
	float: right;
	postion: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #fafafa;
	font-size: 20px;
}
.gbnav li {
	padding: 0;
	margin: 0;
	height: 38px;
	list-style: none;
	background-repeat: no-repeat;
}
.gbnav li a, .gbnav li a:visited {
	display: block;
	text-decoration: none;
	height: 38px;
	background-repeat: no-repeat;
	color: #747474;
}
.first {background-image: url(../imgs/gbnav/first-s.gif); width: 25px;}
.first a {background-image: url(../imgs/gbnav/first-u.gif);}
.prev {background-image: url(../imgs/gbnav/prev-s.gif); width: 26px;}
.prev a {background-image: url(../imgs/gbnav/prev-u.gif);}
.more {background-image: url(../imgs/gbnav/more-u.gif); width: 26px;}
.firstit a{background-image: url(../imgs/gbnav/first-u.gif);}
.next {background-image: url(../imgs/gbnav/next-s.gif); width: 26px;}
.next a {background-image: url(../imgs/gbnav/next-u.gif);}
.last {background-image: url(../imgs/gbnav/last-s.gif); width: 26px;}
.last a {background-image: url(../imgs/gbnav/last-u.gif);}
.thisis {background-image: url(../imgs/gbnav/this-s.gif); width: 26px;}
.thisis a {background-image: url(../imgs/gbnav/this-u.gif);}
.first a:hover, .prev a:hover, .next a:hover, .thisis a:hover, .last a:hover {background: none;}
.gbnav li {float: left;}
.gbnav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*gb button*/
a#gSignin {
    display: block;
    width: 116px;
    height: 37px;
    background-image: url(../imgs/gbnav/gbutton-s.gif);
    margin: 0 auto;
}
a#gSignin:hover {background-image: url(../imgs/gbnav/gbutton-h.gif);}

a#gGoback {
    display: block;
    width: 116px;
    height: 37px;
    background-image: url(../imgs/gbnav/goback-s.gif);
    margin: 0 auto;
}
a#gGoback:hover {background-image: url(../imgs/gbnav/goback-h.gif);}

/*This can be moved to separate css filr
This is the Writing Section */

/*Writing block*/
.wGblockTable {
	background: #e6e6e6 url(../imgs/mGblock-b.gif) 0 0 repeat-y;;
	color: #5e5e5e; /*dark gray, lighter than 4c*/
}

.wGblockTable h3{
	background: #d6d6d6 url(../imgs/write/title3.gif) 0 0 repeat-y;
	color: #5e5e5e; /*dark gray, lighter than 4c*/
	padding-left: 0px;
	height: 114px;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 16px;
}

/*notebook page*/
#noteholder{
	width: 624px;
	margin: 0 auto;
	background-color: #e6e6e6;
}

#notehead{
	background: #e6e6e6 url(../imgs/write/css/wcomp-head1.gif) 0 0 no-repeat;
	height: 226px;
}

#notehead-aboutme{
	background: #e6e6e6 url(../imgs/write/css/wcomp-head-aboutme.gif) 0 0 no-repeat;
	height: 226px;
}

#notehead-contactme{
	background: #e6e6e6 url(../imgs/write/css/wcomp-head-contactme.gif) 0 0 no-repeat;
	height: 226px;
}

#notebody{
	background: #ffffff url(../imgs/write/css/wcomp-body.gif) 0 0 repeat-y;
	padding-left: 90px;
	padding-right: 15px;
	padding-top: 8px;
	color: #101010;
}

#notebody a{
	color: #a21a21;
	text-decoration: none;
}

#notebody a:hover{
	color: #1a3da2;
	text-decoration: underline;
}

p.notewrite{
	line-height: 180%;
}

p.notefoot{
	text-align: center;
	font-size: 11px;
}

.notefoota{
	text-decoration: none;
	color: #a21a21;
	font-weight: bold;
}

.notefoota a:hover{
	text-decoration: underline;
}

span.notehilite{
	font-weight: bold;
	color: #a21a21;
}

#notefoot{
	background: #ffffff url(../imgs/write/css/wcomp-foot.gif) 0 0 no-repeat;
	height: 36px;
}

#notehdate{
	background-color: #ffffff;
	float: right;
	margin-top: 98px;
	margin-right: 20px;
	width: 265px;
	height: 45px;
	text-align: right;
}

#notetitle{
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	width: 320px;
	height: 40px;
	text-align: center;
	font-size: 28px;
	font-family: Georgia, Verdana, Arial;
}

#stickybuttons{
	padding-right: 10px;
	padding-left: 20px;
}

#stickybuttons .early{
	background: url(../imgs/write/css/star.gif) 0 0 no-repeat;
	height: 55px;
	padding-left: 55px;
}

#stickybuttons .romance{
	background: url(../imgs/write/css/heart.gif) 0 0 no-repeat;
	height: 55px;
	padding-left: 55px;
}

#stickybuttons .friends{
	background: url(../imgs/write/css/gstar.gif) 0 0 no-repeat;
	height: 55px;
	padding-left: 55px;
}

#stickybuttons .birthday{
	background: url(../imgs/write/css/cake.gif) 0 0 no-repeat;
	height: 55px;
	padding-left: 55px;
}

#stickybuttons .others{
	background: url(../imgs/write/css/flowers.gif) 0 0 no-repeat;
	height: 55px;
	padding-left: 55px;
}

/*classes for the sticky notes in the Writing homepage*/
#stickynote{
	padding-right: 10px;
	padding-left: 20px;
}

#stickynote .earlypoems{
	background: url(../imgs/write/sticky/sticky-early.png) 0 0 no-repeat;
	height: 65px;
	padding-left: 95px;
}

#stickynote .friendspoems{
	background: url(../imgs/write/sticky/sticky-friend.png) 0 0 no-repeat;
	height: 65px;
	padding-left: 95px;
}

#stickynote .birthdaypoems{
	background: url(../imgs/write/sticky/sticky-birthday.png) 0 0 no-repeat;
	height: 65px;
	padding-left: 95px;
}

#stickynote .romancepoems{
	background: url(../imgs/write/sticky/sticky-romance.png) 0 0 no-repeat;
	height: 65px;
	padding-left: 95px;
}

#stickynote .miscpoems{
	background: url(../imgs/write/sticky/sticky-misc.png) 0 0 no-repeat;
	height: 65px;
	padding-left: 95px;
}

/*Form Val*/
.fyi1  { color: #a21a21; background-color: transparent; font-weight: bold; font-size:12px; }
.info   { color: black; background-color: transparent; font-weight: normal; }
.warn   { color: rgb(120,0,0); background-color: transparent; font-weight: normal; }
.error  { color: red; background-color: transparent; font-weight: bold; font-size:11px; }

.formtab TD      
          { padding: 0.2em; height: 2.5em; vertical-align: top; font-size: 90%; }


/* checkboxes */
.checkcl    { text-align: right; }
.checkbox   { clear: right; float: right; margin: 0 0.5em; }
.formtab2 TD      
          { padding: 0.2em; height: 2.5em; vertical-align: top;  }