body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	background-color: #211265;
}

h1, h2, h3, h4, h5 {
	color: #211265;
	margin: 1em 0 6px 0;
	font-weight: normal;
}

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 13px; }
h5 { font-size: 12px; }
p { margin: 0 0 6px 0; }

a:link {
	color: #097fa7;
	text-decoration: underline;
	font-weight: bold;
}

a:visited { color: #097fa7; }
a:hover { color: #4fad27; }
a:active { color: #097fa7; }

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

/* keeps dark blue under footer on short pages, white above */
#container {
	background-color: #211265;
	background-image: url(assets/bg_home.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#container-inside {
	background-color: #211265;
	background-image: url(assets/bg_inside.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	height: 1%;
	overflow: hidden;
}

#header {
	height: 109px;
	padding-left: 50px;
}

/* text indents */
#logo a, #eventtitle-h, #contentwrapper-h .puremich a, #contentwrapper .puremich a, #info .logo, #travelspecials a { text-indent: -9000px; }

#logo a {
	display: block;
	float: left;
	width: 266px;
	height: 109px;
	background: url(assets/bg_matrix.gif) no-repeat -50px 0;
}

#top, #planyourtrip, #search { height: 60px; }

#top {
	width: 275px;
	float: right;
}

#planyourtrip {
	float: left;
	width: 114px;
	background: url(assets/bg_matrix.gif) no-repeat -675px 0;
	color: #097fa7;
	font-size: 12px;
	margin-right: 11px;
}

#planyourtrip p { padding-top: 37px; }

#search {
	width: 150px;
	float: right;
	background: url(assets/bg_matrix.gif) no-repeat -815px 0;
	padding-top: 16px;
}
#search form {
	margin: 0;
	padding: 0;
}

#search-field {
	width: 82px;
	background-color: transparent;
	border: none;
	float: left;
	color: #666;
	font-size: 11px;
}

/* roating images */
#rotating {
	width: 955px;
	text-align: left;
	margin: 0 auto;
}

#slideshow {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
	height: 392px;
}

#slideshow-i {
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
	list-style-type: none;
	height: 369px;
}

/* end rotating images */
/* Main Navigation */
#mainnav {
	float: left;
	width: 990px;
	height: 55px;
	background: url(assets/bg_matrix.gif) no-repeat -1px -264px;
	overflow: hidden;
	position: relative;
}

#container-inside #mainnav {
	background-image: none;
	background-color: #211265;
	width: 955px;
	margin: 45px 0 0 16px;
}
#container-inside #mainnav ul, #nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mainnav ul, #nav li {
	margin: 0 0 0 32px;
	padding: 0;
	list-style-type: none;
}

#mainnav ul {
	height: 55px;
	padding-left: 10px;
	padding-right: 2px;
}

#container-inside #mainnav ul { padding-left: 3px; }
#mainnav li { float: left; }
#mainnav #nav1 a { background-position: -20px -155px; }
#mainnav #nav1 a:hover { background-position: -20px -207px; }
#mainnav #nav2 a { background-position: -153px -155px; }
#mainnav #nav2 a:hover { background-position: -153px -207px; }
#mainnav #nav3 a { background-position: -288px -155px; }
#mainnav #nav3 a:hover { background-position: -288px -207px; }
#mainnav #nav4 a { background-position: -421px -155px; }
#mainnav #nav4 a:hover { background-position: -421px -207px; }
#mainnav #nav5 a { background-position: -555px -155px; }
#mainnav #nav5 a:hover { background-position: -555px -207px; }
#mainnav #nav6 a { background-position: -690px -155px; }
#mainnav #nav6 a:hover { background-position: -690px -207px; }
#mainnav #nav7 a { background-position: -826px -155px; }
#mainnav #nav7 a:hover { background-position: -826px -207px; }

#mainnav a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	line-height: 13px;
	width: 56px;
	height: 55px;
	margin-left: 20px;
	padding: 8px 10px 0 47px;
	background: url(assets/bg_matrix.gif) no-repeat;
}

#mainnav a:link { color: white; }
#mainnav a:visited { color: white; }

#mainnav a:hover {
	color: #5fb8e9;
	background: url(assets/bg_matrix.gif);
}

#mainnav a:active { color: white; }

/* end main nav */

#contentwrapper, #contentwrapper-h {
	float: left;
	width: 990px;
	text-align: left;
	padding: 15px 0 0 0;
	background-color: #fff;
}
#contentwrapper-h {
	background: url(assets/bg_home.gif) no-repeat #fff -105px -560px;
}
#contentwrapper {
	background: url(assets/bg_inside.gif) no-repeat #fff -55px -209px;
}
#content-h {
	margin-right: 300px;
	text-align: justify;
}

#content-h #toolbox { padding-left: 80px; }
/* events */
#events-h {
	float: right;
	width: 220px;
	padding: 0 0 10px 30px;
	border-left: 2px solid #211e73;
	color: #000;
}
.events-rotator {
	margin: 5px 0 0 0;
}
.events-rotator li {
	height: 160px !important;
}
.date { margin: 10px 0 0 0; }

#events-h p a {
	font-weight: bold;
	color: #000;
}

#events-h p a:hover, #events p a:hover { color: #097fa7; }

#eventtitle-h a, #eventtitle a {
	display: block;
	background-image: url(assets/bg_matrix.gif);
	background-repeat: no-repeat;
	font-weight: bold;
}

#eventtitle-h a {
	height: 60px;
	width: 66px;
	margin: 0 auto;
	background-position: -570px -386px;
}

#eventtitle-h a:hover { background: url(assets/bg_matrix.gif) no-repeat -646px -386px; }

#events-h ul {
	margin:, 0;
	padding:, 0;
	list-style-type: none;
}
#prev-event,
#next-event {
	cursor: hand;
	cursor: pointer;
	text-decoration: underline;
	color: #097fa7;
        width: 12px;
        height: 12px;
        text-indent: -9000px;
}
#prev-event {
        background: url(images/arrowUp.gif) no-repeat;
}
#next-event {
        background: url(images/arrowDown.gif) no-repeat;
}
/* events inside pages, right column */
#eventtitle a {
	height: 30px;
	width: 181px;
	text-align: center;
	background-position: -570px -453px;
	color: #211265;
	text-decoration: none;
	padding-top: 9px;
	margin-top: 40px;
}

#events, #events a { color: #211265; }
#eventtitle a:hover { color: #fff; }

/* end events */
#leftcol {
	float: left;
	width: 173px;
}
#leftcolwrap{
	padding-left: 10px;
}
/* sublevel nav */
#pagetitle {
	height: 70px;
	background: url(assets/bg_matrix.gif) no-repeat 0 -322px;
	text-align: center;
	margin-bottom: 4px;
}

#pagetitle a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#pagetitle #img {
	width: 46px;
	height: 48px;
	margin: 0 auto;
	margin-bottom: 2px;
	background: url(assets/bg_matrix.gif);
}

#pagetitle #visitors #img {
	width: 48px;
	background-position: -194px -322px;
}

#pagetitle #meeting #img { background-position: -252px -322px; }
#pagetitle #tour #img { background-position: -308px -322px; }

#pagetitle #reunion #img {
	width: 66px;
	background-position: -364px -322px;
}

#pagetitle #sport #img { background-position: -435px -322px; }
#pagetitle #partners #img { background-position: -495px -322px; }
#pagetitle #media #img { background-position: -546px -322px; }

/*sublevel nav */
#navcontainer { font-size: 12px; }

#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navcontainer li {
	margin: 0 0 2px 0;
	text-align: center;
}

#navcontainer a {
	display: block;
	padding: 5px 10px;
	width: 152px;
	color: #211265;
	background-color: #fff;
	text-decoration: none;
	border: 1px solid #097fa7;
	font-weight: bold;
}

#navcontainer a:hover {
	color: #fff;
	background-color: #211265;
	text-decoration: none;
}

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a {
	display: block;
	padding: 3px 5px 2px 20px;
	width: 147px;
	color: #fff;
	background: url(assets/bg_matrix.gif) no-repeat #097fa7 0 -403px;
	text-decoration: none;
	text-align: left;
}

#navcontainer ul ul a:hover {
	color: #211265;
	text-decoration: none;
}

/* sub sub sub */
#navcontainer ul ul ul a {
	display: block;
	padding: 3px 5px 2px 20px;
	width: 149px;
	color: #fff;
	background-image: none;
	background-color: #4fad27;
	border: 0;
}

#navcontainer ul ul a:hover {
	color: #211265;
	text-decoration: none;
	background-color: #4fad27;
}

/* end sub level nav */
#guide {
	display: none;
}

#leftcol #enews a, #leftcol #guide a{
	display: block;
	width: 173px;
	height: 40px;
	margin: 10px auto;
	background: url(assets/bg_matrix.gif) no-repeat -194px -388px;
	text-indent: -9000px;
}

#leftcol #guide a { background-position: -194px -434px; }
#leftcol #guide a:hover { background-position: -381px -434px; }
#leftcol #enews a:hover { background-position: -381px -388px; }
/*social media */
#socialmedia {
	width: 170px;
	/* change width to 100px if you tube added */
	height: 30px;
	background: url(assets/bg_matrix.gif) no-repeat 0 -595px;
	padding: 0;
	margin: 0 0 0 5px;
}

#socialmedia a {
	display: block;
	float: left;
	width: 28px;
	height: 28px;
	margin-right: 6px;
	overflow: hidden;
	text-indent: -9000px;
}

#weather {
	border-top: 4px solid #4fad27;
	border-bottom: 4px solid #4fad27;
	color: #211265;
	height: 48px;
	padding: 0;
	margin: 10px 0;
	font-weight: bold;
}

#weather p { padding-top: 15px; }
#weather img { float: right; }
#content {
	width: 570px;
	float: left;
	margin-left: 20px;
}

#rightcol {
	float: right;
	width: 181px;
}
#rightcolwrap {margin:0 10px 10px 0;}
#bannerad {
	margin-left: 35px;
	margin-top: 20px;
}
#bannerad img {  }

.clear {
	clear: both;
	padding-bottom: 10px;
}

#contentwrapper #rightcolwrap .puremich a {
	display: block;
	width: 181px;
	height: 60px;
	background: url(assets/bg_matrix.gif) no-repeat -770px -322px;
	margin-bottom: 20px;
	margin-top: 10px;
}

#contentwrapper-h .puremich {
	padding: 5px 0 0 0;
	margin-bottom: 10px;
	clear: both;
}

#contentwrapper-h .puremich a {
	display: block;
	width: 177px;
	height: 45px;
	background: url(assets/bg_matrix.gif) no-repeat -770px -345px;
	margin: 0 auto;
}

/* travel and specials */
#travelspecials a {
	display: block;
	width: 181px;
	height: 92px;
	background: url(assets/bg_matrix.gif) no-repeat -770px -398px;
}

#travelspecials a:hover { background-position: -770px -504px; }

/* TOOLBOX */
#breadcrumbs {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #211265;
	margin-bottom: 20px;
}

#breadcrumbs a { color: #211265; }
#breadcrumbs a:hover { color: #4fad27; }
#breadcrumbs a:visited { color: #211265; }
#toolbox { }

#category h1 {
	height: 50px;
	background: url(assets/bg_matrix.gif) no-repeat -195px -600px;
}

.listing {
	padding-top: 10px;
	margin: 15px 0;
}

/* END TOOL BOX */
/* Toolbox Images */
#mainimgcaption {
	margin-bottom: 20px;
	text-align: right;
	font-size: 10px;
}

.imageright {
	float: right;
	position: relative;
	margin: 0 0 8px 15px;
}

.imageleft {
	float: left;
	position: relative;
	margin: 0 15px 8px 0;
}

.imageleft img, .imageright img { }

.imagecaption {
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin-top: 3px;
	color: #211265;
	border-top: 1px #097fa7 solid;
}

.imagecaption p { margin: 5px 0; }

/* footer */
#footer {
	background-color: #211265;
	color: #fff;
	padding-top: 10px;
	font-size: 12px;
	clear: both;
}

#info {
	width: 500px;
	margin: 0 auto;
}

#info .logo {
	display: block;
	float: left;
	width: 230px;
	height: 90px;
	background: url(assets/bg_matrix.gif) no-repeat -200px -500px;
}
#info a:link { color: white; }
#info a:visited { color: white; }
#info a:hover { color: #ccc; }
#info a:active { color: white; }

#footer p { margin: 0; }

#copyright {
	color: #cae3f4;
	font-size: 10px;
	padding: 10px;
	clear: both;
}

#copyright a {
	color: #cae3f4;
	text-decoration: none;
	font-weight: bold;
}

#copyright a:hover { color: #4fad27; }
/* File Uploads */
.file-download, .download {
	background-repeat: no-repeat;
	background-position: left;
	padding: 1px 2px;	
	padding-left: 18px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	float: left;
	clear: left;
	}
.avi	{ background-image: url(images/file-ext/avi.gif);}
.doc	{ background-image: url(images/file-ext/doc.gif);}
.gif	{ background-image: url(images/file-ext/gif.gif);}
.html	{ background-image: url(images/file-ext/html.gif);}
.jpg	{ background-image: url(images/file-ext/jpg.gif);}
.mov	{ background-image: url(images/file-ext/mov.gif);}
.mp3	{ background-image: url(images/file-ext/mp3.gif);}
.pdf	{ background-image: url(images/file-ext/pdf.png);}
.ppt	{ background-image: url(images/file-ext/ppt.gif);}
.txt	{ background-image: url(images/file-ext/txt.png);}
.wmv	{ background-image: url(images/file-ext/wmv.gif);}
.xls	{ background-image: url(images/file-ext/xls.gif);}
.zip	{ background-image: url(images/file-ext/zip.png);}
.download {
	background-image: url(images/file-ext/download.gif);
	clear: none; 
	background-repeat: no-repeat;
}

