body{font-family: Arial,sans-serif; color:#003366; font-size:small; text-align: center; background:#669999; margin:0; padding:0; box-sizing: border-box; 

scrollbar-base-color:#ccccff;
scrollbar-arrow-color:669999;
scrollbar-track-color:#003366;

scrollbar-shadow-color:black;
scrollbar-lightshadow-color:black; 
scrollbar-darkshadow-color:gray;

scrollbar-highlight-color:white;
scrollbar-3dlight-color:black;}

#wrapper{width:812px; margin: 0 auto; background:#ccccff; text-align:left;}

/* Set background-color to transparent to avoid flickering image in IE6 */
#drheader{width: 778px; padding-left:30px; padding-top:15px; background-color: transparent;  background-image: url("images/bkgrd_cloud.jpg"); clear: both; position: relative; border: solid #ccccff; border-width:2px 2px 1px 2px;}
#drheader_eila{width: 778px; padding-left:30px; padding-top:15px; background-color: transparent;  background-image: url("images/bkgrd_pinkcloud.jpg"); clear: both; position: relative; border: solid #ccccff; border-width:2px 2px 1px 2px;}
#drheader_nz{width: 778px; padding-left:30px; padding-top:15px; background-color: transparent;  background-image: url("images/bkgrd_rugby.jpg"); clear: both; position: relative; border: solid #ccccff; border-width:2px 2px 1px 2px;}
#drheader_cr{width: 778px; padding-left:30px; padding-top:15px; background-color: transparent;  background-image: url("images/bkgrd_ants.jpg"); clear: both; position: relative; border: solid #ccccff; border-width:2px 2px 1px 2px;}
#drheader_rooney{width: 778px; padding-left:30px; padding-top:15px; background-color: transparent;  background-image: url("images/bkgrd_rooney.jpg"); clear: both; position: relative; border: solid #ccccff; border-width:2px 2px 1px 2px;}
#drheader_rugby{width: 778px; padding-left:30px; padding-top:15px; background-color: transparent;  background-image: url("images/bkgrd_sevens.jpg"); clear: both; position: relative; border: solid #ccccff; border-width:2px 2px 1px 2px;}
#drheader_wild{width: 778px; padding-left:30px; padding-top:15px; background-color: transparent;  background-image: url("images/bkgrd_wild.jpg"); clear: both; position: relative; border: solid #ccccff; border-width:2px 2px 1px 2px;}
#drheader_mcc{width: 778px; padding-left:30px; padding-top:15px; background-color: transparent;  background-image: url("images/bkgrd_mcc2.jpg"); clear: both; position: relative; border: solid #ccccff; border-width:2px 2px 1px 2px;}
#drheader_nog{width: 778px; padding-left:30px; padding-top:15px; background-color: transparent;  background-image: url("images/bkgrd_nog.jpg"); clear: both; position: relative; border: solid #ccccff; border-width:2px 2px 1px 2px;}
#drheader_mal{width: 778px; padding-left:30px; padding-top:15px; background-color: transparent;  background-image: url("images/bkgrd_fish.jpg"); clear: both; position: relative; border: solid #ccccff; border-width:2px 2px 1px 2px;}
#drheader_ant{width: 778px; padding-left:30px; padding-top:15px; background-color: transparent;  background-image: url("images/bkgrd_ant.jpg"); clear: both; position: relative; border: solid #ccccff; border-width:2px 2px 1px 2px;}
#drheader_arg{width: 778px; padding-left:30px; padding-top:15px; background-color: transparent;  background-image: url("images/bkgrd_arg.jpg"); clear: both; position: relative; border: solid #ccccff; border-width:2px 2px 1px 2px;}

/* hides the second object from all versions of IE */
* html object.mpg { display: none; }
/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mpg/**/ { display: inline; }
/* hides the second object from all versions of IE >= 5.5 */
* html object.mpg { display/**/: none; }

#tophead {margin: 0; padding: 0; clear: both; list-style: none inside;  text-transform:uppercase;}
#tophead li {width: 160px; float: left; background: #666699; border: solid #ccccff; border-width: 1px 1px 2px 1px; text-align: center; }
#tophead li:first-child{border-left: 2px solid #ccccff;}
#tophead li:fourth-child{border-right: 2px solid #ccccff;}
#tophead li a {display:block; width: 100%; padding: 3px 0 3px 0; } 
#tophead li a:hover {background: #9999cc;}

a {font-weight: bold; }
a.topnav:link {color: #ffffff; text-decoration: none;}
a.topnav:visited {color: #ffffff; text-decoration: none;}
a.topnav:active {color: #ffccff; text-decoration: none;}
a.topnav:hover {color: black; text-decoration: none;}

#main {clear: both; }

#content {float: left; width: 580px; margin: 10px; padding:0; line-height:1.5em; text-align: justify; }
#listcontent {float: left; width: 480px; margin: 10px; padding:0; line-height:1.5em; text-align: justify; }
#imagemap {line-height:1.5em; text-align: center; }
#imagemap img {border: 0; }

#picpage {float: left; width: 812px; margin: 0; padding: 10px 0 10px 0; line-height: 1em; text-align: center; }
#picpage img {border: 2px solid #666699;}
#picpage h2 {color: #003366; font-size: 1.2em; font-weight: bold; text-align: center;}

#navigation {margin: 30px 10px 0px 610px; color: #ffffff; text-align: left; border: 2px solid #ffffff; line-height: 1.5em; padding: 0 5px 0 5px; background: #666699; font-weight: bold; list-style-position: outside;}

a.nav:link {text-decoration: none; color: #99ffcc; }
a.nav:visited {text-decoration: none; color: #9999cc;}
a.nav:active {text-decoration: none; color:#ffffff; }
a.nav:hover {text-decoration: none; color:#ffffff; }

a.navheader:link {text-decoration: none; color: #ffffff; font-size:1.25em; }
a.navheader:visited {text-decoration: none; color: #ffffff; font-size:1.25em; }
a.navheader:active {text-decoration: none; color:#ffffff; font-size:1.25em; }
a.navheader:hover {text-decoration: none; color:#ffffff; font-size:1.25em; }

a.navsubheader:link {text-decoration: none; color: #99ffcc; }
a.navsubheader:visited {text-decoration: none; color: #9999cc; }
a.navsubheader:active {text-decoration: none; color:#ffffff; }
a.navsubheader:hover {text-decoration: none; color:#ffffff; }

.navlist2 {text-indent: 20px; display:list-item; list-style-type: none; }
a.navlist2:link {text-decoration: none; color: #99ffcc; }
a.navlist2:visited {text-decoration: none; color: #9999cc; }
a.navlist2:active {text-decoration: none; color:#ffffff; }
a.navlist2:hover {text-decoration: none; color:#ffffff; }

.nav2 {text-indent: 20px; }
a.nav2:link {text-decoration: none; color: #99ffcc; }
a.nav2:visited {text-decoration: none; color: #9999cc; }
a.nav2:active {text-decoration: none; color:#ffffff; }
a.nav2:hover {text-decoration: none; color:#ffffff; }


#picbar {margin: 0; padding: 10px 0 10px 0; clear: both;}
#picbar li {list-style: none inside; margin: 0; padding: 0; width: 160px; height:160px; float: left; border: 1px solid #ccccff; text-align: center; }
#picbar li a {display:block; width: 100%; height:100%; text-decoration:none;} 
#picbar li a:hover {background:#666699;}

img.pic {border: 2px solid #666699; position: relative; top: 27px;}
img.tallpic {border: 2px solid #666699; position: relative; top: 4px;}

.piclink {color:#003366; font-size:1em; font-weight:bold; text-decoration:none; border:2px solid #003366; width:224px; height:150px; margin:12px; }

#footer {clear: both; background: #666699; color: #ffffff; font-weight: bold; padding:5px; border: 2px solid #ccccff;}
#footer p {margin: 0; text-align: right; } 

.indent  {text-indent: 20px; }
.list1 {position: relative; left: 50px; display: list-item; list-style-type: none; }
.list2 {position: relative; left: 100px; display: list-item; list-style-type: none;  }
.list3 {position: relative; left: 120px; display: list-item; list-style-type: none;  }

.onlink {text-align:right; color: #ffffff; line-height:1.5em;}
a.onlink:link {background: #666699;  color: #ffffff;}
a.onlink:visited {background: #666699; color: #ffffff;}
a.onlink:active {background: #666699; color: #9999cc; }
a.onlink:hover {background: #666699; color: #9999cc; }

h1 {color: #003366; font-size: 2em; }
h2 {color: #666699; font-size: 1.5em; font-weight:bold; line-height:2em; text-align:center;}
h3 {color: #ffffff; background: #9999cc; font-size: 1.2em; line-height:1.5em; text-indent: 10px;}
h4 {color: #003366; font-size: 1em; font-weight:bold; line-height:1em; }

a:link {text-decoration: none; color: #cc00cc;}
a:visited {text-decoration: none; color: #9933cc;}
a:active {text-decoration: none; color: #9900cc;}
a:hover {text-decoration: none; color: #9900cc;}

h1 a:link {text-decoration: none; color: #003366;}
h1 a:visited {text-decoration: none; color: #003366;}
h1 a:active {text-decoration: none; color: #003366;}
h1 a:hover {text-decoration: none; color: #cc00cc;}

h3 a:link {text-decoration: none; color: #ffffff;}
h3 a:visited {text-decoration: none; color: #ffffff;}
h3 a:active {text-decoration: none; color: #003366;}
h3 a:hover {text-decoration: none; color: #cc00cc;}