* {margin: 0; padding: 0}

body {background: #ffffff url(../images/background-site.gif) repeat-y center top; font-family: "Arial", Sans-serif; font-size: 62.5%}

img {display: block}

a img {border: 0}



.hideme {display:none;}





.clear {clear: both}

.left {float: left}

.right {float: right}

.hide {display: none}



:focus {outline: 0} /* no more dots around links in firefox */



ol {list-style-type: none}



ul {list-style-type: none}

h4 {font-weight: normal}

h3 {font-weight: normal}

h2 {font-weight: normal}

h1 {font-weight: normal}

h1#logo {height: 96px; width: 179px; margin: 20px 0 0 20px; text-indent: -999em; background: transparent url(../images/pangea-network-logo.png) no-repeat left top}

h1#logo a {height: 96px; width: 179px; display: block}



.divider {height: 17px; background: transparent url(../images/div.gif) repeat-x center left}





/* SITE STRUCTURE */

/***********************************************************************************************/

#wrapper {width: 770px; margin: 0 auto 50px auto; padding: 0 0 30px 0; background: #ffffff; overflow: hidden}





/* MASTHEADS */

/***********************************************************************************************/

#masthead-homepage {height: 141px; width: 770px; background: transparent url(../images/background-masthead-homepage.jpg) no-repeat center top; overflow: hidden}

#masthead-aboutus {height: 141px; width: 770px; background: transparent url(../images/background-masthead-aboutus.jpg) no-repeat center top; overflow: hidden}

#masthead-success {height: 141px; width: 770px; background: transparent url(../images/background-masthead-success.jpg) no-repeat center top; overflow: hidden}

#masthead-getinvolved {height: 141px; width: 770px; background: transparent url(../images/background-masthead-getinvolved.jpg) no-repeat center top; overflow: hidden}

#masthead-sponsorship {height: 141px; width: 770px; background: transparent url(../images/background-masthead-sponsorship.jpg) no-repeat center top; overflow: hidden}

#masthead-marketplace {height: 141px; width: 770px; background: transparent url(../images/background-masthead-marketplace.jpg) no-repeat center top; overflow: hidden}

#masthead-mediagallery {height: 141px; width: 770px; background: transparent url(../images/background-masthead-mediagallery.jpg) no-repeat center top; overflow: hidden}

#masthead-contactus {height: 141px; width: 770px; background: transparent url(../images/background-masthead-contactus.jpg) no-repeat center top; overflow: hidden}







/* NAVIGATION TOP */

/***********************************************************************************************/

#navigation {height: 30px; width: 770px; margin: 0 0 10px 0; background: transparent url(../images/background-navigation-top.gif) no-repeat left top; position: relative; z-index: 2} /* watch the z-indexing */

ul.dropdown {}

ul.dropdown li {padding: 7px 12px 8px 12px; background: transparent url(../images/div-navigation-top.gif) no-repeat center right; float: left}

ul.dropdown li#first {padding: 7px 12px 8px 15px}

ul.dropdown li#last {padding: 7px 0 8px 12px; background: none}

ul.dropdown li a {font-size: 1.2em; color: #ffffff; text-decoration: none; display: block}

.dropdown li:hover {position: relative}

ul.dropdown li.hover {position: relative}

ul.dropdown li.hover a {color: #3c2415}

/* SECOND LEVEL */

ul.dropdown ul {visibility: hidden; position: absolute; top: 100%; left: 0}

ul.dropdown ul li {width: 170px; margin: 0; padding: 7px 12px; background: #d57f2a; border-top: 1px solid #ffaa33; float: none}

ul.dropdown ul li a.sub	{width: 170px; color: #ffffff; display: inline-block} /* display: inline-block for ie */

ul.dropdown ul li.hover a {color: #3c2415}

ul.dropdown ul li.hover {background: #ffaa33}

/* THIRD LEVEL */

ul.dropdown ul ul {left: 100%; top: -1px}

ul.dropdown ul ul li {background: #d57f2a}

ul.dropdown ul ul li a.sub {color: #ffffff; display: inline-block} /* display: inline-block for ie */

ul.dropdown ul ul li.hover a {color: #3c2415}

ul.dropdown li:hover > ul {visibility: visible}



body#contact ul.dropdown li.contact a {color: #3c2415}





body#gallery ul.dropdown li.gallery a {color: #3c2415}





body#market ul.dropdown li.market a {color: #3c2415}





body#sponsor ul.dropdown li.sponsor a {color: #3c2415}





body#involved ul.dropdown li.involved a {color: #3c2415}





body#stories ul.dropdown li.stories a {color: #3c2415}





body#about ul.dropdown li.about a {color: #3c2415}





body#home ul.dropdown li.home a {color: #3c2415}





/* HOMEPAGE */

/***********************************************************************************************/

#content-homepage {height: 270px; width: 307px; margin: 8px 0 0 5px; padding: 0 15px; background: #abdbef; overflow: hidden; float: left; display: inline}

#content-homepage h2 {margin: 15px 0 5px 0; font-size: 1.3em; color: #bf1e2d}

#content-homepage p {margin: 0 0 8px 0; font-size: 1.1em; color: #3c2415}

#content-homepage p.red {margin: 5px 0 5px 0; font-size: 1.1em; color: #bf1e2d}

#content-homepage p.orange {margin: 0; font-size: 1.1em; color: #f15a29}

#content-homepage img {margin: 7px 10px 0 0; float: left}

#slideshow-homepage {height: 280px; width: 415px; margin: 3px 0 0 0; background: transparent url(../images/background-slideshow-homepage.gif) no-repeat left top; float: right}

.slideshow {height: 244px; width: 405px; margin: 5px auto 0 auto; overflow: hidden; position: relative; z-index: 1} /* watch the z-indexing */

#a {height: 244px; width: 405px; background: #000000 url(../images/slideshow-nancy.jpg) no-repeat left top}

#b {height: 244px; width: 405px; background: #000000 url(../images/slideshow-sada.jpg) no-repeat left top}

#c {height: 244px; width: 405px; background: #000000 url(../images/slideshow-catherine.jpg) no-repeat left top}

#d {height: 244px; width: 405px; background: #000000 url(../images/slideshow-agnes.jpg) no-repeat left top}

.slideshow-title {margin: 15px 0 0 15px; font-family: Georgia, serif; font-size: 1.8em; color: #a64500}

.slideshow-text {width: 190px; margin: 15px 0 15px 15px; font-size: 1.1em; font-weight: bold; color: #c0c0c0}

.slideshow-link {margin: 0 0 0 15px; font-size: 1.1em; color: #58b7dd; text-decoration: none}

.slideshow-link:hover {color: #ffffff}

#slideshow-navigation {width: 405px; margin: 0 auto; overflow: hidden}

#nav {margin: 0 0 0 15px}

#nav a {width: 10px; height: 10px; margin: 7px 7px 0 0; border: 1px solid #58b7dd; font-size: 0; text-indent: -999em; float: left; display: block}

#nav a.activeSlide {background: #58b7dd}

#nav a:hover {background: #58b7dd}

#slideshow-navigation a.sponsor {margin: 6px 15px 0 0; font-size: 1.1em; color: #58b7dd; text-decoration: none; float: right}

#slideshow-navigation a.sponsor:hover {color: #ffffff}



#prefooter {width: 770px; padding: 15px 0 0 0; clear: both; overflow: hidden}

#info-homepage {width: 336px; margin: 0 0 0 5px; float: left; display: inline}

#info-homepage img {margin: 3px 15px 70px 0; float: left}

#info-homepage a {font-size: 1.1em; color: #58b7dd; text-decoration: none}

#info-homepage a:hover {color: #3c2415}

#info-homepage p {margin: 0 0 0 110px; font-family: Georgia, serif; font-size: 1em; color: #3c2415}

.mar {margin: 5px 0 5px 120px}



#news-homepage {width: 195px; margin: 0 0 0 19px; float: left; overflow: hidden}

#news-homepage p.title {padding: 5px 0 5px 10px; background: #726658; font-size: 1.1em; color: #ffaf40; text-transform: uppercase}

#news-content {height: 150px; padding: 0 9px; border-bottom: 1px solid #dbdad6; border-left: 1px solid #dbdad6; border-right: 1px solid #dbdad6; overflow: hidden} /* control height here */

#news-content a {margin: 10px 0 0 0; padding: 0; font-size: 1.1em; color: #5b4a42; text-decoration: none; display: block}

#news-content a.all {margin: 0; font-size: 1.1em; color: #5b4a42; text-decoration: none; display: block; float: right}

#news-content a:hover {text-decoration: underline}



#newsletter-homepage {height: 175px; width: 195px; margin: 0 0 0 15px; background: #fcb040; float: left} /* control height here */

#newsletter-homepage p.title {padding: 5px 0 5px 10px; background: #f47822; font-size: 1.1em; color: #ffffff; text-transform: uppercase}

#newsletter-content {padding: 10px}

#newsletter-content form {margin: 0 0 10px 0}

#newsletter-content p#default {font-size: 1.1em; color: #3c2415}

#newsletter-content p#badserver {font-size: 1.1em; color: #3c2415; display: none}

#newsletter-content p#bademail {font-size: 1.1em; color: #3c2415; display: none}

#newsletter-content p#success {font-size: 1.1em; color: #3c2415; display: none}

#newsletter-content input#email {width: 165px; font-size: 1.1em; color: #323232; border: 0; background: transparent url(../images/background-form.gif) no-repeat left top; margin: 6px 0 7px 0; padding: 5px}

#newsletter-content input#submit {float: left}

#newsletter-content a {margin: 15px 0 0 0; font-size: 1.1em; color: #3c2415; text-decoration: none; float: left}

#newsletter-content a:hover {text-decoration: underline}

#newsletter-content img {margin: 1px 12px 0 0; float: right; display: inline}





/* INTERIOR PAGES */

/***********************************************************************************************/

#content-interior {width: 586px; margin: 5px 0 0 0; padding: 15px; background: #c0dee6; color: #3c2415; float: right}

#content-interior p {margin: 0 0 10px 0; font-size:1.2em}

#content-interior a {color: #3c2415; text-decoration: underline}

#content-interior h2 {width:220px; margin:0px auto; color:#990000; font-size: 1.7em; padding-bottom:7px; margin-bottom:7px;}

#content-interior a:hover {text-decoration: none}

blockquote {margin: 0 0 10px 0; padding: 10px; background: #d5ecf2; border: 1px solid #a9c4cc}

.add {margin: 0 0 10px 0}

.img {padding: 3px; margin: 3px 15px 5px 0; border: 1px solid #a9c4cc; background: #ffffff}

.img-gallery {padding: 3px; margin: 3px 15px 5px 0; border: 1px solid #a9c4cc; background: #ffffff; float: left; }

.img-gallery a:hover {padding: 3px; margin: 3px 15px 5px 0; border: 1px solid #a9c4cc; background: #000000; float: left; }

				

}

.img-alone {padding: 3px; margin: 0 0 10px 0; border: 1px solid #a9c4cc; background: #ffffff}

.big {font-size: 1.2em}

.red-orange {color: #a64500}

.up {margin: 0 0 5px 0}

ul.gen {margin: 0 0 15px 0; list-style: disc}

ul.gen-nodot {margin: 0 0 15px 0; list-style: none}

ul.gen li {margin: 0 0 5px 16px; font-size:1.2em}

ul.gen-nodot li {margin: 0 0 5px 0}

ul.gen-nodot li a {color: #3c2415; text-decoration: underline}

ul.gen li a {color: #3c2415; text-decoration: underline}

ul.gen-nodot li a:hover {text-decoration: none}



ul.gen li a:hover {text-decoration: none}



#content-interior a.donate {margin: 10px 0 0 0; padding: 5px 30px; background: #a64500; font-size: 1.1em; color: #ffffff; text-decoration: none; display: inline-block}

#content-interior a.donate:hover {background: #f26422}



#prefooter-interior {width: 770px; padding: 15px 0 0 0; clear: both; overflow: hidden}

#prefooter-interior a {font-size: 1.1em; color: #58b7dd; text-decoration: none}

#prefooter-interior a:hover {color: #3c2415}

#prefooter-interior p {font-family: Georgia, serif; font-size: 1em; color: #3c2415}

#prefooter-interior img {margin: 0 0 0 65px; float: left; display: inline}

.prefooter-wrap-first {width: 195px; margin: 0 0 0 15px; float: left; display: inline}

.prefooter-wrap {width: 195px; margin: 0 0 0 15px; float: left; display: inline}

.int {margin: -7px 0 6px 0}

.oft {margin: 6px 0 0 0}



#news-interior {width: 140px; margin: 15px 0 0 0; overflow: hidden}

#news-interior p.title {padding: 5px 0 5px 10px; background: #726658; font-size: 1.1em; color: #ffaf40; text-transform: uppercase}

#news-interior-content {padding: 10px 9px !important; * padding: 10px 9px 0 9px; border-bottom: 1px solid #dbdad6; border-left: 1px solid #dbdad6; border-right: 1px solid #dbdad6; overflow: hidden}

#news-interior-content a {margin: 0 0 10px 0; font-size: 1.1em; color: #5b4a42; text-decoration: none; display: block}

#news-interior-content a.all {font-size: 1.1em; margin: 0; color: #5b4a42; text-decoration: none; display: block; float: right}

#news-interior-content a:hover {text-decoration: underline}



/* NAVIGATION SIDE */

#navigation-side {width: 140px; margin: 5px 0 0 0; float: left}

#navigation-side h2 {padding: 7px 10px; background: #f26422; font-size: 1.2em; font-weight: bold; color: #ffffff}

ul#nav-side-out {border-top: 1px solid #ffffff}

ul#nav-side-out li {border-top: 1px solid #ffffff}

ul#nav-side-out li a {width: 120px; padding: 6px 10px; font-size: 1.1em; text-decoration: none; color: #3c2415; background: #f7941d; display: block}

ul#nav-side-in li {border-top: 1px solid #ffaa33}

ul#nav-side-in li a {width: 100px; padding: 6px 10px 6px 30px; font-size: 1.1em; text-decoration: none; color: #3c2415; background: #f7941d; display: block}

ul#nav-side-in li a:hover {text-decoration: none; background: #d57f2a}

ul#nav-side-out li a:hover {text-decoration: none; background: #d57f2a}

#navigation-side a.active {color: #ffffff}



/* NEWS & EVENTS */

#news {width: 320px; padding: 0 15px 0 0; border-right: 1px solid #ffffff; float: left}

#events {
	float: left;
	width: 220px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}



/* SITEMAP */

#content-interior .fr {width: 140px; float: left}

#content-interior .fr a.top {0 0 3px 0; color: #a64500; text-decoration: none}

#content-interior .fr a.top:hover {text-decoration: underline}





/* FOOTER */

/***********************************************************************************************/

#footer {width: 770px; margin: 50px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #808080}

#footer li {padding: 0 5px; background: transparent url(../images/div-navigation-footer.gif) no-repeat center right; float: left}

#footer li#first {padding: 0 5px 0 0}

#footer li#last {padding: 0 0 0 5px; background: none}

#footer li a {font-size: 1.1em; color: #656565; text-decoration: none}

#footer li a:hover {text-decoration: underline}

#footer p {font-size: 1.1em; ; color: #656565; float: right}