@charset "utf-8";
/* CSS Document */

html {
	overflow: scroll;
}
body {
	width:100%;
	margin: 0 auto;
	font-family: Arial;
	font-size: 13px;
	text-align:left;
}

#top {
	background:#663366;
	border-bottom:solid 4px #cc99cc;
	height:30px;
}

#content {
	width: 880px;
	margin:0 auto;
	float:none;
	margin-top:10px;
	line-height: 18px;
}

.main {
	color: #666666;
	font-family: Helvetica Neue, Helvetica, Arial;
	font-size: 22px;
	line-height: 32px;
	width:850px;
	margin-left: 10px;
	margin-top: 33px;
	margin-bottom:30px;
	float:left;
}

.note {
	font-family: Arial;
	font-size: 14px;
}
#icons {
	margin: 20px 20px;
	padding:0;
	float:none;
	
}

#flashcontent {
	text-align:center;
	float:none;
	margin-bottom:40px;
}

#footer {
	clear:both;
	background: #cc99cc url(imgs/back_footer.jpg) repeat-x;
	border-top:solid 4px #663366;
	height:200px;
	color:aeaeae;
}

#cols {
	width:880px;
	float:none;
	margin:0 auto;
}

#cols .col1 {
	width:270px;
	float:left;
	padding-top:20px;
	margin-right:20px;
	margin-bottom:20px;
}

#cols .col2 {
	width:270px;
	float:left;
	padding-top:20px;
	margin-right:20px;
}

#cols .col3 {
	width:270px;
	float:left;
	padding-top:20px;
	
}

body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1em;margin-bottom:0em; margin-top:0.75em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25em;margin-bottom:0.3em; margin-top:0.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
ul { margin:0; padding:0;}
li { margin-left:5px; margin-bottom:5px; list-style:none;}
p {margin:0 0 1.5em;}
.left {float:left;margin:0.5em 0em 1.5em 1em;padding:0;}
.left a, .left a:link {color:#fff; text-decoration:none;}
.left a:hover, .left a:focus {color:#F66; text-decoration:none;}
.right {float:right;margin:0.45em 1.5em 0em 0em;}
.right p {color:#fff; font-weight:bold; letter-spacing:2px;}
.right h1 { background: #663366 url(../imgs/isla_logo.gif) no-repeat; text-indent:-99999px; width:153px; height:21px; margin:0; padding:0; }
#cols h4 {color:#f3f3f3;}
a:focus, a:hover {color:#003366;}
a {color:#cc99cc;text-decoration:underline;}
#footer a {color:#222; text-decoration:none; }
#footer a:active, #footer a:hover {color:#eee; text-decoration:none; }
#footer p {margin-top:1em; }
.bold, strong {font-weight:bold; color: #000; }
em, dfn {font-style:italic;}
.icons { margin-right:25px; margin-top:20px;}
.last {margin:0; padding:0;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
#basefooter {clear:both;  width:880px; color:#fff; margin: auto; border-top:1px #886688 solid; padding:0;}
#basefooter p {margin-right:10px; margin-top:10px; float:right;}
#basefooter a {color:#663366; text-decoration:none; }
#basefooter a:focus, a:hover {color:#fff;}