html { margin: 0px; padding: 0px; }
body { background: #194F5D url(../images/tip/grn_body.gif) top left repeat-y; margin: 0px; padding: 0px; font-family: "Times New Roman", Times, serif, sans-serif;
font-size: 0.85em; color: #6799A6; text-align: center; }
a:active, a:focus { background: #000 !important; color: #FFFFFF !important; }
acronym { border-bottom: 1px dotted #E34000; cursor: help; }

/* 1 - main container */
#container { position: relative; width: 778px; background: url(../images/tip/rd_yel_blu_horiz.gif) repeat-y left top; height: 72em; padding: 0; margin: 0 auto; z-index: 500; }

/* 2 - introductory container */
#intro { width: 778px; margin: 0px; padding: 0px; text-align: left; z-index: 600; }
#Nav { width: 580px; margin: 0; padding: 0; text-align: left; position: absolute; top: 242px; left: 185px; height: 30px; z-index: 600; }
#Calendar1 { background-color: transparent; text-align: left; margin: 0; padding: 0; position: absolute; z-index: 600; top: 322px; left: 45px; width: 180px; height: 130px; }
#Calendar2 { background-color: transparent; text-align: left; margin: 0; padding: 0; position: absolute; z-index: 600; top: 462px; left: 45px; width: 180px; height: 130px; }
#Calendar3 { background-color: transparent; text-align: left; margin: 0; padding: 0; position: absolute; z-index: 600; top: 602px; left: 45px; width: 180px; height: 130px; }
#Calendar4 { width: 180px; margin: 0; padding: 0; text-align: left; position: absolute; top: 742px; left: 45px; height: 130px; background-color: transparent; z-index: 600; }
#pageHeader { width: 778px; height: 263px; background: url(../images/headers/calendar.jpg) no-repeat top left; margin: 0px; padding: 0px; }
#pageHeader h1, #pageHeader h2 { display: none; }
#quickSummary { float: right; width: 103px; padding: 0px; margin: -27.5em 0px 0px 0px; text-align: left; font-size: 0.7em; }
#quickSummary p { padding: 5px 5px; margin: 0px; color: #235967; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; }
#quickSummary .p2 span { color: #75A3AE; }
#quickSummary a, #quickSummary a:visited { color: #FFFFFF; text-decoration: none; }
#quickSummary a:hover { color: #123A42; }
#Guide { float: right; clear: both; width: 591px; padding: 0px; margin: 0px; }
#Guide h3 { padding: 25px 30px 10px 10px; margin: 0px; text-align: right; font-size: 1.4em; color: #5D7636; }
#Guide h3 span { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 350px; padding: 0 0 0 110px; }
#Guide p { text-align: justify; color: #6799A6; font-size: 1em; padding: 5px 30px 5px 70px; margin: 0px; line-height: 1.5em; }

/* 3 - explanatory container */
#supportingText { width: 591px; float: right; padding: 0px; margin: 0px;  }
#HowtoGetThere, #WhentoGo, #TheArches, #requirements { padding: 0px; margin: 0px; line-height: 20px; }
#supportingText p { text-align: justify; font-size: 1em; padding: 5px 30px 5px 70px; margin: 0px; line-height: 1.5em; }
#supportingText a, #supportingText a:visited { color: #3E6600; text-decoration: none;  }
#supportingText a:hover { color: #67A900; }
#supportingText h3 { padding: 25px 30px 10px 10px; margin: 0px; text-align: right; font-size: 1.4em; color: #5D7636; }
#supportingText h3 span { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 350px; padding: 0 0 0 110px; }
#footer { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; padding: 20px 0px 0px 20px; margin: 0px; }

/* 4 - links container */
#linkList { position: absolute; top: 235px; left: 0px; width: 187px; padding: 0px; margin: 0px; font-size: 0.9em; }
#linkList ul { padding: 0px; margin: 0; text-align: left; color: #BB4823; }
#linkList2 { margin: 0px; padding: 0px; }
#lselect, #larchives, #lresources { padding: 0px; margin: 0px; }
#lselect li { background: url(../images/tip/puce-li.jpg) top left no-repeat; letter-spacing: 0.15em; }
#linkList2 h3 { text-align: left; color: #A82900; font-weight: bold; font-size: 0.9em; text-transform: uppercase; 
font-family: Arial, Helvetica, sans-serif; margin: 15px 5px 0px 0px; padding: 5px; }
#linkList2 li { list-style-type: none; padding: 30px 0px 0px 10px; margin: 0px;  }
#lresources li, #larchives li { padding: 5px 0px 0px 5px !important; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; }
#linkList2 a, #linkList2 a:visited { color: #CA3200; } 
#lselect a.c { color: #78570F; text-decoration: none; font-weight: bold; font-size: 1.2em; display: block; }
#linkList2 a:hover { color: #FFFFFF;  }

/*  ornamental containers in absolute or not */
#extraDiv1 { position: absolute; top: 0px; left: 0px; background: #000 url(../images/tip/sunset_river.jpg) no-repeat top left; 
width: 600px; height: 420px; padding: 0; margin: 0; z-index: 100; }
#extraDiv2 { position: absolute; top: 420px; left: 0px; width: 600px; height: 317px; 
background: url(../images/tip/gradient_left.gif) repeat-x top left; padding: 0px; margin: 0px; z-index: 200; }
#extraDiv3 { position: absolute; top: 0px; right: 0px; width: 600px; height: 576px; 
background: url(../images/tip/gradient_right.gif) repeat-x top right; padding: 0px; margin: 0px; z-index: 300; }
#extraDiv4 { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; position: absolute; top: 0; right: 0; width: 231px; height: 268px; padding: 0; margin: 0; z-index: 400; }

/*  useless containers */
#extraDiv5, #extraDiv6 { display: none; }
.img_left_pad { padding-left: 12px; }