#homepage .page__background { background-color: #e9f3f6;}
#contactspage .page__background { background-color: #e9f3f6;}
#photospage .page__background { background-color: #000;}
#scoringpage .page__background { background-color: #e9f3f6;}
#handicappage .page__background { background-color: #e9f3f6;}
#infocoursepage .page__background { background-color: #e9f3f6;}
#teetimespage .page__background { background-color: #e9f3f6;}
#eventscoursepage .page__background { background-color: #e9f3f6;}
#promospage .page__background { background-color: #e9f3f6;}
#menupage .page__background { background-color: #e9f3f6;}
#weatherpage .page__background { background-color: #e9f3f6;}
#staffpage .page__background { background-color: #e9f3f6;}
#notifypage .page__background { background-color: #e9f3f6;}
#splashpage .page__background { background-color: #000;background-image: url('../images/splash.jpg');background-repeat: no-repeat;background-attachment: fixed;background-size: cover;background-position: 50% 0%;}

body {background-color: #000;}
hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);}
ons-list-item {color: #444;}
.dialogtext{font-size:13px; color:#575858; padding-left:20px;padding-right:20px;}
.banner{width:260px;margin:0px;}
.clouds{position:fixed;width:100%;top: 0px;left: 0px; z-index: 2;}
.copy{color:#5f6060; font-size: 14px;padding-left:40px;padding-right:40px;text-align: left;z-index: 99;}
.centerlogo{position:absolute; width: 150px;left: 50%; margin-left: -75px; margin-top: 10px;}
.logo{position:absolute;width:150px; z-index: 4;}
.logodialog{position:absolute;width:75px; z-index: 4;}
.icons{position:relative;width:100px; z-index: 4;}
.iconsteal{position:relative;width:100px; z-index: 4; filter: hue-rotate(60deg);}
.iconsblue{position:relative;width:100px; z-index: 4; filter: hue-rotate(120deg);}
.iconspurple{position:relative;width:100px; z-index: 4; filter: hue-rotate(150deg);}
.iconspink{position:relative;width:100px; z-index: 4; filter: hue-rotate(210deg);}
.iconssalmon{position:relative;width:100px; z-index: 4; filter: hue-rotate(270deg);}
.iconsgold{position:relative;width:100px; z-index: 4; filter: hue-rotate(310deg) saturate(60%);}
.iconsgreen{position:relative;width:100px; z-index: 4; filter: hue-rotate(350deg) saturate(100%);}
.wfooter{position:fixed;bottom:0px;width:100%;left: 0px;z-index: 3;}
.icons_row {position:absolute;width:100%;display: flex;}
.column {flex: 1;text-align: center;box-sizing: border-box;}
.column-one {order: 1;}
.column-two {order: 2;}.column-three {order: 3;}
.homebut{position:fixed; width:30px; height:30px; z-index:5; top:10px; left:20px;}
.bottomleft{position:fixed; width:60px; height:60px; z-index:5; bottom:10px; left:40px; opacity: 0.8;}
.bottomcenter{position:fixed; width:60px; height:60px; z-index:5; left: 50%; margin-left: -30px; bottom:10px; opacity: 0.8;}
.bottomright{position:fixed; width:60px; height:60px; z-index:5; bottom:10px; right:40px; opacity: 0.8;}
.nextbut{position:absolute; width:25px; height:25px; z-index:5; top:15px; right:10px;}
.prevbut{position:absolute; width:25px; height:25px; z-index:5; top:15px; left:10px;}
.refreshbut{position:absolute; width:30px; height:30px; z-index:5; top:10px; left:50px;}
.videobut{position:absolute; width:30px; height:30px; z-index:5; top:10px; right:50px;}
.homebutyb{position:fixed; width:30px; height:30px; z-index:5; top:15px; left: 50%; margin-left: -15px;}
.guide{position:absolute;top:0px;margin-top:50px;width:100%;left: 0px;z-index: 1;}
.middleydg{width:95%; margin: 0 auto; color:white;}
.jfooter{position:fixed;text-align: center;bottom:-10px;font-size: 50px;width:100%;height:80px;left: 0px;z-index: 4;}
.jfooterbg{position:fixed;background-color: #000;text-align: center;vertical-align: middle;line-height: 75px;bottom:0px;color:red;opacity: 0.7;font-size: 60px;width:100%;height:80px;left: 0px;z-index: 3;}	
.flyover{position:absolute;top: 0px;width:100%;left: 0px;z-index: 4;}
.pnext{position: absolute;top: 50%; transform: translateY(-50%); width:30px; height:30px; z-index:99; right:10px;}
.pprev{position: absolute;top: 50%; transform: translateY(-50%); width:30px; height:30px; z-index:99; left:10px;}
.photo{position:absolute;top:0px;height:100%;left: 0px;z-index: 1;}
.pframe{position:absolute;width:100%;top: 65px;left: 20px;z-index: 1;}
.tframe{position:absolute;width:100%;top: 50px;left: 20px;z-index: 1;}
.profile-pic {width: 100px; margin: 20px auto 10px; }
.profile-pic > img {display: block;max-width: 100%;}