* {
    margin: 0 ;
    padding: 0 ;
    border: 0 ;
}

body {
    margin: 0 ;
    font: 12px Tahoma, Arial, Verdana, sans-serif ;
    color: #000 ;
    background: #fff url(/img/content/top_page_bg.gif) -1px 0 repeat-x ;
}

p {
    line-height: 17px ;
    margin: 5px 0 ;
}

/* general hyperlink styles */
a {
    color: #DF385F ;
    text-decoration: none ;
}

a:hover {
    color: #197336 ;
    text-decoration: underline ;
}

#wrapper {
    width: 900px ;
    margin: 0 auto ;
    position: relative ;
}

#top_nav {
    margin: 14px 25px 7px 0 ;
    text-align: right;
    position: relative ;
}

#top_nav img {
    position: absolute ;
    top: 0px ;
    right: -25px ;
}

#top_nav select, #top_nav input {
    padding: 3px ;
    border: 1px solid #000 ;
}

#top_nav div#language {
  position: relative ;
  float: left ;
  width: 200px ;
}

#top_nav div#language img { position: relative; top: auto; right: auto; 
   float: left; width: 20px; margin: 2px 0 0 5px ; }
#top_nav div#language span { display: block ; float: left; padding: 3px; 
   background: #ffd131; color: #000; }
#header {
    position: relative ;
    background-image: url(/img/header/DSCF8451-1.gif) ;
    background-position: 0 20px ;
    background-repeat: no-repeat ;
    margin-top: 35px ;
    height: 190px ;
}

#header img#logo {
    position: absolute ;
    left: 0 ;
    top: -10px ;
    float: none ;
    padding: 0 ;
}

#header a#rss {
    position: absolute ;
    top: -13px ;
    right: 0px ;
    border: 0 ;
}

#header h1 {
    position: absolute ;
    top: -10px ;
    right: 40px ;
    font: 20px "Times New Roman", serif ;
    color: #646464 ;
    margin: 0 ;
}

#header ul {
    display: inline ;
    position: absolute ;
    top: -10px ;
    left: 175px ;
}

#header li {
    float: left ;
    list-style: none ;
}

#header a, #header a:visited {
    display: block ;
    padding: 2px 6px ;
    border-right: 1px solid #646464 ;
    font: 12px Tahoma,Arial, Verdana, sans-serif ;
    font-weight: bold ;
    color: #646464 ;
    text-decoration: none ;
    background: #fff ;
}

#header a:hover {
    background: #e2e1e1 ;
}

#header li.last a {
    border-right: 0 ;
}

#content {
    clear: left ;
    float: left ;
    width: 100% ;
    margin-top: -20px ;
}

#pagelinks {
    float: left; 
    width: 160px ;
    margin-top: 7px ;
}
    
#details {
    float: left ;
    width: 500px ;
    margin-left: 7px ;
    margin-right: 7px ;
}

#details ul {
    margin: 20px 0 20px 28px ;
}

#details li {
    margin: 0 ;
    padding: 0 ;
}

#details ul ul {
    margin: 5px 0 5px 22px ;
}

#sidebar {
    float: right ;
    width: 215px ;
}

#footer {
    clear: both ;
    width: 100% ;
    background: url(/img/index/main_footer_bg.png) 0 0 repeat-x; 
    position: relative ;
    top: 0px ;
    height: 45px ;
    margin: 0 auto ;
    text-align: center; 
}

#footer p {
    padding: 17px 0 24px 0;
    color: #333 ;
}


#footer li {
    list-style: none ;
    display: inline ;
}

#footer a {
    padding-left: 15px ;
    border-left: 1px solid #666 ;
    color: #333 ;
    text-decoration: none ;
}

#footer a:hover {
    text-decoration: underline ;
}

#footer-logos {
    width: 100% ;
    text-align: center ;
    margin: 35px 0 ;
}

#footer-logos a img {
    border: 0 ;
}

div.section, div#pagelinks ul {
    background: #fff ;
    border: 1px solid #ccc ;
    width: 100% ;
    margin-bottom: 40px ;
}

#pagelinks ul {
    margin: 10px 0 ;
    border-top: 1px solid #ccc ;
    padding: 10px ;
}

#pagelinks li {
    margin-left: 10px ;
    padding-left: 10px ;
}

div#pagelinks ul li.indent {
    margin-left: 18px ;
}


#details div.section {
    width: 260px ;
    float: left ;
    margin: 0 5px 10px 5px;
}

#sidebar div.section {
    padding: 0 ;    /* remove padding previously applied */
}

#sidebar div.section h3 {
    background: #eee ;
    color: #2F812B ;
    width: 100%;  
    padding: 10px 0 ;
    margin-bottom: 10px ;
    text-indent: 12px ;
    border-top: 1px solid #ccc ;
}

/* helpers */
div.gutter {
    padding: 7px ;
}

#details div.gutter {
    padding: 13px ;
}

div.gutter ul {
    margin-left: 22px ;
}

.bulletlist {
    list-style-type: none ;
    margin-bottom: 20px ;
}

.bulletlist li {
    margin: 6px 0 ;
    padding-left: 12px ;
    font: 12px Tahoma, Arial, sans-serif;
    color: #666 ;
    background: url(/img/common/list_arrow.gif) 0 3px no-repeat ;
}

.bulletlist a, .bulletlist a:visited {
    color: #333 ;
    text-decoration: none ;
}

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

img.ad {
    border: 1px solid #333 ;
    text-align: center ;
    margin: 0 0 20px 0;
}

#pagelinks img.ad {
    margin-left: 5px ;
}

#details img.ad {
    margin-top: -5px ;
}

#sidebar img.ad {
    margin-left: 7px ;
}

#sidebar div.section img {
    float: left ;
    width: 75px ;
    margin: 7px ;
}

div.section a img {
    float: none ;
    width: auto ;
    margin: 0 ;
}

#sidebar div.section a.link {
    color: #f00 ;
    font-weight: bold; 
    text-decoration: none ;
    padding-left: 15px ;
    background: url(/img/common/list_arrow.gif) 0 4px no-repeat ;
}

#sidebar div.section a.link:hover {
    text-decoration: underline ;
}

/* begin IE6 hacks */
<!--[if IE 6]>
#top_nav img {
    position: absolute ;
    top: 0px ;
    right: 20px ;
}

#details {
    width: 500px ;
}

#sidebar {
    width: 200px ;
}

#sidebar img.ad {
    margin-left: 0 ;
}

#sidebar h3 {
    font-size: 14px ;
}

<![endif]-->

/* end IE6 hacks  */

/* ========================== MISCELLAENOUS STYLES ========================== */
a#donation {
    width: 150px;
    text-align: center ;
}
a#donation img {
    border: 0px solid #eee ;
    margin-left: 5px ;
}

a#donation:hover img {
    border: 0px solid #f00 ;
}

li span {
    display: none ;
}

#content li span {
    display: block ;
}

#colouring div a {
    float: left ;
    width: 80px ;
    /*height: 60px ;*/
    margin: 5px ;
    border: 1px solid #eee ;
}

#colouring div a img {
    width: 80px ;
    /*height: 60px ;*/
    border: 0 ;
}

#colouring div a:hover {
    border: 1px solid #f00 ;
}

#colouring ul {
    clear: left; 
    padding-top: 20px ;
}

/* =================== Styling for the Event Calendar Page ================== */

div#calendar table
{
	border: 1px solid #ccc;
	background: #eee;
}

div#calendar table tr {
	text-align: center;
	background: #fff ;
}

div#calendar table tr th {
	width: 50px;
	height: 25px;
	background: #666;
	color: #fff;
	font-weight: bold ;
}

div#calendar table tr th a {
    color: #fff ;
    text-decoration: none ;
}

div#calendar table tr td {
	width: 50px;
	height: 25px;
	background: #fff;
	color: #666;
}

div#calendar table tr td.event {
    background: #afeaaa ;
    padding: 2px 0;
}

div#calendar table tr td.event a {
    color: #054950 ;
    text-decoration: none ;
}

div#calendar table tr td.event a:hover {
    color: #789a9f ;
}

td.event div {
    display: none ;
}

div#event_list {
    margin-top: 15px ;
}

p.title {
    font-weight: bold ;
}

p.title a {
    margin-left: 12px ;
}

/* ======================= styling for search results ======================= */
ol#search_results {
    margin: 10px 10px 10px 20px ;
}

/* ====================== zebra striped tables styling ====================== */
table.zebra {
    border: 1px solid #aaa ;
    border-width: 1px 0 0 1px ;
    margin-top: 10px ;
    margin-left: 65px ;
}

table.zebra td {
    border: 1px solid #ccc ;
    border-width: 0 1px 1px 0 ;
    padding: 2px 6px ;
}

tr.stripe td {
    /*background: #f0f5fe ;*/
    background: #ffb ;
}

/* *************************** NEWS ITEMS STYLING *************************** */

/* ======= NEWS ITEM POSTINGS ======= */
div.item_post {
    float: left ;
    clear: left ;
    width: 100% ;
    position: relative ;
    /*background: url(/img/common/bubble.png) top left no-repeat ;*/
    background: none ;
    min-height: 70px ;
    margin: 10px 0 ;
}

p.post_date {
    position: absolute ;
    top: 10px ;
    left: 15px ;
    text-transform: uppercase ;
    color: #123 ;
    display: none ;
}

p.post_date span {
    position: absolute ;
    top: 13px ;
    left: 5px ;
    font-weight: bold ;
}

p.post_title {
    float: left ;
    width: 420px ;
    /*margin: 15px 0 0 85px ;*/
    margin: 15px 0 0 0 ;
    font: 18px bold arial, verdana, sans-serif ;
}

div.post_content {
    position: absolute ;
    top: 40px ;
    left: /*85*/0px ;
    width: 400px ;
}

div.post_content p {
    line-height: 14px ;
}

p.more_link { 
    clear: left ;
    float: left ;
    margin: 10px 0 0 /*85*/0px ;
}

/* ======================== MODELLING SECTION STYLING ======================= */
#model_sets {
    float: left ;
    width: 750px ;
}
#model_sets div.row {
    clear: left ;
    float: left ;
    width: 100% ;
}
#model_sets div.model {
    background: url(/img/slide.png) top left no-repeat; 
    width: 150px ;
    height: 113px ;
    text-align: center ;
    float: left ;
    margin-right: 32px;
    margin-bottom: 10px ;
}
div.model img {
    padding: 3px ;
    border: 1px solid #ccc ;
    margin-top: 15px ;
    width: 70px ;
    height: 45px ;
}

div.model p.caption {
    width: 140px ;
    margin-left: 5px ;
    text-align: center ;
    font-size: 90% ;
    line-height: 13px ;
}

div#model_links {
    float: right ;
    width: 200px ;
    text-align: left; 
}

#gallery, #small_gallery {
    width: 700px ;
    float: left ;
}

#thumb_gallery {
    width: auto ;
}

#gallery img, #small_gallery img {
    display: block ;
    float: left; 
    margin: 6px ;
}

ul#m_photos {
    list-style: none ;
    margin-left: -0px ;
    width: 170px ;
    text-align: center ;
}

ul#m_photos li {
    margin: 6px 0px ;
    border: 1px solid #ccc ;
    padding: 8px 3px ;
}

ul#m_photos img {
    width:150px ;
    height: 113px ;
    border: 0 ;
}

#model_links ul {
    margin: 3px 0 3px 12px;
}

a.archive {
    margin: 2px ;
    padding: 2px ;
}

/* errors */
.error { color: #f00 ; }