/* Start of CMSMS style sheet 'katie' */
body  {
      background-color: #323232;
      }

h1 {
      font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
      font-size: 16px;
      font-weight: bold;
      color: #323232;
      padding: 10px;
      }

h2 {
      font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: #323232;
      padding: 10px;
      }

p{
      font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
      font-size: 12px;
      color: #000000;
      padding: 10px;
      }

li {
      font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
      font-size: 12px;
      color: #323232;
      }

a:link {text-decoration: underline; color: #000000;}
a:active {text-decoration: none; color: #000000;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color: #000000;}

#nav a:link {text-decoration: none; color: #000000;}
#nav a:active {text-decoration: none; color: #000000;}
#nav a:visited {text-decoration: none; color: #000000;}
#nav a:hover {text-decoration: none; color: #000000;}

#container {
      background-color: #eeeeee;
      width: 900px;
      border: 0px black solid;
      color: #000000;
      margin-left: auto;
      margin-right: auto;
      }

#header {
      background-image:url(uploads/images/katieheader.jpg);
      background-repeat: no-repeat;
      width: 900px;
      height: 250px;
      background-color: #323232;
      margin-left: auto;
      margin-right: auto;
      }

#menuwrapper  {
      background-color: #eeeeee;
      width: 800px;
      height: 30px;
      }

#nav  {
      color: #666666;
      height: 27px;
      width: 900px;
      padding-left: 100px;
      }

.menuparent  {
      }

.menuactive  {
      }

#nav li {
      font-size: 12px;
      }

#nav { font-size:12px; display: block; width: 800px; font-family:verdana,sans-serif; font-weight:normal;}
#nav, #nav ul { float:left; list-style: none; line-height:10px; padding:0;  margin:-210px 0 1px 270px; } 
#nav a {  color:#666666; text-decoration:none; } 
#nav li { float:left; padding: 30px;} 
#nav li ul { position:absolute; left:-999em; width: 200px; height:auto; font-weight:normal; } 
#nav li li { padding-right:1px; width:180px; line-height: 0.7em; } 
#nav li li a { padding:4px 0px; } 
#nav li ul li { font-weight:normal; font-family:verdana,sans-serif; } 
#nav li ul li a { font-size:10px; color:#666666; } 
#nav li:hover ul li a { color:#666666; } 
#nav li ul ul { margin:0 0 0 70px; z-index: 100;} 
#nav li ul li:hover, #nav li ul li.over { background:#cccccc} 
#nav li ul li:hover a, #nav li ul li.over a  { color:#666666; } 
#nav li ul li:hover li a, #nav li ul li.over li a { color:#666666; } 
#nav li ul li li:hover a, #nav li ul li li.over a { color:#666666; } 
#nav li ul li ul li:hover ul li a, #nav li ul li ul li.over ul li a { color:#666666; } 
#nav li ul li ul li:hover ul li:hover a, #nav li ul li ul li.over ul li.over a { color:#666666; } 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; } 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { background-color: #cccccc; left:auto;} 
#nav li:hover a, #nav li.sfhover a { color:#666666; }
#nav li.menuactive a { color:#666666; }

#content {
      padding-left: 250px;
      margin-top: -100px;
      width: 600px;
      margin-bottom: 50px;
      }

#footer {
      color: #ffffff;
      background-color: #666666;
      border-top: 3px #323232 solid;
      margin-bottom: -12px;
      }

.flickr_badge { height: 270px; }
.flickr_badge img { width: auto; height: auto; margin: 0 5px 0px 0; background: #fff; float: left;}
/* End of 'katie' */

