html, body { height: 100%; margin: 0; padding: 0 }
body { color: white; background-color: #222; text-align: center; background-image: url("/site_media/img/index-bg.png"); background-repeat: repeat-x;}
a, a:visited, a:active, a:link { color: #ccc; text-decoration: none }
a:hover { text-decoration: underline }

img { border: 0; }

#cross-frame { height: 100% }
#cross { margin: 0 auto 0 auto; width: 400px; height: 100%; text-align: center; }

#cross-top { width: 50px; height: 50%; overflow: hidden; background-image:url("/site_media/img/cross-vertical.png");}
#cross-bottom { width: 50px; overflow: hidden; background-image:url("/site_media/img/cross-vertical.png");}
#cross-left { overflow: hidden; background-image:url("/site_media/img/cross-horizontal.png");}
#cross-right { overflow: hidden; background-image:url("/site_media/img/cross-horizontal.png");}
#cross-middle { width: 50px; height: 50px; overflow: hidden; background-image:url("/site_media/img/cross-center.png"); }

/*
#cross-tr-corner { background-image:url("/site_media/img/cross-tr-corner.png"); background-repeat: no-repeat; background-position: left bottom; }
#cross-tl-corner { background-image:url("/site_media/img/cross-tl-corner.png"); background-repeat: no-repeat; background-position: right bottom }
#cross-bl-corner { background-image:url("/site_media/img/cross-bl-corner.png"); background-repeat: no-repeat; background-position: right top; }
#cross-br-corner { background-image:url("/site_media/img/cross-br-corner.png"); background-repeat: no-repeat; background-position: left top; }
*/

#cross-left img { width: 80px; height: 0px;}
#cross-right img { width: 80px; height: 0px;}
#cross-top img { height: 175px; width: 0px;}
#cross-bottom img { height: 80px; width: 0px;}
#cross-middle img { height: 50px; width: 50px;}

#label-top { background-image:url("/site_media/img/cross-top.png"); background-repeat: no-repeat; background-position: center bottom; }
#label-bottom { background-image:url("/site_media/img/cross-bottom.png"); background-repeat: no-repeat; background-position: center top; }
#label-left { background-image:url("/site_media/img/cross-left.png"); background-repeat: no-repeat; background-position: right center; }
#label-right { background-image:url("/site_media/img/cross-right.png"); background-repeat: no-repeat; background-position: left center; }

#label-top { width: 50px; height: 6em; overflow: hidden; padding-bottom: 1em; padding-top: 2em;}
#label-bottom { width: 50px; height: 6em; overflow: hidden; padding-top: 1em; padding-bottom: 2em;}
#label-right { height: 50px; width: 154px; overflow: hidden; text-align: left; padding-left: 2em;}
#label-left { height: 50px; width: 154px; overflow: hidden; text-align: right; padding-right: 2em;}

#footer { height: 2em; color: #999; font-size: x-small; padding-bottom: 1em; text-transform: uppercase; font-family: serif; }