body
{
background: #F8F0E6 url("../images/newbackgr.jpg") repeat-X;
margin:0;
padding:0;
color: #352400;
font-family: Georgia,Serif;
font-size: 0.9em;
line-height: 1.8em;
width: 870px;
}

/* This bit does all the work */
/******NOTES ON HACKS PAGE CONATINER DIV****/
/*When a property is immediately followed by an empty comment (no whitespace inside),
 that declaration is hidden from IE5.0/Win and IE5/Mac.
 When a property is followed by at least one whitespace and which is then followed by a 
 comment (comment must be before the colon) that declaration is hidden from IE6/Win.
*/
#id_page_container
{
position:relative;
display:block;
background-color: #FFF;
border-left:150px solid #A98A67; 
border-right:140px solid #A98A67; 
left: 70px;
width: 580px;
}

html.gecko #id_page_container
{
border: 150px solid #A98A67;
border-right: 140px solid #A98A67;  
border-top: 1px solid #A98A67;
border-bottom: 1px solid #A98A67;
}

.ie6 #id_page_container
{
background: #F8F0E6 url("../images/img_background_ie6.gif") bottom center repeat-Y;
}

.ie7 #id_page_container
{
background: #F8F0E6 url("../images/img_background_ie6.gif") bottom center repeat-Y;
}

/******NOTES ON HACKS FOR INNER DIV****/
/*When a property is followed by at least one whitespace and which is then followed by a comment
 (comment must be before the colon) that declaration is hidden from IE6/Win
*/

#id_inner
{
/*want this next line to be seen by IE6*/
display: inline-block;
display /*hide this from IE6 but all other browsers will see it except IE7 doh*/: block;
margin-left:-150px;
margin-right:-140px;
border-top: 5px solid #FFF;
border-right: 5px solid #FFF; 
border-bottom: 5px solid #FFF;
border-left: 5px solid #FFF;
padding: 0px;
/*The next two lines are needed to make the white bordeer round the inner for IE6 */
position: relative;
z-index: 1000;
}

/*It seems that the above isnt quite enough to target IE6 precisely so this next bit
is to cater for IE7*/
*:first-child+html #id_inner {
display: inline-block;
}

#id_leftcol
{
/* The following rule is supported by IE 5.5 */
_background-color#: #CBC8B4;
float:left;
position:relative;
width:150px;
left:0px;
}

#id_rightcol
{
/* The following rule is supported by IE 5.5 */
_background-color#: #C0CAD8;
font-size: 0.9em;
float: right; 
position: relative;
width: 130px; 
right: 0px;
padding-top: 30px; 
}

#id_rightcol img
{
margin-top: 30px;
}

#id_content
{
margin-left: 150px;
margin-right: 115px; 
margin-bottom: 0px;
position: relative; 
display: block;
width: 570px; 
height: 1%;
background-color: #C2B7B3;
}

.ie6 #id_content{
position: relative;
left: -3px; 
display: block;
width: 570px; 
height: 1%;
}

#id_content_inner
{
width: 495px;
border-top: none;
padding: 0px 0px 0px 5px;
}

.ie6 #id_content_inner{
border-top: 5px solid #FFF;
padding-right: 6px;
width: 560px;
}

#id_content_inner.c_home
{
border-top: none;
}

p
{
font-size: 1.1em;
}

.clear {clear:both;} 

ul
{
list-style-type: square;
}

ul li ul
{
list-style-type: circle;
}

em {font-weight:bold;}

#id_masthead
{
background-color: #CC5500;
margin-left: 70px;
border-top: 5px solid #FFF;
border-left: 5px solid #FFF;
border-right: 5px solid #FFF;
width: 860px;
}

#id_masthead h1
{
color: #352400;
width: 500px;
font-size: 3em;
margin: 10px 0px 0px 20px;
padding: 5px 0px 5px 0px;
letter-spacing: -2.5px;
font-weight: bold;
}

#main_heading
{
width: 500px;
}

#id_masthead img
{
margin-top: 35px;
width: 300px;
float: right;
}

#id_masthead p
{
font-size: 0.8em;
margin: 0px 0px 0px 23px;
}

#id_masthead_pics
{
margin-left: 0px;
padding-bottom: 5px;
}

#id_fern
{
margin-top: 10px;
}

#id_footer
{
background-color: #F5A12F;
margin-left: 70px;
border-bottom: 5px solid #FFF;
border-left: 5px solid #FFF;
border-right: 5px solid #FFF;
padding: 7px 0px 10px 0px;
width: 860px;
}

#id_footer ul
{
list-style: none;
margin-left: 140px;
}

#id_footer ul li
{
display: inline;
padding: 0 1em 0 1em;
font-style: italic;
}

#id_footer ul li a
{
color: #903A09;
}

/******LISTS********/

/***** A unversal colour for all anchor tags ****/
a
{
color: #903A09;
}

/*** For some odd reason, Firefox needs the hover colour set specifically for each style of anchor tag below.***/
a:hover
{
color: red;
}

ul#id_year_list
{
margin-left: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 560px;
height: 80px;
}

ul#id_year_list li
{
display: inline;
float:left; 
padding-right: 1em;
}

#id_year_list li a
{
color: #352400;
font-size: 1.2em;
text-decoration: underline;
}

#id_year_list li a:hover
{
color: red;
}
#id_year_list li#id_year_current a
{
color: red;
font-weight: bold;
}

ul#id_searchby_list
{
display: inline;
}

.safari ul#id_searchby_list
{
display: inline-block;
}

div#id_kiwiana_scroll
{
width: 555px;
height: 7em;
margin: 0 auto;
padding-left: 0.2em;
border: 1px solid #000;
overflow: auto;
background-color: #FFF;
}

#id_kiwiana_list
{
margin: 0;
padding-left: 0px;
padding-bottom: 10px;
}

#id_kiwiana_list li
{
display: inline;
padding-right: 25px;
font-size: 1.2em;
width: 110px;
}

#id_kiwiana_list li a:hover
{
color: red;
}

#id_kiwiana_list li a
{
text-decoration: none;
color: #903A09;
}

#id_kiwiana_list li#id_kiwiana_current a
{
font-weight: bold;
color: red;
font-size: 1.3em;
}

ul.c_tv_list li
{
list-style: square;
}

#id_searchby_items li a
{
color: #903A09;
}

#id_searchby_items li a:hover
{
color: red;
}

ul#id_sitemap_list li
{
list-style-type: none;
}

ul#id_sitemap_list li a
{
color: #903A09;
text-decoration: none;
font-weight: bold;
}

ul#id_sitemap_list li a:hover
{
color: red;
}

ul#id_sitemap_list li p
{
margin: 0px 0px 5px 90px;
}

ul#id_sitemap_list li ul
{
padding-left: 0px;
list-style-image: url(../images/img_nav_arrow.gif);
list-style-position: inside;
}

ul#id_sitemap_list li ul li
{
list-style-type: circle;
}

ul#id_sitemap_list li ul li a
{
font-weight: normal;
}

ul#id_searchby_list li
{
list-style-type: none;
}

ul#id_searchby_items li
{
list-style-type: none;
font-weight: normal;
}

ul#id_playdate_sales ul li
{
list-style-type: circle;
}

/******KIWIANA******/

#id_kiwiana_container
{
background-color: #F2E5DA;
width: 560px;
}

#id_kiwiana_bodytext
{
padding-left: 5px;
}

#id_kiwiana_main_picture
{
width: 470px;
background-color: #000;
text-align: center;
margin: 0px auto;
}

#id_kiwiana_main_picture img
{
margin-top: 35px;
}

#id_kiwiana_main_picture p
{
color: white;
padding-bottom: 10px;
}

#id_kiwiana_main_picture  p.picNeeded
{
color: white;
margin: 0;
padding: 0;
}

#id_thumbnails img
{
border: 1px solid #FFF;
}

/*****MY IMAGES*******/

#id_main_picture
{
margin-top: 20px;
text-align: center;
}

#id_main_picture p
{
color: yellow;
}

/******MISCELLANEOUS********/

#id_rightcol span a,#id_rightcol span p a,p.c_intro a,p a
{
color: #903A09;
}

div#id_outMessage
{
font-weight: bold;
color: red;
}

.c_searchresults
{
display: block;
}

.ie8 div.c_searchresults
{
width: 530px;
}

.c_category
{
font-weight: bold;
}

.c_chart_summary
{
margin: 15px 0px 0px 0px;
font-weight: bold;
}

.c_instruction
{
color: yellow;
font-style: italic;
margin-left: 10px;
}

.c_kiwiwina_instruction
{
color: blue;
font-style: italic;
}

.clearboth
{
clear: both;
height: 0;
border-width: 0;
margin: 0;
padding: 0;
visibility: hidden;
}

#id_page_title
{
background-color: white;
height: 30px;
border-top: 3px solid #C2B7B3;
border-right: 3px solid #C2B7B3;
border-bottom: 3px solid #C2B7B3;
border-left: 3px solid #C2B7B3;
width: 565px;
}

#id_page_title h2
{
margin: 3px 0px 0px 55px;
}

.c_home_heading
{
margin-top: 0px;
padding-top: 10px;
}

#id_page_title_right_bottom
{
height /*hide this from IE6*/: 5px;
margin-left: -5px;
background-color: #FFF;
}

#id_page_title_bottom
{
height /*hide this from IE6*/: 5px;
background-color: #FFF;
}

.ie7 #id_page_title_bottom
{
width: 571px;
}

.c_intro
{
font-style: italic;
margin-top: 8px;
}

#id_home_blurb
{
margin-top: 35px;
}

#id_home_blurb img
{
margin-top: 35px;
}

/*******EMAIL FORM******/

div#id_user_message
{
background-color: #CCC;
color: red;
font-weight: bold;
}

#id_email_container
{
margin: 30px auto 20px auto; 
width: 400px;
background-color: #CCCCCC;
}

#id_email_container h2
{
background-color: #D3D3D3;
text-align: center;
padding: 0;
margin: 0;
height: 40px;
}
form#id_emailme
{
margin: 10px;
}

#id_message_cell
{
margin-top: 5px;
padding: 0;
}

#id_subject_cell input
{
width: 300px;
}

#id_message_cell textarea
{
width: 300px;
}

#id_message_cell label
{

}

#id_message_cell textarea
{
margin:0px 12px 0px 50px;
padding-bottom: 10px;
}

div.c_email_sub
{
margin: 10px 0px 10px 170px;
}

#id_my_rss_feed
{
background-color: #EEEEEF;
font-size: small;
width: 120px;
height: 200px;
overflow: auto;
padding-left: 5px;
}

#id_my_rss_feed p.c_rssTitle
{
font-weight: bold;
color: red;
}

p.offline
{
color: green;
font-size: 14pt;
}