/*
*
* $Id: style.css,v 1.8 2009/09/11 13:23:14 tleen Exp $
*
*
* light red #B8877A / #A4786C / #856258
* dark red #A66959 / #925C4E / #73493E
*
*
*/


body{   
    background-image:   url(../images/background.gif);
    font-family:        Comic Sans MS, cursive;
    font-size:          62.5%;
}

html{ 
    font-size:          100%; 
}

body, html{
    height:             100%;
}

ul, li, body, html{
    margin:             0;
    padding:            0;
}

ul{
    list-style-type:    none;
}

a{
    color:              #596182;
} a:visited{
    color:              #665982;
}



/* Inner components */

a.anonymous{
    text-decoration:    none;
} a.anonymous:hover{
    text-decoration:    underline;
}

h3{
    color:              #A66959;
    font-size:          1.5em;
    font-weight:        bold;
    margin:             1.0em 0 0.2em 0;
}

h4{
    color:              #B8877A;
    font-size:          1.3em;
}

p,
dt,
dd,
fieldset,
pre{
    font-family:        Trebuchet MS, Helvetica, sans-serif;
    font-size:          1.2em;
}

dl dt{
    font-weight:        bold;
    margin:             1.0em 0 0.5em 0;
}

fieldset{
    border:             none;
}

fieldset label{
    clear:              left;
    display:            block;
    float:              left;
    width:              15em;
}

div.print{
    display:            none;
    visibility:         hidden;
}

div.hidden{
    display:            none;
    visibility:         hidden;
}

em{
  font-style:  normal;
  font-weight: bold;
} 

strong{
	font-size:			1.2em;
	font-weight:		bold;
}

/* Template components */


div#outer{
    background-image:   url(../images/paper.jpg);
    border:             2px solid #597182;
    float:              left;
    margin-left:        7em;
    min-height:         100%;
    width:              70em;
}

div#header{
    background-color:   #C5CA9B;
    border:             1px solid #939774;
    border-width:       1px 0 2px 0;
    height:             5em;
    padding:            1em;
} div#header span#logo{
    color:              #597182;
    display:            block;
    float:              left;
    font-size:          2.5em;
    font-weight:        bold;
    margin-top:         0.3em;
} div#header ul#images{
    float:              right;
} div#header ul#images li{
    float:              left;
} div#header ul#images li img{
    border:             1px solid #939774;
    float:              left;
    height:             50px;
    margin:             0 1.0em 0 0;
    padding:            0.3em;
    width:              50px;
} div#header ul#images li img:hover{
    border:             1px solid #597182;
}

div#appeal{
		border:									1px solid #597182;
		border-radius:					1.0em;
		-moz-border-radius: 		1.0em;
		-webkit-border-radius: 	1.0em;

		float:							left;
		font-size:					1.1em;
		margin:							1.5em 0 0 3%;
		padding:						10px;
		width:							90%;
}

ul#menu{
    clear:              both;
    float:              left;
    margin-top:         0.5em;
    width:              100%;  
} ul#menu li{
    background-image:       url(../images/menu.gif);
    background-position:    center left;
    background-repeat:      no-repeat;
    float:                  left;
    font-size:              1.3em;
    margin-left:            0.5em;
    padding-left:           15px;
} ul#menu li.selected{
    background-image:       url(../images/menu_selected.gif);
    color:                  #36454F;
    font-weight:            bold;
}

div#inner{
    clear:              left;
    float:              left;
    margin:             1.0em 1.0em 0 2.0em;
    min-height:         100%;
    padding-bottom:     3.0em;
    width:              66em;
} div#inner img{
		clear:							right;
    float:              right;
    margin:             1.0em 2.0em 5.0em 3.0em;
} div#inner img#scene{
    border:             1px solid #B8877A;	
		margin-top:					2.5em;
    padding:            0.3em;
} div#inner img#logo{
		border:							1px solid #C5CA9B;
		height: 						95px;
		width: 							202px;
}	div#inner h3{
    display:            block;
} div#inner p{
    display:            block;
} div#inner p.image img{
		margin:							0;
} div#inner p.image span.caption{
	display:							block;
	font-size:						1.1em;
} div#inner p img.thumbnail{

}

div#inner img.news{
    border-color:      	#939774;
		float:							none;
    margin:             1.0em;
} 

div#policy{
	font-size:			smaller;
	font-style:			italic; 
}