/* CSS Document */

html,body{margin:0;padding:0; background-color:#fff;}
body{font: 76% sans-serif arial,sans-serif; min-width:880px;}

/* Typography */ 
h1,h2,h3,h4,h5,p {margin:0; font-weight:500;}
p {padding: 4px 0; font-size: 1.1em; font-weight:normal; line-height:120%;}
div#content h1 {font-size: 3em; font-style:oblique; font-family: Georgia, sans-serif;}
div#content h2 {font-size: 2em; font-style:oblique; font-family: Georgia, sans-serif;} 
div#content h3 {font-size: 1.8em;}
div#content h4 {font-size: 1.6em}
div#content h5 {font-size: 1.4em}

/* Primary Blocks */
#loading{
	position:absolute;
	width:570px;
	height:100%;  
	text-align:center;  
	padding:100px 0 0 0;  
	font:bold 11px Arial, Helvetica, sans-serif;
	background: #fff;
}
div#header {width: 90%; background:#333333; color:#fff; padding-left: 10%;}
div#horiznav {width: 100%; background:#ffcccc url(img/menu.jpg) top left repeat-x;}
div#container {clear:both;  margin: 0 auto; width:800px;}
div#content {width: 75%; float:left; padding: 15px 1% 30px 0; background-color:#fff;}
div#rightcol {width: 22%; float:right; padding: 15px 0; background-color:#fff;}
div#topper {width: 100%; padding:2.5%;}
div#secondcol { width: 47%; float:left; padding-top: 15px; padding-right: 2%; margin-bottom: 15px;}
div#thirdcol { width: 49%; float:left; padding-top: 15px; }
div#footer {clear:both; width: 90%; background:#ffcccc url(img/menu.jpg) top left repeat-x; padding-left:10%; text-align:right;}
div#subfooter {width: 90%; background:#333333; color:#cccccc; padding-left: 10%;}

/* Header Div */
div#header h1 {font-size: 3em; padding: 18px 0px; font-family: Georgia;
text-decoration: none; word-spacing: -0.05em; letter-spacing: 1px; line-height: 1em; font-weight:normal; font-style:oblique}

/* Horiz nav */
div#horiznav ul {margin:0; padding: 8px 0; margin-left: 10%}
div#horiznav ul li {list-style-type:none; display:inline; padding: 5px 2px 0 2px;}
div#horiznav ul li a:link, div#horiznav ul li a:visited {text-decoration:none; padding: 8px; color:#000; }
div#horiznav ul li a:hover, #current { background:#fff url(img/corner.gif) top left no-repeat;}

/* Content Div */
div#content h1 {font-size: 3em}
div#content h2 {font-size: 2em; background: #fff url(img/pearl.jpg) center left no-repeat; padding-left: 25px;}
div#content h3 {font-size: 1.6em; padding: 5px 0;  color:#cc6699; }
div#content h4 {font-size: 1.4em}
div#content h5 {font-size: 1.2em}
div#content a:link, div#content a:visited {color:#cc6699; text-decoration:underline;}
div#content a:hover {background-color:#eee;}
div#content p {text-align:justify}
div#content p.right {text-align:right;}

/* Right col */
div#rightcol a:link, div#rightcol a:visited {color: #000; text-decoration:none;border-bottom: 1px solid #cc6699;}
div#rightcol a:hover {color:#cc6699;}
div#rightcol h2 {font-style:oblique; font-family: Georgia, sans-serif;}
/* Topper */
h2#about {background:#eee url(img/pink_pearl.gif) top left no-repeat; padding: 0 0 8px 21px; font-size:1.4em;}
div#topper {background: #eee url(img/topper_corner.gif) top left no-repeat; color:#333;}
div#topper p {padding: 0 10px;}

/* 2nd column */
h2#news {color:#cc6699; padding-bottom:5px; padding-left: 20px; background: #fff url(img/news.gif) left top no-repeat;}
div#secondcol ul {margin:0; padding:0;}
div#secondcol ul li {list-style-type:none; padding-top: 4px; }
div#secondcol ul li:hover {background-color:#eee;}

/* 3rd column */
div#ad_box {width: 100%; background-color: #eee; padding: 4px 0; margin-bottom: 15px;}
h2#links {color:#cc6699; padding-bottom:5px; padding-left:20px; background: #fff url(img/link.gif) left top no-repeat; }
div#thirdcol ul {margin:0; padding:0;}
div#thirdcol ul li {list-style-type:none; padding-top: 4px; }


h2#ads {color:#cc6699; padding: 0 0 5px 20px; margin-top:10px; background: #fff url(img/ads.gif) left top no-repeat;}


/* Sub Footer */
div#subfooter ul {margin:0; padding: 15px 5px 15px 0; text-align:right}
div#subfooter ul li {list-style-type:none; display:inline; padding: 0 1%;}
div#subfooter ul li a:link, div#subfooter ul li a:visited {color:#ccc; text-decoration:none}
div#subfooter ul li a:hover {text-decoration:underline} 

/* TABLES */ 
table { width:90%; margin-left: 3ex; }
td {background-color: #fff; padding:3px; border: 1px solid #fff}
th {text-align:left;}
thead th {color:#fff; font-size:1.5em; background: #cc6699 url(img/header.jpg) top left repeat-x; padding: 10px 6px}
tbody th {color:#fff; font-size:1.15em; background-color: #ffcccc ; padding: 6px}
tbody th.sub {font-size: .90em; color:#000; background-color: #eee; padding: 6px}

/* Special */
.more {background: url(img/arrow_right.gif) center right no-repeat; padding-right: 18px; }
p.right {text-align:right;}
.subscribe {background: #fff url(img/subscribe.gif) center left no-repeat; padding-left: 15px;}
code {background-color:#eee; padding: 5px; border: 2px solid #ccc;}
blockquote {background:#fff url(img/quote.gif) top left no-repeat; border: 2px solid #eee; margin:8px 5px; padding-left: 18px;}
acronym {border-bottom: 1px dotted #ccc; cursor:help; } 
img.left {float:left; padding: 0 5px 3px 0}
img.right {float:right; padding: 0 0 3px 5px;}
.highlight {background-color:#ffcccc;}
.b {font-weight:bold;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.s {text-decoration:line-through; color:#ccc;}

/* Skip links */
div#skiplinks {position:absolute; top:0; right:5px; z-index:2;}
div#skiplinks ul {margin:0; position:0; padding-top:4px;}
div#skiplinks ul li {list-style-type:none; display:inline;}
div#skiplinks ul li a:link, div#skiplinks ul li a:visited {color:#fff; text-decoration:none;}
div#skiplinks ul li a:hover {border-bottom: 1px solid #ffcccc}
li#to_content {background: url(img/to_content.gif) center left no-repeat; padding-left: 17px}
li#to_nav {background: url(img/to_nav.gif) center left no-repeat; padding-left: 17px}
li#contact {background: url(img/email.gif) center left no-repeat; padding-left: 17px}
li#feed {background: url(img/feed.gif) center left no-repeat; padding-left: 17px}
li#to_home {background: url(img/home.gif) center left no-repeat; padding-left: 17px}

/* The pearl image */
div#pearl {position:absolute; top: 5px; right: 518px; z-index:2; background: url(img/pearl.gif) top left no-repeat; width: 110px; height: 73px;}