html { 
    height: 100%;
    margin: 0;
}

body {
    background: rgb(255,255,248);
    margin: 0;
    width: 100%;
}

/*********************************************************************** BOXES *********************************************************/
#centredContainer {
	position: relative;
	background: rgb(197,247,251);
	width: 1115px;
	height: 687px;
	margin: 0 auto;
	margin-top: 2px;
}

#frame_t {
    position: absolute;
    background: url(../images/pageAllFrame_t.png) no-repeat;
    left: 0px;
    top: 0px;
    width: 1115px;
    height: 9px;
    z-index: 998;
}

#frame_r {
    position: absolute;
    background: url(../images/pageAllFrame_r.png) no-repeat;
    left: 1107px;
    top: 9px;
    width: 8px;
    height: 670px;
    z-index: 998;
}

#frame_b {
    position: absolute;
    background: url(../images/pageAllFrame_b.png);
    left: 0px;
    top: 679px;
    width: 1115px;
    height: 8px;
    z-index: 998;
}

#frame_l {
    position: absolute;
    background: url(../images/pageAllFrame_l.png) no-repeat;
    left: 0px;
    top: 9px;
    width: 8px;
    height: 670px;
    z-index: 998;
}   

#bg {
    position: absolute;
}

#content {
    position: relative;
    width: 0;
    height: 0;
}
    
#insideBox {
    position: absolute;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 2px;
}

#header {
    position: relative;
    width: 612px;
}

#cloud {
    position: absolute;
    background: url(../images/pageAllCloud.png);
    width: 612px;
    height: 275px;
}

#clickableSig {
    float: left;
    position: relative;
    background: url(../images/pageAllSignature.png);
    width: 354px;
    height: 125px;
    padding: 0px;
    margin: 2px;
}

#unclickableSig {
    float: left;
    background: url(../images/pageAllSignature.png) 0 -125px;
    width: 354px;
    height: 70px;
    padding: 0px;
    margin: -2px 2px;
    text-indent: -1000em;
}    

#signature {
    position: absolute;
    left: 130px;
    top: 0;
    width: 372px;
    height: 195px;
}    

#clickableSig:hover {
    padding: 0px;
    margin: 3px 0px 1px 4px;
}    

#nav {
    position: absolute;
    top: 127px;
    left: 148px;
    width: 350px;
}

#box {
    position: absolute;
}

#pic {
    position: absolute;
}

.extIcons {
    position: absolute;
}

#mailingList {
    position: absolute;
}

#footer {
	position: absolute;
	background: url(../images/pageAllFooter.png);
	width: 1107px;
	height: 89px;
	left: 4px;
	top: 596px;
}

#ground {
	position: absolute;
	background: url(../images/pageAllGround.png);
	width: 1107px;
	height: 73px;
	left: 4px;
	top: 612px;
}

#fgFlowers {
	position: absolute;
	background: url(../images/pageAllfgFlowers.png);
	width: 1107px;
	height: 85px;
	left: 4px;
	top: 600px;
}

/*********************************************************************** STYLES *********************************************************/
p {
    color: rgb(94,64,40);
	font-family: Georgia, serif;
	margin-top: 0;
    margin-bottom: 0;
    font-size: 0.9em;
}

p.small {
    font-size: 0.7em;
}
    
a {
    color: rgb(94,64,40);
	xfont-size: 0.8em;
	font-family: Georgia, serif;
    text-decoration: none;
    font-style: italic;
}

a.imageOnly {
    float: left;
    text-indent: -1000em;
    padding: 2px;
}

a.animatedText {
    float: left;
    padding: 2px;
}
    
a:hover {
    text-decoration: underline;
}
        
a.imageOnly:hover {       
    padding: 3px 0px 1px 4px;
} 

a.animatedText:hover {
    text-decoration: none;
    padding: 3px 0px 1px 4px;
}

.title {
    font-size: 1.2em;
    color: rgb(130,116,108);
    clear: both;
    width: 100%;
}

.subtitle {
    font-size: 1.2em;
    color: rgb(186,81,28);
    clear: both;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
}

.titleTabs {
    float: left;
    width: 100%;
    margin-bottom: 16px;
    height: 1.2em;
}
    
.titleTabs a {
    color: #aaa;
    font-style: normal;
    padding: 0;
    margin: 2px;
    padding-right: 6px;
    float: left;
    font-size: 1.2em;    
}

.titleTabs  a.active {
    color: rgb(130,116,108);
}

.titleTabs a:hover {
    margin: 3px 0px 1px 4px;
    color: rgb(130,116,108);
    text-decoration: none;
}

.titleTabs  a.active:hover {
    color: rgb(130,116,108);
    margin: 2px;
}
  
td {
    color: rgb(94,64,40);
    font-family: Georgia, serif;
    padding: 2px 3px;
    vertical-align: top;
}

tr.odd {   
    background: rgb(213,233,229);
}

tr.even {   
    background: rgb(221,241,237);
}

tr:hover {
    background: rgb(202,221,218);
}

/*********************************************************************** EXT ICONS *********************************************************/
.extIcons span {
    float: left;
    margin: 0;
    padding: 0;
}

.extIcons a  {
    margin: 1px;
    padding: 0;
    background: url(../images/icons/extIcons.png) no-repeat;
}

.extIcons a:hover {
    padding: 0;
    margin: 2px 0px 0px 2px;
}

#iTunesIcon a {
	background-position: 0px 0px;
	width: 18px;
	height: 17px;
}

#cdBabyIcon a {
	background-position: -18px 0px;
	width: 17px;
	height: 17px;
}

#bandcampIcon a {
	background-position: -35px 0px;
	width: 17px;
	height: 17px;
}

#mySpaceIcon a {
	background-position: -52px 0px;
	width: 17px;
	height: 17px;
}

#twitterIcon a {
	background-position: -69px 0px;
	width: 17px;
	height: 17px;
}
 
#facebookIcon a {
	background-position: -86px 0px;
	width: 16px;
	height: 17px;
}

#mailingList a {
	background: url(../images/icons/mailingList.png) no-repeat center center;
	width: 76px;
	height: 17px;
	padding: 0px;
	margin: 0;
}

#mailingList a:hover {
    margin: 1px 0px 0px 2px;
}    

/*********************************************************************** MISC **************************************************************/

p.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	width: 0;
}

.XscrollUp {
    position: absolute;
    left: 100%;
    padding: 3px;
    background-position:center center;
    width:15px;
    height: 10px;
    text-indent: -1000em;
}

.XscrollDown {
    position: absolute;
    left: 100%;
    top: 100%;
    padding: 3px;
    background-position:center center;
    width:15px;
    height: 10px;
    text-indent: -1000em;
}