#tab li
{ display: inline; list-style-type: none; }
#tab a:link, #tab a:visited
{ float: left; padding: 2px 10px 2px 10px; margin-left: -1px; border: 1px solid #ccc; text-decoration: none; color: #666; }
#tab a:link.active, #tab a:visited.active
{ border-bottom: 0px; color: #000; position: relative; top: -3px; padding-bottom: 5px;}
#tab
{position: absolute; 
left: -27px;
top: 280px;
}

html, body { 
margin: 0; 
padding: 0; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12pt; 
color: #666; 
background-color: #ffffff; 
background-image: url(images/batik20percent.gif); 
background-repeat: repeat; 
background-attachment: fixed; 
}

	
h2 {
padding-top: 18px;
padding-bottom: 8px;
}

#homecontainer { 
position: absolute;
left: 100px;
top: 0px;
width: 580px; 
margin: 0 auto;
padding-left: 12px;
padding-right: 12px;
padding-top: 12px;
padding-bottom: 12px;
background-color: #ffffff; 
border-right: 6px solid #c0c0c0; 
border-left: 6px solid #c0c0c0; 
} 
#stylescontainer { 
position: absolute;
left: 100px;
top: 0px;
width: 580px; 
margin: 0 auto;
padding: 12px;
background-color: #ffffff; 
border-right: 6px solid #c0c0c0; 
border-left: 6px solid #c0c0c0; 
} 

#homeheader{ 
position: relative; 
background-color: #ffffff; 
height: 254px; 
background-image: url(images/magpiehome.jpg);
background-repeat: no-repeat;
} 

#stylesheader{ 
position: relative; 
background-color: #ffffff; 
height: 254px; 
background-image: url(images/magpiethemes.jpg);
background-repeat: no-repeat;
} 

#content{ padding: 0;
width: 520px;
}

.pagelink:link {
	text-decoration: none;
	color: #2B374D;
}

.pagelink:visited {
	text-decoration: none;
	color: #2B374D;
}

.pagelink:hover {
	text-decoration: underline;
	color: #4B74C3;
}

.pagelink:active {
	text-decoration: underline;
	color: #4B74C3;
}

#homestylebox {
position: absolute;
left: 425px;
top: 12px;
width: 120px;
height: 254px;
background-color: #000000;
color: #ffffff;
font-size: 12pt;
}

#stylesstylebox {
position: absolute;
left: 425px;
top: 12px;
width: 120px;
height: 254px;
background-color: #000000;
color: #ffffff;
font-size: 12pt;
}


.linkcontainer {
	border-bottom-color: #2B374D;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 6px;
	
}

.smalltext:link {
  font-size: 8pt;
  text-decoration: none;
  color: #FFFFFF;
}

.smalltext:visited {
  font-size: 8pt;
  text-decoration: none;
  color: #FFFFFF;
}

.smalltext:hover {
  font-size: 8pt;
  text-decoration: underline;
  color: #4B74C3;
}

.smalltext:active {
  font-size: 8pt;
  text-decoration: underline;
  color: #4B74C3;
}

.mediumtext:link {
  font-size: 10pt;
  text-decoration: none;
  color: #FFFFFF;
}

.mediumtext:visited {
  font-size: 10pt;
  text-decoration: none;
  color: #FFFFFF;
}

.mediumtext:hover {
  font-size: 10pt;
  text-decoration: underline;
  color: #4B74C3;
}

.mediumtext:active {
  font-size: 10pt;
  text-decoration: underline;
  color: #4B74C3;
}

.largetext:link {
  font-size: 12pt;
  text-decoration: none;
  color: #FFFFFF;
}

.largetext:visited {
  font-size: 12pt;
  text-decoration: none;
  color: #FFFFFF;
}

.largetext:hover {
  font-size: 12pt;
  text-decoration: underline;
  color: #4B74C3;
}

.largetext:active {
  font-size: 12pt;
  text-decoration: underline;
  color: #4B74C3;
}

.dropcap
{
float: left;
font-size:42px;
line-height:32px;
padding-top:1px;
padding-right:2px;
}

.badgeimg {
border: none;
}