.pageStyle {
	background: #fff;
	}

html {
	position: centre;
	background: #346633;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	}

h1 {
	color: #f1d36b;
	font-family: arial;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: proper case;
	margin-left: 5px;
	margin-top: 10px;
        text-shadow: 0 1px 1px rgba(0,0,0,0.45);

	}

h2 {
	color: #eee;
	font-family: arial;
	font-size: 1em;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 5px;
        text-shadow: 0 1px 1px rgba(0,0,0,0.45);
	}

h3 {
	font-family: arial bold, sans serif;
	color: #f1d36b;
	font-size: 1.5em;
	margin-left: 5px;
	font-weight: bold;
        text-shadow: 0 1px 1px rgba(0,0,0,0.45);
	}

h4 {
	font-family: arial, sans serif;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 2px;
        text-shadow: 0 1px 1px rgba(0,0,0,0.45);

	}

h5 {
	font-family: arial, sans serif;
	color: #000;
	font-size: 1em;
	font-weight: bold;
        text-shadow: 0 1px 1px rgba(0,0,0,0.45);

	}

h6 {
	font-family: arial, sans serif;
	color: #000;
	text-align: left;
	font-size: 0.9em;
	margin-top: 15px;
	margin-left:5px;
	font-weight: bold;
        text-shadow: 0 1px 1px rgba(0,0,0,0.45);

	}

p {
	font-family: arial, sans serif;
	color: #000;
	text-align: left;
	font-size: 0.9em;
	margin-right: 3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	}

a{
	padding: 0px 0px 0px 3px;
	font-family: arial;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: #eee;
	}


#header {
	width: 870px;
	height: 115px;
	background-image: url('../images/moaiculture.png');
	background-repeat: no-repeat;
	background-color: #f1d36b;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

#navbar {
	height: 25px;
	color: #eee;
	width: 100%;
	background-color: #000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}


body#home a#home,
body#events a#events,
body#profiles a#profiles,
body#moaionthemove a#moaionthemove,
body#popculture a#popculture,
body#press a#press,
body#education a#education,
body#links a#links

{
	color: #ffcc32;
}


ul.nav {
	padding-top:3px;
	margin-bottom: 1px;
	list-style-type: none;
	}

ul.nav a{
	color: #eee;
	padding-left: .7em;
	padding-right: .7em;
	text-decoration: none;
	font-family: arial, sans-serif;
	}

ul.nav a:hover {
	color: #ffcc32;
	text-decoration: none;
	}

ul.nav li{
	color: #ffcc32;
	background-color: transparent;
	display:inline;
	}

div.columns div{
	float: left;
	margin-left:3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

div.mission {
	font-size: 0.9em;
	height: 650px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

div.columns div.missiontxt{
	width: 535px;
	font-size: 1em;
	font-family: arial, sans-serif;
	background-color: #83a56d;
	margin-right:10px;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

div.mainbodytxt{
	width: 850px;
	font-size: 1em;
	position:absolute;
	overflow: hide;
	font-family: arial, sans-serif;
	margin-left: 5px;
	margin-right:10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #83a56d;
       -webkit-border-radius:5px;
       -moz-border-radius:5px;
        border-radius:5px;
	}

div.mainbodytxt p {
	font-family: arial, sans serif;
	color: #000;
	text-align: left;
	font-size: 0.8em;
	margin: 5px;
	}
div.mainbodytxt a{
	font-family: arial;
	text-decoration: none;
	font-size: 1em;
}

div.mainbodytxt a:hover {
	color: #ffcc32;
	text-decoration: none;
	font-size: 1em;
	}

div.mainbodytxt a:active {
	color: #ffcc32;
	text-decoration: none;
	font-size: 1em;
	}

div.mainbodytxt h1{
	font-family: arial;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: proper case;
	margin-left: 5px;
	margin-top: 10px;
}

div.mainbodytxt h2{
	color: #eee;
	font-family: arial;
	font-size: 1em;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 5px;
	}

div.mainbodytxt ul{
	color: #ffcc32;
	margin-bottom: 1px;
	list-style-type: square;
	}


ul.mainbodytxt li{
	color: #ffcc32;
	background-color: transparent;
	display:block;
	}

ul.mainbodytxt a{
	color: #eee;
	text-decoration: none;
	font-family: arial, sans-serif;
	}

div.columns h1 {
	color: #fff;
}


div.columns div.newsbar {
	font-size: 0.9em;
	font-family: arial, sans-serif;
	text-align: left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	}

.newsbar {
	float: left;
	border-left: 1px solid #f1c632;
	background-color: #83a56d;
	width: 270px;
	padding-right: 10px;
	margin-right: 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	}

div.newsbar li{
	padding-bottom: 1px;
	color: #f1c632;
	font-size: 0.9em;
	text-align: left;
	list-style-type: square;
	}

.newsbar a{
	color: #eee;
	font-size: 1em;
	text-align: left;
	list-style-type: round;
	}

div.newsbar a:hover {
	color: #ffcc32;
	}

div.imagemap {
	text-decoration: none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	}

div.copyright {
	color: #eee;
	font-family: arial, sans serif;
	margin-top:5px;
	margin-left:5px;
	padding-top: 5px;
	border-top: 1px solid #eee;
	font-size: 0.5em;
	text-align: right;
	}

div.construction {
	padding-top:12em;
	padding-left:22em;
	}



div.constructiontext {
	padding-left:17em;
	}
/*
	The Image scroller CSS formatting
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 660px;
	height:90px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

/* styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:500px;
		margin:15px 0px 15px 140px;
		padding:15px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#efefef;
		border:2px solid #fff;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;

	}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
	margin-bottom:20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:27px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right {
	background-position: 0 -30px;
	clear:right;
	margin-right: 0px;
	cursor:pointer;
}
a.right:hover 	{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; }


/* left */
a.left		{ background-position: 0 0px;}
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 3; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(../images/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* Another image handler for Moai on the move. */

.img-desc {
	position: relative;
	display: block;
	height:335px;
  	width: 512px;
 	-webkit-border-radius:5px;
	-moz-border-radius:5px;
 	border-radius:5px;

}
.img-desc cite {
	background: #111;
	filter:alpha(opacity=55);
	opacity:.55;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 512px;
	padding: 10px;
	border-top: 1px solid #999;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

div.figure {
  float: left;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-size: 15px; box-shadow: 1px 1px 2px rgba(0,0,0,0.45); background-color: rgba(255,255,255,0.45);

}

.nofloat {
display: block;
	border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-size: 15px; box-shadow: 1px 1px 2px rgba(0,0,0,0.45); background-color: rgba(255,255,255,0.45);

}

div.figure p {
  text-align: center;
  color: #000;
  font-style: normal;
  font-size: 0.7em;
  text-indent: 0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;

}
img.scaled {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

div.imageframe {
  float: left;
  border: thin silver solid;
  margin: 3px;
  padding: 3px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;

}


div.movieframe {
  float: left;
  width: 90%;
  border: thin silver solid;
  margin: 13px;
  padding: 13px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

div.movieframe p {
  text-align: left;
  font-style: normal;
  font-size: smaller;
  color: #fff;
  text-indent: 0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;

}