/*
 * Caribou Orange - #F08B1D
 * Caribou Blue - #193989
 * Pale Orange - #F7D5AC   
 */ 


@media screen, print {


/* 
 * Text Styling 
 */ 
 
h1 { font-size: 130%; line-height: 140%; } 
h2 { font-size: 100%; line-height: 110%; } 
h3 { font-size: 90%; line-height: 100%; } 
p { font-size: 80%; line-height: 130%;  margin: 0.1em 0 1.2em 0; word-spacing: 0.1em; } 

#EditableContent a , #EditableContent a:visited, #EditableContent a:hover, #EditableContent a:active, #EditableContent p a, #EditableContent p a:visited, #EditableContent p a:hover, #EditableContent p a:active {  font-weight: bold;} 

a { text-decoration: none;  } 
#EditableContent p a:hover { text-decoration: underline; } 

/* 
 * Colors 
 */ 
body { color: #193989; } 

#EditableContent a, #EditableContent a:visited, #EditableContent a:active { color: #193989; } 
#EditableContent a:hover, #EditableContent p a, #EditableContent p a:visited, #EditableContent p a:hover, #EditableContent p a:active { color: #F08B1D; } 
#EditableContent h1, #EditableContent h2 { border-color: #F08B1D; }



/* 
 * Layout 
 */ 
#Identity h2 span { display: none;  }  

#EditableContent h1 { display: block; max-width: 100%; height: 100%; border-style: solid; border-width: 0px 0px 5px 0px;  letter-spacing: 1px; overflow: hidden;}
#EditableContent h2 { display: block; max-width: 100%; height: 100%; border-style: solid; border-width: 0px 0px 2px 0px;  letter-spacing: 1px; overflow: hidden;}
} 


@media screen { 

/* 
 * Text Styling 
 */ 
#FirstLevelMenu li a { font-size: 98%;  } 
#FirstLevelMenu li ul li a {  font-size: 78%; } 
#Footer p { font-size: 70%;  } 

#Menu a { text-decoration: none; font-weight: bold; }
#Footer a { text-decoration: underline; } 

/* 
 * Colors 
 */ 
 
body { background-color: #CBB994;  } 
#Menu a, #Menu a:visited, #FirstLevelMenu li ul li a, #FirstLevelMenu li ul li a:visited, #FirstLevelMenu li ul li a:active, #PageContent { color: #193989;} 
.SecondLevelMenu { border-color: #193989; }  
#Menu a:active, #Menu a:hover { color: #F08B1D;  }
.SecondLevelMenu { background-color:#F7D5AC;}  
#FirstLevelMenu li ul li { border-color: #F7D5AC; } 
#FirstLevelMenu li ul li a:hover, #FirstLevelMenu li ul li:hover, li.SecondLevelMenuOver { color: #FFFFFF; } 
#FirstLevelMenu li ul li:hover, li.SecondLevelMenuOver { background-color:#F08B1D; border-color: #193989;  } 
#Footer p, #Footer a, #Footer a:visited, #Footer a:active { color: #725E38; } 
#Footer a:hover { color: #372F1C; } 


/* 
 * Layout 
 */ 
body { margin: 0px; padding: 0px;  background-image: url(images/GradientBackground.jpg); background-repeat: repeat-x;  } 

#Container { width: 850px; margin: 0px; padding: 0px; } 

#Header {  height: 101px; width: 850px; background: url(images/HeaderBackground.jpg);  } 

#Identity * { padding: 0px; margin: 0px; } 
#Identity {  } 
#Identity h1 { position: absolute; top: 20px; left: 40px; background-image:url(images/CaribouCommunicationsLogo.gif); height: 65px; width: 167px; margin: 0px;  }
#Identity h1:hover { background-image:url(images/CaribouCommunicationsLogo.gif);  }
#Identity h1 a { display: block; height: 100%; width: 100%; } 
#Identity h1 a span { display: none;  } 

#Menu { position: absolute; top: 70px; left: 243px;  width: 500px; height:25px; z-index:50; } 
#Menu a { display:block; width: 100%; height: 25px; }

#FirstLevelMenu { list-style: none;  margin:0px; padding: 0px;   }
#FirstLevelMenu li { float: left; position: relative; margin:0px 17px 0px 0px;  width: 98px; height:25px; text-align:center;  }
#FirstLevelMenu li a { display:block; padding: 3px 0px 0px 0px;   } 
#FirstLevelMenu li:hover, li.FirstLevelMenuOver {  } 
#FirstLevelMenu li:hover ul, li.FirstLevelMenuOver ul{ display: block;}
#FirstLevelMenu li ul li { margin: 0px; font-weight: normal; border-style: solid; border-width: 1px 0px 1px 0px; } 
#FirstLevelMenu li > ul { top: auto; left: auto; }

.SecondLevelMenu { display: none; position: absolute; top: 100%; right: -2px;  list-style: none; margin:0px; padding:0px;  border: solid; border-width: 1px;}  

#Content { width: 850px; background: url(images/ContentExpandableBackground.jpg) repeat-y;  text-align:left; } 

#PageContent {  width: 850px; min-height: 477px; background: url(images/ContentBackground.jpg) no-repeat;   margin: 0px; padding: 0px; } 

#EditableContent { display:block; padding: 1px 175px 10px 50px;  } 

#ImageFloat1 { width: 225px; height: 460px; float: right; background-image: url(images/spacer.gif); } 
#ImageFloat2 { width: 40px; height: 365px; float: right; background-image: url(images/spacer.gif); } 
#ImageFloat3 { width: 35px; height: 215px; float: right; background-image: url(images/spacer.gif); } 

#Footer {  padding: 20px 0px 0px 75px; background: url(images/FooterBackground.jpg) no-repeat; min-height: 39px; width: 850px;     } 

}

@media print { 
#Menu { display: none; } 
#Footer { display: none; } 
#Identity h1 a span { font-size: 22px; } 
} 