/* basic.css *//* G L O B A L ------------------------------------------*/ body{	text-align: center;		/*IE hack*/	margin: 0;	padding: 0;	color: black;	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;	}/* 	background: url(/images/bg_tile.gif) left top repeat; *//*	color: #555; */#wrapper{	margin: 0 auto;	padding: 0;	width: 820px;	/* was 960 */	height: auto;	background-color: #fff;	}	/* B A N N E R ------------------------------------------*/h1{ margin: 0;	padding-bottom: 15px;	font-size: 125%;	text-align: center;	top: 0px;	width: auto;	height: auto;	background-color: #eee;	}h1 img.banner { display: block; border: 0; }/* T O P   N A V I G A T I O N -----------------------------*/#topnavbar ul{	margin: 0;	padding: 0;	font-family: "Comic Sans MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;	text-align: center;	width: 100%;	background-color: #d9d9d9;	}#topnavbar ul li{	display: inline;	list-style-type: none;	}#topnavbar ul li a:link, #topnavbar ul li a:visited{	padding: .3em .6em;	text-decoration: none;	color: #505050;	font-size: 105%; /*75*/	font-weight: 700;	line-height: 175%; /*250*/	}	#topnavbar ul li.last a { border: none; }#topnavbar ul li a:hover {color: #fff; }#topnavbar ul li#home a:hover { background-color: #eb0200; }/*c33*/#topnavbar ul li#peni a:hover { background-color: #75d; }/*93f*/#topnavbar ul li#isla a:hover { background-color: #099; }/**/#topnavbar ul li#pere a:hover { background-color: #381; }/*090*/#topnavbar ul li#isre a:hover { background-color: #d41; }/*f60*/#topnavbar ul li#abou a:hover { background-color: #9cb; }/**/#topnavbar ul li#pene a:hover { background-color: #f46; }/*f3c f58*/#topnavbar ul li#midc a:hover { background-color: #06d; }/*06f*/#topnavbar ul li#cont a:hover { background-color: #eb0200; }/* C O N T E N T -------------------------------------- */#content{	margin: 0;	padding: 0 0 25px;	height: auto;	font-size: 125%;	text-align: left;	}h2, h3, h4, p.toplink, p.backnext{ font-family: "Comic Sans MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; }h2{ margin: 0;	padding: .7em .7em 0 0;	font-size: 150%;	letter-spacing: .12em;	text-align: center;	}h3, h4, h5, p { margin: 0 15px; }h3{ padding-top: .8em;	font-size: 140%;	}h3.subhead{	margin-top: -3px;	padding-top: 0;	border-top: 1px solid #cdcdcd;	}h4{ padding-top: .9em; }h5{	padding-top: 1em;	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;	font-size: 100%;	}p, ul{	padding-top: .9em;	line-height: 1.3em;	}p.first { padding-top: 0;}p.subhead{	margin-top: -3px;	border-top: 1px solid #cdcdcd;	color: #444;	font-size: 125%;	}/* L I N K S ------------------------------------------ */a:link{color: #333; text-decoration: underline; }a:visited{color: #555; text-decoration: underline; }a:hover{color: #eb0200; text-decoration: underline; opacity: 0.7; }p.toplink{	margin-right: 15px;	padding: .3em 0;	text-align: right;	clear: both;	}	p.backnext{	margin-left: 15px;	padding: 1.5em 0 .2em;	text-align: left;	clear: both;	}a.toplink, a.backnext{ text-decoration: none; letter-spacing: .12em; } /* L I S T S ------------------------------------------------*/#content ul.plain, #content ul.subplain{	margin: 0 15px;	padding: 0 1em;	list-style-type: none;	}#content ul.plain li { padding: .5em 0 0; }#content ul.subplain li{	margin: 0 2em;	padding: .5em 0 0;	}#content ul.reddot{	margin: 0 15px;	padding: 0;	list-style-type: none;	width: auto;	}#content ul.reddot li{	background: url(/images/bullet_reddot.gif) no-repeat .1em .9em;	padding: .5em 1.75em; }ul.left {text-align: left; padding: 0 0 0 1em; }li.left {text-align: left; padding: 0 0 0 1em; }p.left {text-align: left; padding: 0px 0 0px 15px; text-indent: 0.5em;}p.center {text-align: center; padding: 0px 0 0px 0px;}.bkg {background-color: #DDD; }/* F O O T E R ---------------------------------------------*/#footer{	margin: 0;	padding-bottom: 5px;	clear: both;	height: auto;	background-color: #eee;	background-repeat: no-repeat;	}/* 	background-position: center bottom;*/p.footer{	padding: 30px 0 10px 15px;	font-size: 80%;	text-align: left;	color: #bb1817;	}/* F L O A T -----------------------------------------------*/.floatleft  { float: left; }.floatleft  { float: left;  margin: 5px 10px 0 10px; clear: left; }.floatright { float: right; }.floatright { float: right; margin: 0 0 10px 10px; clear: right; }.girl {color:red; background-color:yellow; }.under {text-decoration: underline} .bb { border-bottom: thin solid; width: 100%; }.topper {		margin: 0; padding: 0;	font-family: "Comic Sans MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;	text-align: center; width: 50%;	background-color: yellow; color: red;	}.full { opacity: 1.0; }.notfull { opacity: 0.4; }/* a:hover  { opacity: 0.7; } */