@charset "utf-8";
/* CSS Document */
/*Emma Rudling  www.designandflourish.co.uk*/

* { 
padding : 0; 
margin : 0; 
} 
body { 
text-align : left; 
font : 11px Verdana, Arial, Helvetica, sans-serif; 
line-height : 18px; 
color : #808080; 
background-color : #fff;
} 

#wrapper { 
width : 900px; 
background-color : #fff; 
background-image:url(artimages/EP130.jpg);
background-repeat:no-repeat;
background-position:left;
margin-left : auto; 
margin-right : auto;
min-height:140px;
}

#banner {
margin-top:5px;
background-image:url(artimages/bannername.jpg);
background-repeat:no-repeat;
background-color:#d2d2d2;
width : 770px;
float:right;
height : 70px; 
} 

p {	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	
	line-height:120%;
	margin-bottom : 10px; 
	color:#000;
}

.peng {
margin-top:35px;
margin-left:585px;
}

#main {
	margin-top:20px;
	width:700px;
	float:left;
	text-align:justify;
}

#copyright {
	float:left;
	width:25px;
	margin-top:50px;;
	height:100%;
	text-align:right;
}

.ac {
	text-align:center;
}

.al {
	text-align:left;
}

.ar {
	text-align:right;
}

#picdesc464 {/*square pics*/
	text-align:left;
	font-size:12px;
	color:#666;
	margin-left:118px;
	margin-top:20px;
}

#picdesc380 {/*portrait*/
	text-align:left;
	font-size:12px;
	color:#666;
	margin-left:160px;
	margin-top:20px;
}

#picdesc600 {/*landscapes*/
	text-align:left;
	font-size:12px;
	color:#666;
	margin-left:50px;
	margin-top:20px;
}
#picdesc244 { /*small blurred!*/
	text-align:left;
	font-size:12px;
	color:#666;
	margin-left:228px;
	margin-top:20px;
}

.marg100 {
	margin-left:100px;
}

#footer {
	float:left;
	height:25px;
	width:100%;
	text-align:right;
}

.flowertable {
	margin:0 auto;
}
#flowertable {
	width:auto;
	margin:0 auto;
	text-align:center;
}

#flowertable td {
	width:163px;
}

#flowertable2 {
	text-align:center;
		margin:0 auto;
}

#flowertable3 {
	width:100%;
		margin:0 auto;
}
/***********************************************/
/*        navigation        
Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
*/
/***********************************************/

#navig { 
margin-top:50px;
width : 175px; 
float : left; 
}

#nav { 
width:100%;
float : left;  
text-align : left; 
margin-top : 8px; 
margin-bottom : 8px; 
} 

ul { 
list-style-type : none; 
} 

#nav li {
	font-family:Verdana, Geneva, sans-serif;
	display:block;
	height:23px;
	text-indent:0px;
	text-decoration : none;
	list-style:none;
	margin-top:5px;
	font-size : 12px;
	font-weight:700;
}


#nav ul li a, a:link, a:visited {
	text-decoration:none;
	color:#666;
}

#nav ul li a:hover {
	text-decoration:underline;
	color:#666;
}

#nav .selected a {
	color:#000;
}
#nav ul li a:active {
	color:#666;
	text-decoration:underline !important;
}


.aboutrebhd {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:bold;
	font-size:20px;
	color:#333333;
	text-align:center;
	margin-top:20px;
}
.aboutrebhd2 {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:bold;
	font-size:18px;
	color:#333333;
	text-align:center;
	margin-top:20px;
}
.aboutrebsub {
	font-size:14px;
	color:#666;
	text-align:center;
}
.style3 {
	font-size: 30px;
	font-weight: 400;
}
.style6 {font-size: 10px}
.style7 {
	font-size: 14px;
	font-weight: bold;
}
.style8 {font-size: 14px}

.size12 {font-size:12px;
}

span.c2 {color: #999; font-family: Arial}
span.c1 {color: #999}
.maintext {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}


.linktext {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.maintextblue {
	font-family: "Comic Sans MS";
	font-size: 18px;
	font-weight: bold;
	color: #306FB1;
}
.box {
	border: 1px solid #C1DFEA;
}

a.links:link {
text-decoration: none; 
color:#0072BC; font-family: "Comic Sans MS";
font-size: 14px;
font-weight: bold;
}
a.links:visited {
text-decoration: none; 
font-family: "Comic Sans MS";
font-size: 14px;
font-weight: bold;
color: #838282;}
a.links:active {
text-decoration: none; 
font-family: "Comic Sans MS";
font-size: 14px;
font-weight: bold;
color: #838282;}
a.links:hover {
text-decoration: none; 
font-family: "Comic Sans MS";
font-size: 14px;
font-weight: bold;
color:#838282;
}

a.greenlinks:link {
text-decoration: none; 
color:#007236; font-family: "Comic Sans MS";
font-size: 14px;
font-weight: bold;
}
a.greenlinks:visited {text-decoration: none; 
font-family: "Comic Sans MS";
font-size: 14px;
font-weight: bold;
color: #838282;}

ul.events li {
	list-style:disc inside;
	color:#000;
	margin-left:50px;
	font : 14px Verdana, Arial, Helvetica, sans-serif; 
}

ul.notes li {
list-style-image:url(../images/Tiny-penguin.gif);
}

ul.notes li span {
position:relative;
top:-10px;
}

ul.quotes li {
list-style-image:url(../images/Tiny-penguin1.gif);
}

ul.quotes li span {
position:relative;
top:-10px;
}

ul.pictures li{
	list-style-type:circle;
	list-style:outside;
	margin-left:30px;
	color:#000;
}

ul.pictures li a{
	color: #000;
}

.resume {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	
	line-height:120%;
	margin-left:50px;
	margin-bottom : 10px; 
	color:#000;
}
#resumelist p{ line-height:200%;}
	

h1 {
	font-family: "Comic Sans MS";
	font-size: 30px;
	font-weight: bold;
	color: #000000;
}

h2 {
	font-family: "Comic Sans MS";
	font-size: 22px;
	font-weight: bold;
	color: #000000;
}
h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #000000;
}


h4 {
	font-size:18px;
	text-decoration:underline;
	font-weight:bold;
	color:#000;
}


.contact {
	font-family:"Comic Sans MS", cursive;
}

.contact3 {	
	font-family:"Comic Sans MS", cursive;
	font-size: 30px;
	font-weight: 400;
}

.contactable {
	margin-left:50px;
}

#fb {
	width:30px;
	text-align:right;
	float:right;
}