/* Start of CMSMS style sheet 'Navigation: Simple - Horizontal' */
/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#menu_horiz {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

div#menu_horiz {
   background-color: #333;  /* background color for the entire menu row */
   margin: 0;
   padding: 0 0 0 2.7em;
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_horiz ul {
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #C0C0C0;
   border-left:  1px solid #C0C0C0;
   height:2.2em;
}


/* menu list items */
div#menu_horiz li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
   margin: 0 ;
   border-right: 1px solid #C0C0C0;
}


/* the links, that is each list item */
div#menu_horiz a {
   padding: .6em 1em .6em 1.4em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #fff;
   display: block; /* IE has problems with this, fixed above */
}


/* hover state for links */
div#menu_horiz li a:hover {
   background-color: #777;
}
div#menu_horiz a.activeparent:hover {
   background-color: #C3D4DF;
   color: #18507C;
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_horiz li.activeparent a {
   color: #fff;
   background-color: #777;
  
}

div#menu_horiz h3 {
   padding: .6em 1em .6em 1.4em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #fff;
   background: #777 ;
   display: block; /* IE has problems with this, fixed above */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
}





#floatlandscape {
width: 200px;
list-style: none none;
}

#floatlandscape:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

#floatlandscape {
list-style: none none;
display: inline;
}

#floatlandscape a {
margin: 2px;
padding: 4px;
position: relative;
float: left;
display: block;
width: 100px;
height: 75px;
}

#floatlandscape a:hover {
font-size: 100%;
z-index: 2;
}

#floatlandscape a img {
border: 0 none;
position: absolute;
width: 100px;
height: 75px;
}

#floatlandscape a:hover img,#floatlandscape a:active img,#floatlandscape a:focus img {
width: 200px;
height: 150px;
left: -50px;
top: -37px;
z-index: 1;
}







#floatportrait {
width: 200px;
list-style: none none;
}

#floatportrait:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

#floatportrait {
list-style: none none;
display: inline;
}

#floatportrait a {
margin: 2px;
padding: 4px;
position: relative;
float: left;
display: block;
width: 75px;
height: 100px;
}

#floatportrait a:hover {
font-size: 100%;
z-index: 2;
}

#floatportrait a img {
border: 0 none;
position: absolute;
width: 75px;
height: 100px;
}

#floatportrait a:hover img,#floatportrait a:active img,#floatportrait a:focus img {
width: 150px;
height: 200px;
left: -37px;
top: -50px;
z-index: 1;
}




#floatsquare {
width: 200px;
list-style: none none;
}

#floatsquare:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

#floatsquare {
list-style: none none;
display: inline;
}

#floatsquare a {
margin: 2px;
padding: 4px;
position: relative;
float: left;
display: block;
width: 100px;
height: 100px;
}

#floatsquare a:hover {
font-size: 100%;
z-index: 2;
}

#floatsquare a img {
border: 0 none;
position: absolute;
width: 100px;
height: 100px;
}

#floatsquare a:hover img,#floatsquare a:active img,#floatsquare a:focus img {
width: 200px;
height: 200px;
left: -37px;
top: -50px;
z-index: 1;
}




#floatlandscapewide {
width: 200px;
list-style: none none;
}

#floatlandscapewide:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

#floatlandscapewide {
list-style: none none;
display: inline;
}

#floatlandscapewide a {
margin: 2px;
padding: 4px;
position: relative;
float: left;
display: block;
width: 100px;
height: 30px;
}

#floatlandscapewide a:hover {
font-size: 100%;
z-index: 2;
}

#floatlandscapewide a img {
border: 0 none;
position: absolute;
width: 100px;
height: 30px;
}

#floatlandscapewide a:hover img,#floatlandscapewide a:active img,#floatlandscapewide a:focus img {
width: 200px;
height: 60px;
left: -50px;
top: -37px;
z-index: 1;
}




#floatportraitthin {
width: 200px;
list-style: none none;
}

#floatportraitthin:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

#floatportraitthin {
list-style: none none;
display: inline;
}

#floatportraitthin a {
margin: 2px;
padding: 4px;
position: relative;
float: left;
display: block;
width: 30px;
height: 100px;
}

#floatportraitthin a:hover {
font-size: 100%;
z-index: 2;
}

#floatportraitthin a img {
border: 0 none;
position: absolute;
width: 30px;
height: 100px;
}

#floatportraitthin a:hover img,#floatportraitthin a:active img,#floatportraitthin a:focus img {
width: 60px;
height: 200px;
left: -50px;
top: -37px;
z-index: 1;
}



#floatlandscapewidebig {
width: 400px;
list-style: none none;
}

#floatlandscapewidebig:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

#floatlandscapewidebig {
list-style: none none;
display: inline;
}

#floatlandscapewidebig a {
margin: 2px;
padding: 4px;
position: relative;
float: left;
display: block;
width: 200px;
height: 65px;
}

#floatlandscapewidebig a:hover {
font-size: 100%;
z-index: 2;
}

#floatlandscapewidebig a img {
border: 0 none;
position: absolute;
width: 200px;
height: 65px;
}

#floatlandscapewidebig a:hover img,#floatlandscapewidebig a:active img,#floatlandscapewidebig a:focus img {
width: 400px;
height: 130px;
left: -50px;
top: -37px;
z-index: 1;
}



#floatlandscapebig {
width: 400px;
list-style: none none;
}

#floatlandscapebig:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

#floatlandscapebig {
list-style: none none;
display: inline;
}

#floatlandscapebig a {
margin: 2px;
padding: 4px;
position: relative;
float: left;
display: block;
width: 200px;
height: 150px;
}

#floatlandscapebig a:hover {
font-size: 100%;
z-index: 2;
}

#floatlandscapebig a img {
border: 0 none;
position: absolute;
width: 200px;
height: 150px;
}

#floatlandscapebig a:hover img,#floatlandscapebig a:active img,#floatlandscapebig a:focus img {
width: 400px;
height: 300px;
left: -50px;
top: -37px;
z-index: 1;
}
/* End of 'Navigation: Simple - Horizontal' */