/* Start of CMSMS style sheet 'bliStyles' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   background-color: #FFFFFF;
   text-align: center;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 75.01%;
   line-height: 1.5em;
   background-repeat: repeat-x;
   background-position: top left;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
   text-align:left;
}

p {
  text-align:left;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #0e7e83; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #0e7e83;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #385C72;
}

ul { 
  list-style-type:square;
  margin-left:18px;
}

p {
  text-align: left;
} 


div#container {
  text-align:left;
  margin:0 auto;
  width:900px;
  padding-top:30px;
}

div#header{  
  height:84px;
}

div#logoDiv{
  float:left;
}

div#headerInfo{
  float:right;
  text-align:right;
  font-size:0.9em;
  line-height:1.1;
}

div#homeLink{
  float:right;
}

div.clear{
  clear:both;
}

div#menu{
  text-align:right;
  background-image:url('images/menubg.gif');
  background-repeat: repeat-x;
  height:24px;
}

ul#primary-nav{
  float:right;
}

ul#primary-nav li {
  padding-left:15px;
  padding-right:15px;
  width:auto;
}

ul#primary-nav li:hover {
  padding-left:15px;
  padding-right:15px;
  width:auto;
}

ul#primary-nav li.currentpage {
  padding-left:15px;
  padding-right:15px;
  width:auto;
}


div#content{
color:#666666;
font-family:Arial;
}

div#blueBox{
  margin-top:6px;
  background-color:#dbe9ee;
  width:900px;
  background-image:url('images/puzzle2.gif');
  background-position: top right;
  background-repeat: no-repeat;
}

div#whiteBox{
  background-color:#FFFFFF; 
  float:left;
  padding-top:5px;
  width:508px;
}

div#whiteBox img {

}

div.homeContent{
  padding-left:32px;
  width:350px;
  display:inline-table;
  float:left;
  margin-right:10px
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 Chrome and Opera 9 rules here */
div.homeContent{
  width:382px;
}
}


div#lowerPics{

}

div#bigRC{
  background-image:url('images/puzzle1.gif');
  background-position: top left;
  background-repeat: no-repeat;    
  height:97px;
  padding-left:147px;
  padding-right:36px;
  padding-top:20px;
  margin-top:6px;
  width:318px;
}

span.gcSmallTitle {
  font-size:12pt;
  color:#0e7e83;
  font-family: Times New Roman, Times Roman, Times, serif;
}

span.gcBigTitle {
  font-size:14pt;
  color:#0e7e83;
  font-family: Times New Roman, Times Roman, Times, serif;  
}

div.rc{
  border-style:solid;
  border-width:1px;
  border-color:#cccccc;
  color:#666666;
  font-family: Arial;
  font-size:10pt;
  line-height:1.1;
}

div.smallrc {
float:left;
padding:20px;
width:205px;
margin-bottom:5px;
}

div.rcSpace {
  height:10px;
}

div.miniRCs div.rcSpace{
  float:left;
  width:9px;  
}

div.insideContent{
margin-left:36px;
margin-top:36px;
width:450px;
float:left;
}

div.blueTop{
background-color:#DBE9EE;
float:left;
width:258px;
}

div.blueBoxInside {
  width:642px !important;
  float:left;
  background-image:url(images/puzzle4.gif) !important;
}

div#sideBar {
background-color:#FFFFFF;
float:left;
margin-top:6px;
width:258px;
}

div.insiderc {
float:right;
padding:20px;
width:205px;
margin-bottom:10px;

}

div.insiderc a,
a:link 
a:active{
  color:#0e7e83;
  line-height:2;
}

div#pictureHolder {
  float:right;
margin-right:30px;
margin-top:80px;
}

h1 {
text-align:left;
font-weight:normal;
color:#0E7E83;
font-family:Times New Roman, Times Roman, Times, serif;
font-size:4em;
line-height:1.1;
margin-top:-10px;
margin-bottom:10px;
white-space:nowrap;
}

h2 {
text-align:left;
font-weight:normal;
color:#333333;
font-family:Arial;
font-size:1.3em;
line-height:1.1;
margin-bottom:20px;
text-transform: uppercase;
}

h4 {
  text-align:left;
  font-size:12pt;
  color:#0e7e83;
  font-weight:normal;
  margin-bottom:5px;
  font-family: Times New Roman, Times Roman, Times, serif;

}

div#footer {
  font-size:1em;
  color:#999999;
  font-family: Arial;
  text-align:left;
  float:left;
  margin-top:20px;
  width:890px;
}


div#whitebox div a, div#whitebox a:link, div#whitebox a:active, div#whitebox a:visited {
  color:#0e7e83 !important;
}


div#footer a, div#footer a:visited, div#footer a:hover  {
  color:#999999 !important;  
}

img#homePic {
border:1px solid #99BFC3;
float:right;
position:relative;
top:5px;
margin-left:5px;
margin-right:-10px;
}

ul#primary-nav li.hover {
  width:auto;
  padding-left:15px;
  padding-right:15px;
}
/* End of 'bliStyles' */