/* GLOBAL
------------------------------*/
body {
	text-align: center;
	margin:0;
	padding:0;
	background-color: #efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}

a {color: #e84a00;font-weight: bold;}

a:hover {color: #CC3300;}

a:visited {color: #666666;}

.Clear{
	clear: both;
	font-size: 1px;
	height: 1px;
}

.Hidden {
	 position:absolute; 
	 left:-5000px; 
} 
 
h1, h2  {
	font-weight: normal;
	color: #333;
}

h1 {
	margin: 0 0 44px 0;
	font-size: 1.1em;
}

h2 {
	margin: 20px 0 20px 0;
	font-size: 1.1em;
}

p, h3, li {font-size: 0.7em;}

p, li{line-height:  1.8em;}

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

li {
	margin-bottom: 20px;
	padding-left: 10px;
	background: url("../images/global/double_arrow.gif") no-repeat 0px 8px;
}

ol {margin-left: 25px;}

ol li {
	padding-left: 0;
	background: none;
}

.Warning {color: #c00;}

.FloatLeft {
	float: left;
	margin: 5px 10px 10px 0;
}

.LinkWithDoubleArrow {
	padding: 0 0 0 8px;
	background: url('../images/global/double_arrow.gif') no-repeat 0px 5px;
}

.Top {margin-top: 0 !important;}

img {border:0;}

/* Hacks
----------------------------------------------- */
.IEVariousHack {
	position: relative;
}

.IEDoubleMarginHack {
	display: inline;
}


/* Hides from IE5-mac \*/
* html .HollyHack {height: 1%;}
/* End hide from IE5-mac */



/* NAV
------------------------------*/
/*----------- Top Nav -----------*/
#MainNav {
	position: absolute;
	top: 22px;
	left: 27px;
}

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

#MainNav ul li {
	float: left;
	position: relative; /*So the z-indexes work*/
	margin: 0 -10px 0 0;
	padding: 0;
}

/* LISTS
------------------------------*/


/* INPUT
------------------------------*/

/* CONTAINERS
------------------------------*/

/*------ page Container ------*/
#PageContainer {
	width: 874px;
	margin: 0px auto;
	background: url('../images/global/MainShadow.png') repeat-y;
	padding: 0 17px 0 17px;
	text-align: left;
	height: 100%;
}

#NegStripBackground {background: url('../images/global/TopStrip_dark.gif') top repeat-x;}

#NegStrip {background: url('../images/global/NegStrip_dark.jpg') repeat-x center 43px ;}

#Top {
	background: url('../images/global/TopStrip.gif') top repeat-x;
	height: 189px;
	margin: 0 1px 0 1px;
	position: relative;
}

#TopNegStrip {
	height: 121px;
	position: relative;
	top: 43px;
	background: url('../images/global/NegStrip.jpg') repeat-x center 0px;
}

#Logo {
	width: 81px;
	height: 188px;
	position: absolute;
	top: 0px;
	left: 764px;
	border-right: 1px #000 solid;
	border-left: 1px #000 solid;
	background-color: #fff;
}

#Logo img {margin: 18px 0 0 26px;}

#BreadCrumb {
	position: absolute;
	top: 170px;
	left: 27px;
	font-size: 11px;
	color: #fff;
}

#BreadCrumb a {
	color:#ccc; 
	text-decoration:none;
	font-weight: normal;
}

#MainText {
	float: left;
	margin: 47px 0 0 27px;
	width: 278px;
}

#PicArea {
	width: 525px;
	float: left;
	margin: 105px 0 0 37px;
}

#PicArea div.Enlargeable {
	position: relative;
	float: left; /*To get IE to resize the div to it's contents*/
}

#PicArea div.Enlargeable img.Zoom {
	position: absolute;
	right: 5px;
	bottom: 8px;
}

#PicArea table {margin-top:14px;}

#PicArea table td {padding: 0 14px 14px 0;}

#PicArea p {
	clear: left;
	background-color: #e7e2de;
	padding: 9px 7px;
	margin: 0 14px 0 0;
}

#PicArea p .Zoom {
	float: left;
	margin: 5px 8px 0 3px;
	position: relative;
	top: -5px;
} 

.Layer {
	width: 635px;
	position:absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	z-index: 99;
}

.Layer .TopShadow {
	background: url('../images/global/popups/landscape_top.png') no-repeat bottom left;
	height: 15px;
}

.Layer .MiddleShadow {
	background: url('../images/global/popups/landscape_middle.png') repeat-y;
	padding:  3px 20px 12px 20px;
}

.Layer .BottomShadow {
	background: url('../images/global/popups/landscape_bottom.png') no-repeat top left;
	height: 15px;
}

.Portrait {width: 441px;}
.Portrait .TopShadow {background-image: url('../images/global/popups/portrait_top.png');} 
.Portrait .MiddleShadow {background-image: url('../images/global/popups/portrait_middle.png');} 
.Portrait .BottomShadow {background-image: url('../images/global/popups/portrait_bottom.png');} 

/*----- Footer -----*/
#Footer {
	padding: 14px 0 12px 23px;
	margin: 40px 2px 0px 2px;
	font-size: 0.7em;
	border-top: 1px #cecece solid;
}

#Footer,  #Footer a {color: #666; font-weight: normal;}

/* MISCELLANEOUS
------------------------------*/

/* PAGE SPECIFIC
------------------------------*/

/* Survey
------------------------------*/



/* Homepage
------------------------------*/
#Home #ColumnContainer {
	margin-top: 26px;
	background: url('../images/global/dot.gif') repeat-y 446px;
	padding-left: 32px;
}

#Home #LeftColumn, #Home #RightColumn {
	float: left;
	width: 400px;
}

#Home #RightColumn {
	width: 380px;
	margin-left: 32px;
}

#Home #RightColumn img {
	float: left;
	margin: 3px 17px 0 0 ;
}

#Home #RightColumn p {clear: left;}

#Home p.Artwork {
	background-color: #e7e2de;
	padding: 3px 9px;
	margin-top: 20px;
}			

#Home #Logo {
	width: 116px;
	height: 326px;
	left: 756px;
}

#Home #Logo img {margin: 26px 0 0 29px;}

#Home #Top {
	background: url('../images/home/TopStrip.gif') top repeat-x;
	height: 330px;
	margin-right: 0;
}

#Home #TopNegStrip {
	height: 260px;
	background: url('../images/home/agua.jpg') repeat-x 0px 0px;
}