/* =main
---------------------------------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
    background: #fff;	
	color: #000;
	text-align: center;
	}
hr {
	margin: 3px 0 0 0;
	height: 1px;	
	border: none;
	border-top: 1px solid #000;
	}

    
.clear {
	clear: both;
	}
    
.printonly { DISPLAY: none }

img {
	margin: 0;
	padding: 0;	
	border: 0;
	}     



/* =main layout
---------------------------------------------------------------------------------------------------- */

#frame {
	margin: 4px auto 8px auto;
	padding: 0;
	position: relative;
    border: 1px solid #000;
	width: 1000px;
    text-align: left;
    background: #fff;
	overflow: hidden;       
	}

#header {
	margin:0;
	padding:0;
	position:absolute;
	background-image:url(../images/elements/header.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	width: 1000px;
	height: 175px;
	z-index: 40;
}

/* = home page layout
---------------------------------------------------------------------------------------------------- */
#contenttop {
	margin:195px 0 0 20px;
	padding: 0;
	position: relative;
	width:980px;
	height:310px;
}

#front {
	margin: 0;
	padding: 0;
	position: relative;
	float:left;
	border: none;
	width: 470px;
    height: 310px;
	background-color: #fff;
	z-index:0;
}
#experience {
	margin: 0;
	padding: 65px 0 0 20px;
	position: relative;
	float:right;
    border: none;
	width: 470px;
    height: 310px;
	background-image:url(../images/elements/frontbox_experience.gif);
	background-repeat:no-repeat;
	z-index:0;
}

#new {
	margin: 15px 0 0 0;
	padding: 0;
	position: absolute;
	text-align: left;
    font-size: 12px;
    color: #000;
    font-family: arial, verdana, sans-serif;
  }
#contentbot {
	margin:-42px 0 0 20px;
	padding: 0;
	position: relative;
 	float:left;
	width:980px;
	height:210px;
	text-align: left;
    font-size: 12px;
    color: #000;
    font-family: arial, verdana, sans-serif;
}

#juniorac {
	margin: 0 20px 0 0;
	padding: 0;
	position: relative;
	float:left;
    border: none;
	width: 225px;
    height: 170px;
	background-image:url(../images/elements/juniorbox_ac.gif);
	background-repeat:no-repeat;
	z-index:0;
}  
#juniortf {
	margin: 0 20px 0 0;
	padding: 0;
	position: relative;
	float:left;
    border: none;
	width: 225px;
    height: 170px;
	background-image:url(../images/elements/juniorbox_tf.gif);
	background-repeat:no-repeat;
	z-index:0;
}  
#juniorbcc {
	margin: 0;
	padding: 0;
	position: relative;
	float:left;
    border: none;
	width: 225px;
    height: 170px;
	background-image:url(../images/elements/juniorbox_bcc.gif);
	background-repeat:no-repeat;
	z-index:0;
}  
#junioratg {
	margin: 0 0 0 20px;
	padding: 0;
	position: relative;
	float:left;
    border: none;
	width: 225px;
    height: 170px;
	background-image:url(../images/elements/juniorbox_atg.gif);
	background-repeat:no-repeat;
	z-index:0;
}    
.juniorphoto {
	margin: 45px 0 0 10px;
	position:absolute;
	padding: 0;
}      
.juniortext {
	margin: 45px 10px 0 0;
	padding: 0;
	position: relative;
	float:right;
	width:125px;
	height:100px;
	overflow:hidden;
}
.juniorlink {
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;
	float:right;
	width:125px;
	height:20px;
}

  
/* = sub page layout
---------------------------------------------------------------------------------------------------- */ 
  

#addthis {
	margin: 172px 0 0 855px;
	padding: 0;
	position: absolute;

}
.SearchBox { position: absolute; margin: 138px 0 0 798px; background:#fff; border:1px solid #fff; font-family:arial, verdana, sans-serif; font-size:13px; width:137px; }
.SearchGo { position: absolute; margin: 135px 0 0 944px; background:none; border:none; width:25px; height:25px; }


#contentmain {
	margin:195px 0 40px 90px;
	padding: 0;
	position: relative;
	width:595px;
	min-height: 300px;
	text-align: left;
    font-size: 12px;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 1.3em;
}
/* IE5 and IE6 */
* html #contentmain {
	margin:0;
	padding: 195px 0 20px 90px;
}
#contentcontact {
	margin:195px 0 40px 90px;
	padding: 0;
	position: relative;
	width:595px;
	min-height: 300px;
	text-align: left;
    font-size: 12px;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 1.3em;
}
/* IE5 and IE6 */
* html #contentcontact {
	margin:0;
	padding: 195px 0 20px 90px;
}
#contentcontact a:link, #contentcontact a:visited, #contentcontact a:active  {
    color: #378699;
	font-weight: normal;
	text-decoration: underline;    
}
#contentcontact a:hover  {
	text-decoration: none;    
}

#pageheader {
	margin: 195px 0 0 20px;
	padding: 0;
	position: absolute;
	float:left;
	border: none;
	width: 50px;
    height: 195px;
}
#winpageheader {
	margin: 195px 0 0 20px;
	padding: 0;
	position: absolute;
	float:left;
	border: none;
	width: 50px;
    height: 195px;
}

/* hasLayout = true */


#sponsor_area {
	margin: 405px 0 0 705px;
	padding: 0;
	position: absolute;
	float: right;
	border: none;
	width: 275px;
	text-align: center;
	font-size: 11px;
	color: #000;
	font-weight: bold;
    font-family: arial, verdana, sans-serif;
	
}
.sponsor_image {
	margin: 0 0 25px 0;
	padding: 0;
	position: relative;
	border: none;
	width: 275px;
	text-align: center;
}

/* = art of the getaway layout
---------------------------------------------------------------------------------------------------- */ 
#artofg_regions {
	margin: 410px 0 40px 20px;
	padding: 0;
	position: relative;
	width:960px;
	height:300px;
}
/* IE5 and IE6 */
* html #artofg_regions {
	margin:0;
	padding: 410px 0 40px 20px;
}
.regionnames {
	margin: 1px 0 0 10px;
	padding: 0;
	text-align: left;
    font-size: 12px;
	font-weight: bold;
    color: #000;
    font-family: arial, verdana, sans-serif;
}
.regiondes {
	margin: 1px 0 0 10px;
	padding: 0;
	text-align: left;
    font-size: 12px;
    color: #636258;
    font-family: arial, verdana, sans-serif;
	line-height: 1.1em;
}

#winheaderimage {
	margin: 195px 20px 0 20px;
	padding: 0;
	position: relative;
	float:right;
	border: none;
	width: 890px;
    height: 230px;
	background-color: #fff;
	z-index:0;
}
#wincontent {
	margin: 0 20px 20px 20px;
	padding: 0;
	position: relative;
	float:right;
	border: none;
	width: 960px;
    height: 220px;
	background-color: #fff;
	z-index:0;
}
#leftside {
	margin: 0;
	padding: 0;
	border: none;
	width: 292px;
	height: 200px;
	float:left;
}
#rightside {
	margin: 0;
	padding: 0;
	border: none;
	width: 638px;
	height: 200px;
	float:right;
	background-color: #fff;
}
#rightside ol {
	margin: 0 0 0 15px;
	padding: 0;
	width: 250px;
	text-align: left;
    font-size: 12px;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 1.3em;
}
#rightside ol li {
	margin: 0 0 5px 0;
	padding: 0;
}
#rightlistone p, #rightlisttwo p  {
	margin: 0 0 3px 0;
	padding: 0;
	text-align: center;
    font-size: 12px;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 1.2em;
}
#rightlistone p b, #rightlisttwo p b  {
	color: #666;
}

#rightlistone {
	margin: 0;
	padding: 0;
	width: 200px;
	float:right;
}
#rightlisttwo {
	margin: 0;
	padding: 0;
	width: 182px;
	float:right;
}
#winleft {
	margin: 0;
	padding: 0;
	border: none;
	float:left;
	width: 82px;
	height: 200px;
}
#winright {
	margin: 0;
	padding: 0;
	border: none;
	float:right;
	width: 210px;
	height: 200px;
}
#winright p {
	margin: 0;
	padding: 0;
    text-align: left;
    font-size: 12px;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 1.3em;
}

#getawayflash {
	margin: 195px 0 20px 20px;
	padding: 0;
	position: absolute;
	float:left;
	border: none;
	width: 665px;
    height: 195px;
	background-color: #f8f8f8;
	z-index:0;
}

.borderitvan img, .borderitvanisl img, .borderitthom img, .borderitcarib img, .borderitnorth img, .borderitkoot img  {
border: 5px solid #f8f8f8;
padding: 2px;
}

.borderitvan:hover img{
border: 5px solid #a7cadc;
}
.borderitvanisl:hover img{
border: 5px solid #c26e20;
}
.borderitthom:hover img{
border: 5px solid #0094c2;
}
.borderitcarib:hover img{
border: 5px solid #ad923c;
}
.borderitnorth:hover img{
border: 5px solid #aa273d;
}
.borderitkoot:hover img{
border: 5px solid #642f92;
}
.borderitvan:hover, .borderitvanisl:hover, .borderitthom:hover, .borderitcarib:hover, .borderitnorth:hover, .borderitkoot:hover{
color: red; /* irrelevant definition to overcome IE bug */
}

#bcmap {
	margin: 0;
	padding: 0;
	position: absolute;
	border: none;
	width: 145px;
    height: 145px;
}
#artglogo {
	margin: 175px 0 0 0;
	padding: 0;
	position: absolute;
	border: none;
	width: 145px;
    height: 140px;
	text-align: center;
    font-size: 11px;
	font-weight: bold;
    color: #000;
    font-family: arial, verdana, sans-serif;
}

#regionslist {
	margin: 0 0 40px 150px;
	padding: 0;
	position: absolute;
	width:850px;
	} 

#regionslist li {
	margin: 0 10px 0 0;
	padding: 0;
	float:left;
	border: none;
	width: 265px;
    height: 130px;
	list-style:none;
} 

.getaway{
	border: 3px solid #EEEEEE;
}
/* = cultural crawl layout
---------------------------------------------------------------------------------------------------- */ 

#bcccimage {
	margin: 0 20px 20px 0;
	padding: 0;
	position: relative;
	float:left;
	border: none;
	width: 280px;
    height: 390px;
}
/* IE5 and IE6 */
* html #bcccimage {
	margin:0;
}
#crawl_text_image {
	margin: 0 0 3px 20px;
	padding: 0;
	position: relative;
	float:left;
	border: none;
	width: 148px;
    height: 133px;
}
/* IE5 and IE6 */
* html #crawl_text_image {
	margin:0;
}
#crawl_participants_image {
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;
	float: left;
	border: none;
	width: 115px;
    height: 36px;
}
/* IE5 and IE6 */
* html #crawl_participants_image {
	margin:0;
}
#crawldownloads {
	margin: 0 0 20px 0;
	position: relative;
	padding: 15px; 
	border: none;
	width: 565px;
    height: 160px;
	background-color: #fff;
	border: 5px solid #e3701e;
	font-size: 13px;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 1.8em;
}
#crawldownloads a {
	font-size: 13px;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 1.8em;
}
#bccclogo {
	margin: 0 60px 0 0;
	float:left;
}

#crawl_list_one { 
	margin: 0 0 0 -20px;
	padding: 0;
	position: relative;
	float: left;
	border: none;
	width: 50%;
	font-size: 13px;
	text-decoration: none;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 2.0em;
}
#crawl_list_two {
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	border: none;
	width: 50%;
	font-size: 13px;
	text-decoration: none;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 2.0em;
}
#crawl_list_one li a:link, #crawl_list_one li a:visited, #crawl_list_one li a:active, #crawl_list_two li a:link, #crawl_list_two li a:visited, #crawl_list_two li a:active {
	text-align: left;
    font-size: 13px;
	font-weight: bold;
	text-decoration: none;
    color: #333;
    font-family: arial, verdana, sans-serif;
	line-height: 1.3em;
}
#crawl_list_one li a:hover, #crawl_list_two li a:hover {
    color: #000;
	text-decoration: underline;
 }
 
/* =Exploring Design
---------------------------------------------------------------------------------------------------- */

#categorylist {
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
	width:595px;
	} 

#categorylist li {
	margin: 0 5px 5px 0;
	padding: 0;
	float:left;
	border: none;
	width: 110px;
    height: 160px;
	list-style:none;
} 
.catname {
	margin: 0;
	padding: 0;
	text-align: center;
    font-size: 12px;
	font-weight: bold;
    color: #000;
    font-family: arial, verdana, sans-serif;
}
.catquantity {
	margin: 0;
	padding: 0;
	text-align: center;
    font-size: 12px;
    color: #636258;
    font-family: arial, verdana, sans-serif;
	line-height: 1.1em;
}





#map {
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
	float:left;
	border: none;
	width: 605px;
    height: 400px;
	background-color: #fff;
	z-index:0;
}
/* IE5 and IE6 */
* html #map {
	margin:0;
}




#samplepage {
	margin: 20px;
	padding: 0;
	position: relative;
 	width: 421px;
	height: 362px;
  }  

/* =Listings Design
---------------------------------------------------------------------------------------------------- */
.entry {
	padding: 0;
	margin: 10px 0 0 0;
	}
.entry table {
	padding: 0;
	border: 1px solid #636258;
	width: 100%
	}
.entry .entryImg {
	padding: 29px 0 29px 15px;
	}
.entry table td.middle {
	padding: 0;
	border-left: 1px solid #fafafa;
	width: 18px;
	}

.entry table p {
	width: 355px;
	overflow: hidden;
	}
.entry table p a {
	color: #636258;
	}
.entry h3 {
	margin: 0;
	padding: 25px 0 10px 0;
    text-align: left;
	font-weight:bold;
    font-size: 14px;
    font-family: arial, verdana, sans-serif;
}
.entry_label {
	margin: 0;
	padding: 2px 12px;
	position: relative;
	float: right;
	font-size: 10px;
    color: #fff;
    font-family: arial, verdana, sans-serif;	
	z-index:100;

}



/* = Image Gallery
---------------------------------------------------------------------------------------------------- */
.thumbs table {
	margin: 20px 0 0 -8px;
	padding: 0;
	border: 0;
	/*width: 573px;*/
	}
#scroller {margin:10px 0 0 0; width:570px; height:135px; overflow:auto; border:1px solid #888;  font-family:arial, verdana, sans-serif;}
#scroller ul {margin:0; padding:0; list-style:none; width:550px;}
#scroller ul li a {display:block; height:26px; line-height:25px; width:550px; font-size:12px; color:#000; font-weight:bold; text-decoration:none; text-indent:5px; border-bottom:1px solid #f5f4f4;}
#scroller ul li a:hover {background:#7E7182; color:#fff;}
#scroller ul li a.selected {background:#7E7182; color:#fff;}

.galleryshow {
	padding: 0;
	margin: 10px auto 0 auto;
	background:#000;
	width: 940px;
	}
.galleryshow p {
	margin: 12px 0 0 10px;
	padding: 0;
	font-size: 12px;
    color: #fff;
    font-family: arial, verdana, sans-serif;	
	}
.galleryshow p a:link, .galleryshow p a:active, .galleryshow p a:visited {
	font-size: 12px;
    color: #fff;
	font-weight: bold;
	text-decoration: none;
    font-family: arial, verdana, sans-serif;	
	}
.galleryshow p a:hover {
    color: #999;
	text-decoration: underline;
	
	}
/* = Calendar of Events page
---------------------------------------------------------------------------------------------------- */
#calendar {
	margin: 0 20px 40px 20px;
	padding: 0;
	width: 100%;
	font-size: 12px;
    font-family: arial, verdana, sans-serif;
	line-height: 1.3em;
	}
#calendartop {
	margin:195px 0 40px 90px;
	background:#fff;
	width:595px;
	height:195px;
	}

/* style the next/prev links first */
#calendar table {
	margin: 0;
	padding: 0;
	width: 960px;
	}
#calendar table th {
	padding: 6px;
	color: #000000;
	}
#calendar table th.next {
	text-align: right;
	width: 200px;
	}
#calendar table th.prev {
	text-align: left;
	width: 200px;
	}

#calendar table.calendar {
	margin: 0;
	padding: 0;
	width: 960px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	}
#calendar table.calendar th {
	padding: 6px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: center;
	color: #fff;
	background: #5d9632;
	width: 137px;
	}

#calendar table.calendar td {
	padding: 3px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;	
	text-align: left;
	color: #000;
	background: #fff;
	width: 137px;
	height: 100px;
	vertical-align: top;
	}
#calendar table.calendar td a {
	color: #5d9632;
	font-weight: normal;
	text-decoration: underline;
	line-height: 1.2em;	
	}
#calendar table.calendar td a:hover {
	text-decoration: none;
	}
#calendar table.calendar td.past  {
	padding: 3px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;	
	text-align: left;
	color: #000;
	background: #f8f8f8;
	width: 137px;
	height: 100px;
	vertical-align: top;
	}
	
	
.calendarentry {
	padding: 0;
	margin: 0;
	text-align: center;
	}
.calendarentry table {
    margin: 40px auto 0 auto;
	padding: 0;
	border: 5px solid #5d9632;
	background: #fff;
	width: 595px;
	text-align: left;
	}
.calendarentry .entryImg {
	padding: 29px 0 29px 15px;
	}
.calendarentry table td.middle {
	padding: 0;
	border-left: 1px solid #fafafa;
	width: 18px;
	}

.calendarentry table p {
	width: 85%;
	}
.calendarentry table p a {
	color: #636258;
	}
.calendarentry h3 {
	margin: 0;
	padding: 25px 0 10px 0;
    text-align: left;
	font-weight:bold;
    font-size: 14px;
    font-family: arial, verdana, sans-serif;
}
/* =Form Design
---------------------------------------------------------------------------------------------------- */

#linedTable td, #linedTable th, .linedTable td, .linedTable th {
	border-top: 1px solid #dddddd;
	padding: 4px 10px 4px 6px;
	vertical-align: top;
	font-size: 12px;
	line-height: 16px;
}
#linedTable th, .linedTable th {
	background-color: #fafafa;
	text-align: left;
	font-weight: bold;
}
#linedTable tr.lastline td, .linedTable tr.lastline td, .linedTable tr.lastline th, .entryFormTable tr.lastline td {
	border-bottom: 1px solid #dddddd;
}
#linedTable tr.noline td, .linedTable tr.noline td {
	border-top: none;
}
input.fieldTiny, select.fieldTiny {
	width: 30px;
}
input.fieldShort, select.fieldShort {
	width: 130px;
}
input.fieldShorter, select.fieldShorter {
	width: 100px;
}
input.fieldMed, select.fieldMed, textarea.fieldMed {
	width: 235px;
}
input.fieldLong, textarea.fieldLong, select.fieldLong {
	width: 400px;
}



/* =Footer Design
---------------------------------------------------------------------------------------------------- */


#footer {
	margin: 4px auto 12px auto;
	padding: 0 0 12px 0;
	position: relative;
	width: 980px;
	text-align: left;
	font-size: 11px;
    color: #c0c0c0;
    font-family: arial, verdana, sans-serif;	       
	}
#footer a {
	font-size: 11px;
    color: #c0c0c0;
    font-family: arial, verdana, sans-serif;
	text-decoration:underline;	       
	}
#footer a:hover {
	font-size: 11px;
    color: #c0c0c0;
	text-decoration:none;	       
	}
	
	
/* =Typography
---------------------------------------------------------------------------------------------------- */
#experience p {
	margin: 0 0 0 230px;
	padding: 0;
	position: absolute;
    text-align: left;
    font-size: 12px;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 1.3em;
	width:190px;
	}
	/* IE5 and IE6 */
* html #experience p {
    line-height: 1.25em;     
	}
#experience a {
	font-size: 12px;
    color: #000;
    font-family: arial, verdana, sans-serif;
	text-decoration:none;
}
#experience a:hover {
	text-decoration:underline;
}
#contentmain p {
	margin: 0 0 10px 0;
	padding: 0;
    text-align: left;
    font-size: 12px;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 1.3em;
	}
	/* IE5 and IE6 */
* html #contentmain p {
    line-height: 1.25em;
	}
#contentcontact p {
	margin: 0 0 10px 0;
	padding: 0;
    text-align: left;
    font-size: 12px;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 1.3em;
	}
	/* IE5 and IE6 */
* html #contentcontact p {
    line-height: 1.25em;
	}
p {
	margin: 0;
	padding: 9px 0 0 0;
    text-align: left;
    font-size: 12px;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 1.2em;
	}
p a:link, p a:visited, p a:active {
	margin: 0;
	padding: 0;
    text-align: left;
    font-size: 12px;
    color: #000;
	font-weight: bold;
	text-decoration: underline;
    font-family: arial, verdana, sans-serif;
	}
p a:hover {
	text-decoration: none;
	}
a:link, a:visited, a:active {
	margin: 0;
	padding: 0;
    text-align: left;
    font-size: 12px;
    color: #000;
	font-weight: bold;
	text-decoration: none;
    font-family: arial, verdana, sans-serif;
	}
a:hover {
	text-decoration: underline;
	}
ul a:link, ul a:visited, ul a:active {
	margin: 0;
	padding: 0;
    text-align: left;
    font-size: 12px;
    color: #000;
	font-weight: bold;
	text-decoration: none;
    font-family: arial, verdana, sans-serif;
	}
ul a:hover {
	text-decoration: underline;
	}
label {
	margin: 0;
	padding: 0;
    text-align: left;
    font-size: 12px;
    color: #000;
	font-weight: bold;
    font-family: arial, verdana, sans-serif;
	line-height: 1.2em;
	}

h2 {
	margin: 0 0 2px 0;
	padding: 0;
    text-align: left;
	font-weight:bold;
    font-size: 15px;
    color: #000;
    font-family: arial, verdana, sans-serif;
}

h2 span {
	font-weight:normal;

}

h3 {
	margin: 0;
	padding: 12px 0 10px 0;
    text-align: left;
	font-weight:bold;
    font-size: 14px;
    color: #000;
    font-family: arial, verdana, sans-serif;
}

h4 {
	margin: 0;
	padding: 12px 0 10px 0;
    text-align: left;
	font-weight:bold;
    font-size: 13px;
    color: #000;
    font-family: arial, verdana, sans-serif;
}


#news {
	margin: 20px 0 0 40px;
	padding: 0;
	color: #000;
}
#news ul, #news li {
	list-style-image: url(../images/elements/bullet.gif);
	color: #999;
}
#news li a:link, #news li a:visited, #news li a:active {
	text-align: left;
    font-size: 13px;
	font-weight: bold;
	text-decoration: none;
    color: #000;
    font-family: arial, verdana, sans-serif;
	line-height: 2.0em;
}
#news li a:hover {
    color: #000;
	text-decoration: underline;
 }
#news ul.newsdate li {
	margin: 0 0 0 -40px;
	padding: 0 0 10px 0;
	text-align: left;
    font-size: 12px;
	font-weight: normal;
	list-style:none;
	list-style-image: none;
    color: #666;
    font-family: arial, verdana, sans-serif;
	line-height: 1em;
}
#features {
	margin: 0 0 40px 0;
	padding: 0;
}
#features ul {
	margin: 0 0 20px 20px;
	padding: 0;
	width: 100%;
}
#features li {
	margin: 0;
	padding:0 0 5px 0;
	list-style:square;
    font-size: 13px;
	font-weight: bold;
    color: #000;
    font-family: arial, verdana, sans-serif;
	width: 33%;
	float:left;
}


/* =Navigation
---------------------------------------------------------------------------------------------------- */
#navigationbox {
	position: absolute;
	margin: 135px 0 0 0;
	padding:0;
	width:720px;
	z-index:50;
}
#nav, #nav ul {padding:0; margin:0; list-style:none; background:transparent;}
#nav {position:relative; z-index:100;}
#nav ul {display:none;}
 
#nav li {float:left; position:relative; padding-right: 28px; }
#nav li a {text-decoration:none; font-family:arial, verdana, sans-serif; font-size:12px; white-space:nowrap}
#nav li b {display:block; padding:0 20px 0 10px; cursor:pointer; height:30px; line-height:30px; float:left; background:transparent; font-weight:bold; color:#fff;}
#nav li.first b {padding-left:24px;}
#nav li.last b {padding-right:12px;}
#nav li a b.clicked {color:#000;}
#nav li.first a b.clicked {color:#666;}
#nav li.contact a b.clicked {color:#666;}

 
#nav li ul {position:absolute; left:0; top:30px; height:auto; float:left; background:#000; padding:2px; border-bottom:1px solid #000;}
#nav li ul.w1 {width:178px;}
#nav li ul.w2 {width:160px;}
#nav li ul.w3 {width:130px;}
#nav li ul.w4 {width:130px;}
#nav li ul.w5 {width:130px;}
 
#nav li ul li {float:none; }
#nav li ul.w2 li a {display:block; width: 148px; height:24px; line-height:20px; padding:0 5px; color:#fff; font-size:12px}
#nav li ul.w3 li a, #nav li ul.w4 li a, #nav li ul.w5 li a {display:block; width: 120px; height:24px; line-height:20px; padding:0 5px; color:#fff; font-size:12px}
#nav li ul li a:hover {background:#fff; color:#333;}


/* =Side Navigation
---------------------------------------------------------------------------------------------------- */
#sidemenu {position:relative; padding:0; margin:195px 20px 0 0; float:right; width:275px; height:196px; }

/* IE5 and IE6 */
* html #sidemenu {margin:195px 0 0 0; }

#sidemenu #menu {position:relative; padding:0; margin:0 20px 0 0; list-style:none; width:276px; height:195px; }
#sidemenu #menu ul li {margin:0; padding:0;}
#sidemenu #menu li a {display:block; height:35px; width:275px; line-height:25px; margin-bottom:5px; padding:0; float:left; color:#000; text-decoration:none; font-family:"trebuchet MS", sans-serif; font-size:18px; text-align:center; cursor:pointer;}
* html #sidemenu #menu li a {margin-bottom:-14px; padding-bottom:0; }
#sidemenu #menu li a b {display:block; height:0; padding-top:35px; overflow:hidden;}


#menu li#explore a {background:url(../images/sidenav/explore_off.jpg);}
#menu li#arts a {background:url(../images/sidenav/side_nav_artscul_off.jpg);}
#menu li#theatre a {background:url(../images/sidenav/side_nav_theatre_off.jpg);}
#menu li#bccc a {background:url(../images/sidenav/side_nav_bccc_off.jpg);}
#menu li#artofg a {background:url(../images/sidenav/side_nav_artofg_off.jpg);}

#menu li#explore a:hover {background:url(../images/sidenav/explore_on.jpg);}
#menu li#arts a:hover {background:url(../images/sidenav/side_nav_artscul_on.jpg);}
#menu li#theatre a:hover {background:url(../images/sidenav/side_nav_theatre_on.jpg);}
#menu li#bccc a:hover {background:url(../images/sidenav/side_nav_bccc_on.jpg);}
#menu li#artofg a:hover {background:url(../images/sidenav/side_nav_artofg_on.jpg);}

.explore #menu li#explore a {background:url(../images/sidenav/explore_on.jpg);}
.arts #menu li#arts a {background:url(../images/sidenav/side_nav_artscul_on.jpg);}
.theatre #menu li#theatre a {background:url(../images/sidenav/side_nav_theatre_on.jpg);}
.bccc #menu li#bccc a {background:url(../images/sidenav/side_nav_bccc_on.jpg);}
.artofg #menu li#artofg a {background:url(../images/sidenav/side_nav_artofg_on.jpg);}

/* =Pagination
---------------------------------------------------------------------------------------------------- */
.pagination {font-size: 130%;}
.pagination a{font-size: 110%;}
.pagination span{color:#FF0000; font-weight:bold;}

/* =Error Messages
---------------------------------------------------------------------------------------------------- */
#error{      
	margin: 0 0 10px 0;
	padding: 5px;
	border: solid 1px #dd3c10;
	background: #ffebe8;
}

#error p{	
	text-align:left;  
	font-weight: normal;
	font-size: 14px;
	padding: 5px;
}