/*
dark blue   #024
medium blue #048
light blue  #8bf
light grey  #ccc 
*/

body{
    background:url(images/pg.back.png) top repeat-x;
    font:normal 9pt/12pt arial, helvetica, sans-serif;
    color:#666;
    text-align:justify;
	margin:0;
    }
    
h2{
    font:bold 14pt/12pt arial, helvetica, sans-serif;
    color:#048;
    border-bottom:1px dotted #048;
    margin:20px 0 0 5px;
	text-transform:capitalize;
    }
    
p{
    text-indent:25px;
    margin:5px;
    }
    
.note{
    font:normal 10pt arial, helvetica, sans-serif;
    }

li{
	margin:10px auto 2px auto;
	}
	
hr{
	border:0;
	background:#048;
	}

#content{
    position:relative;
    width:800px;
    margin:0 auto;
    }
    
#header{
    color:#fff;
    margin:0 0 20px 0;
    height:100px;
    }
	#header a, #header a:visited, #header a:active{color:#8bf;}
	#header a:hover{color:#fff; text-decoration:none;}

#title{
	font:small-caps bold 24pt/70px arial, helvetica, sans-serif;
	margin:0;
	text-align:right;
	}

#nav{
	height:30px;
	margin:0;
	border-right:1px solid #8bf;
	}
	#nav a, #nav a:visited, #nav a:active{
		color:#fff;
		float:right;
		margin:0;
		background:#048 url(images/nav.png) top repeat-x;
		border-left:1px solid #8bf;
		height:30px;
		line-height:30px;
		padding:0 20px;
		display:block;
		}
	#nav a:hover{
		background-position:bottom;
		text-decoration:none;
		}

#description{
    float:left;
    width:375px;
    height:300px;
    padding:10px;
    border:1px solid #999;
    margin:5px 0 20px 0;
    background:#fff;
    }

#reflection{
    float:right;
    width:375px;
    height:300px;
    padding:10px;
    border:1px solid #999;
    margin:5px 0 20px 0;
    text-align:center;
    background:#fff url(images/reflection.jpg) bottom no-repeat;
	display:block;
    }

#body{
	padding:10px;
    border:1px solid #999;
    margin:25px 0 20px 0;
    background:#fff;
	}

#footer{
    width:75%;
    margin:0px auto;
    padding:5px;
    clear:both;
    text-align:center;
    border-top:2px dotted #999;
    font-size:8pt;
    }
    
.right{
	float:right;
	margin:0 0 0 10px;
	}
	
.left{
	float:left;
	margin:0 10px 0 0;
	}

a, a:visited, a:active{
    font-weight:bold;
    color:#048;
    text-decoration:none;
    position:relative;
    }
a:hover{
    color:#8bf;
    text-decoration:underline;
    }

a span, a:visited span, a:active span{display:none;}
a:hover span{
    position:absolute;
    display:block;
    }
    
img{border:0;}