/* -- SOURCE ----------------- */

/* Seems like I didn't pull the multiple background sring from this sheet. Now corrected */

/* Rules for IE7/Win and IE5/Mac */

/* source1 */

#wrapper2+*+div {position:relative;float:right;height:auto;width:20%;padding-top:1px;background: #cde}
#wrapper2+*+div h2 {text-align:center}

/* source1 and source2 */

div+div+*+div {height:120px;width:81%;background:url(images/header3.jpg) 50% 0%;}

/* This above selector selects two elements, plus selects the elements overruled by the following selector */ 

/* Last in source */

div+div+*+div+*+div {clear:both;height:4em;width:100%;}

/* Notice the ~ between the divs above and below, this is because these selectors would not work in IE7 if they had + since ordinary HTML comments are seen as real elements. If I was to include an axtra div here and there in the source, then these selectors would have to be changed so the better browser don't use them */


/* -- FOOTER ----------------- */

/* Sticky Footer within wrapper1 */

#wrapper2+*+div+*+div {position:absolute;bottom:0;left:0;width:100%;text-align:center;background: #dddddd;padding:15px 0;}
#wrapper2+*+div+*+div p {display:inline;}/* keeps the footer elements on one line */
#wrapper2+*+div+*+div ul {padding: 0;margin: 0;list-style: none;margin-right:40px;}
#wrapper2+*+div+*+div li {position: relative;float: right;}
#wrapper2+*+div+*+div a {color: #002000;font-size:small;padding:0 10px;text-decoration:none;}
#wrapper2+*+div+*+div a:hover {color: #4f6fcf;text-decoration:underline;}

/* There is actually two footer elements, one each after each floated wrapper */



/* My dream, in header area */

#wrapper1+*+div p {position:absolute;left:40%;top:70px;font-size:140%;margin:-0.65em 0 20px -5em;color:#CAD0D8;}

#wrapper1+*+div span {display:block;width:144px;height:120px;background: url(../images/logo-test2.png) 50% 60% no-repeat;position:absolute;top:0;left:4%;z-index:1;}