/*
	style.css
	Default styles for sea.ca
	www.sea.ca
*/

body {
  position: relative;
  color: #000000; background: #FFFFFF;
  margin: 0px;
}

p {
  color: #000000; background: transparent;
  font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt;
}

h3 {
  font-family: verdana, arial, helvetica, sans-serif;
}

a.ml {
  font-family:verdana,arial,helvetica,sans-serif; font-size:10pt;
  color:#003399;
  line-height:30px;
  text-align:right;
  margin:0; padding:0px 6px 0px 0px;
  display:block; text-decoration:none; font-weight:bold; cursor:default;
}
a.ml:hover {
  font-family:verdana,arial,helvetica,sans-serif; font-size:10pt;
  color:#FFFFFF; background:#0A6AC4;
  line-height:30px;
  text-align:right;
  margin:0; padding:0px 6px 0px 0px;
  display:block; text-decoration:none; font-weight:bold; cursor:default;
}

#mainbody {
  position: relative;
  top: 10px;
  width: 710px;
}

#header {
  left: 0;
  top: 0;
  text-align: left;
  height: 60px;
  width: 710px;
}

#websiteswithresults {
  position: absolute;
  right: 0px;
  top: 20px;
  padding: 0px 6px 0px 0px;
  text-align: right;
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: 10pt;
  color: #0A6AC4;
  font-weight:bold;
}

#centerbox {
  position: absolute;
  top: 60px;
  left: -1px;
  text-align: left;
  border: solid #003399 1px;
  width: 710px;
  height: 468px;
}

#bluebar {
  position: absolute;
  width: 100%;
  height: 18px;
  background: #3AB6F6;
}

#left_wave {
  position: absolute;
  top: 18px;
  width: 473px;
  height: 450px;
}

#right_wave {
  position: absolute;
  top: 18px;
  right: -1px;
  width: 238px;
  height: 451px;
  background-image: url(wave_right3.png);
}

#professionalweb {
  position: absolute;
  right: 0px;
  top: 35px;
  padding: 0px 6px 0px 0px;
  width: 235px;
  text-align: right;
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: 10pt;
  color: #0A6AC4;
  font-weight:bold;
}

#menu1 {
  position: absolute;
  text-align: right;
  right: 0;
  width: 195px;
  top: 104px;
}

#menu2 {
  position: absolute;
  text-align: right;
  right: 0;
  width: 170px;
  top: 134px;
}

#menu3 {
  position: absolute;
  text-align: right;
  right: 0;
  width: 150px;
  top: 164px;
}

#menu4 {
  position: absolute;
  text-align: right;
  right: 0;
  width: 135px;
  top: 194px;
}

#menu5 {
  position: absolute;
  text-align: right;
  right: 0;
  width: 125px;
  top: 224px;
}

#menu6 {
  position: absolute;
  text-align: right;
  right: 0;
  width: 115px;
  top: 254px;
}


/* optional container for scroller, to provide bgColor/border */
div#bg { 
  position: absolute; 
  right: 7px; 
  top: 317px; 
  z-index: 100; 
  width:108px; 
  height:108px;
  background-color: #FFFFFF;
}

/* scroller "window" 
   set width, height (and clip) to match values sent to constructor */

div#wn { 
  position: absolute; 
  left: 0px; 
  top: 0px;
  width: 108px; 
  height: 108px; 
  z-index: 1; 
  margin: 0px;
  clip: rect(0, 108px, 108px, 0); 
  overflow: hidden;
}

div#cnt { position: absolute; z-index: 1; } /* layer that scrolls */

/* scroller items 
   set width and height to match scroller "window" 
   Be sure to set height adequate for your content! */
div#cnt div.item { width: 108px; height: 108px; }

/* styles for scroller content (read important instructions regarding collapsing margins!) */
div#cnt h3 { font-size: 10px; font-weight: bold; margin: 0; }  
div#cnt p { font-size: 10px; line-height: 13px; margin: .5em 0 0 0; }
div#cnt p.more { text-align: right; }
div#cnt a { font-size: 10px; }
div#cnt a:hover { color: #FF0000; }
div#cnt ul { margin: .5em 0 0 0; padding: 0; font-size: 11px; }
div#cnt ul li { margin: .3em 0 0 1em; list-style-type: none; }


#copyright {
  position: absolute;
  padding: 0px;
  margin: 0px;
  right: 0px;
  bottom: 0px;
  height: 20px;
  width: 150px;
}

#footer {
  position: absolute;
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: 8pt;
  color: #003399;
  bottom: -20px;
}