/*
Title: 		page.css
Author: 	Stephen Dolan
Created: 	10/11/2006
Version:	1.0
*/

@import url("social.css");


/******** General tags ********/

body
  {
    font:76% Verdana,Tahoma,Arial,sans-serif;
    background:#ffffff url(../_image/background-800px.gif) top center repeat-y;
    color:#404040;
    line-height:1.2em;
    margin:0 auto;
    padding:0;
  }

/* Stop compliant browsers from displaying quotes */

q:before, q:after 
  { 
    content: ""; 
  }

a
  {
/*    text-decoration:none; */
    color:#4088b8;
    font-weight:bold;
  }

a:hover
  {
    text-decoration:underline;
  }

a img
  {
    border:0;
  }

p
  {
    margin:0 0 18px 10px;
  }

ul,ol,dl
  {
/*    font-size:0.9em; */
      margin:2px 0 16px 35px;
  }

ul ul,ol ol
  {
    margin:4px 0 4px 35px;
  }

h1
  {
    font-size:4.2em;
    letter-spacing:-5px;
    margin:0 0 30px 25px;
    color:#4088b8;
  }

h1 a
  {
    text-transform:none; 
    color:#4088b8;
  }

h2{
font-size:1.4em;
color:#4088b8;
border-bottom:4px solid #dadada;
padding:0 2px 2px 5px;
margin:0 0 10px 0;
letter-spacing:-1px;
}

h3{
font-size:1.2em;
font-weight:bold;
color:#4088b8;
border-bottom:1px solid #dadada;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}

blockquote{
font-size:0.9em;
border:1px solid #dadada;
margin:20px 10px;
padding:8px;
}

img {padding: 5px;}

/******** Main wrap ********/
#wrap{
color:#404040;
width:760px;
margin:10px auto;
padding:0;
}

#header{margin:0;}

#toplinks{text-align:right; padding:5px 2px 2px 3px;}

#slogan{
font-size:1.5em;
color:#808080;
font-weight:bold;
letter-spacing:-1px;
margin:15px 0px 20px 35px;
line-height:1.2em;
}

/******** sidebar ********/
#sidebar{
float:left;
width:185px;
margin:0 0 5px 0;
padding:1px 0 0 0;
}

#sidebar ul{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}

#sidebar li{
list-style:none;
margin:0 0 4px 0;
padding:0;
}

#sidebar li a{
font-size:1.2em;
font-weight:bold;
padding:2px;
}

#sidebar ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#sidebar ul ul li a{font-weight:normal;}
#sidebar h2{margin:3px 0px 8px 0px;}

/******** Content variations ********/
#content
  {
    line-height:1.5em;
    width:545px;
    float:right;
    text-align:left;
    margin:0;
    padding:0;
  }

#contentalt
  {
    line-height:1.5em;
    width:545px;
    float:left;
    text-align:left;
    padding:0;
    margin-right:20px;
  }

#content h3, #contentalt h3
  {
    margin:10px 0 8px;
  }

/******** Footer ********/
#footer{
clear:both;
text-align:right;
color:#808080;
font-size:0.9em;
border-top:4px solid #dadada;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
}

#footer p{margin:0; padding:0;}
#footer a{color:#808080;}

/******** Various classes ********/
.box
  {
    color:#ffffff;
    font-size:0.9em;
    background-color:#4088b8;
    border:1px solid #c8c8c8;
    line-height:1.3em;
    padding:5px 5px 5px 8px;
  }

.box a{color:#f0f0f0;}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}
.quote{font-style: italic;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{color:#808080;}

.photo
  {
    /* border:1px solid #bababa; */
    padding:2px;
    background-color:#ffffff;
    margin:6px 18px 2px 5px;
  }

/* ---------------------------------------
             Main Navigation
   --------------------------------------- */

 /* common styling */
.menu1 {
         float: left; 
         width: 100%; 
         font-family: verdana, arial, sans-serif; 
         font-size:  11px;
         background:  url(../_image/menu1.gif) repeat-x top left; 
         border-top: 3px solid #4c597f;  
         border-bottom: 3px solid #4c597f;
         margin:0 0 20px 0; 

       }

.menu1 ul 
       {
         padding: 0;
         margin:  0;
         list-style-type:none;
       }

.menu1 ul li 
       {
         z-index: 2;
         float: left; 
         position: relative; 
         background: url(../_image/divider1.png) no-repeat top right;
       }

.menu1 ul li a, .menu1 ul li a:visited 
       {
         float: left; 
         display: block; 
         text-decoration: none;
         color: #ddf; 
         padding: 0px 16px; 
         line-height: 25px; 
         height: 30px; 
         border-bottom: 3px solid #fff; 
       }

.menu1 ul li:hover 
       {
         width:auto;
       }

.menu1 ul li a.menu1one:hover   {border-color:#c00; color:#f88;}
.menu1 ul li a.menu1two:hover   {border-color:#c60; color:#fc0;}
.menu1 ul li a.menu1three:hover {border-color:#cc0; color:#cc0;}
.menu1 ul li a.menu1four:hover  {border-color:#080; color:#0e0;}
.menu1 ul li a.menu1five:hover  {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1six:hover   {border-color:#c0c; color:#f8f;}

.menu1 ul li:hover a.menu1one   {border-color:#c00; color:#f88;}
.menu1 ul li:hover a.menu1two   {border-color:#c60; color:#fc0;}
.menu1 ul li:hover a.menu1three {border-color:#cc0; color:#cc0;}
.menu1 ul li:hover a.menu1four  {border-color:#080; color:#0e0;}
.menu1 ul li:hover a.menu1five  {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1six   {border-color:#c0c; color:#f8f;}

.menu1 ul li ul 
      {
        display: none;
      }

.menu1 table 
      {
        margin:  0; 
        border-collapse:  collapse; 
        font-size:  11px; 
        position:  absolute; 
        top:  0; 
        left:  0;
      }

/* specific to non IE browsers */
.menu1 ul li:hover ul 
      {
        display:  block;
        position:  absolute;
        top:  32px;  
        margin-top:  1px;
        left:  0;
        width:  154px;
        border-bottom:  1px solid #000;
      }

.menu1 ul li:hover ul.endstop 
      {
        left:-92px;
      }

.menu1 ul li:hover ul li ul 
      {
        display: none;
      }

.menu1 ul li:hover ul li a 
      {
        display:  block;
        background:  #fff;
        color:  #000;
        height:  auto;
        line-height:  15px;
        padding:  4px 16px; 
        width:  120px; 
        border:  1px solid #000; 
        border-bottom:0;
      }

.menu1 ul li:hover ul li a.drop 
      {
        background:  #ccd url(images/bullet1.gif) no-repeat 3px 8px;
      }

.menu1 ul li:hover ul li a:hover 
      {
        color:  #000; 
        background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
      }

.menu1 ul li:hover ul li a:hover.drop 
      {
        background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
      }

.menu1 ul li:hover ul li:hover ul 
      {
        display:  block; 
        position:  absolute; 
        left:  153px; top:  -1px;
      }

.menu1 ul li:hover ul li:hover ul.left 
      {
        left:  -153px;
      }

/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul 
      {
        display:  block;
        position:  absolute;
        top:  30px; 
        t\op:  33px; 
        background:  #fff;
        left:  0; 
        border-bottom:  1px solid #000;
      }

.menu1 ul li a:hover ul.endstop 
      {
        left: -92px;
      }

.menu1 ul li a:hover ul li a 
      {
        display:  block;
        background:  #fff;
        color:  #000; 
        height:  1px; 
        line-height:  15px; 
        padding:  4px 16px; 
        width:  154px; 
        w\idth: 120px; 
        border:  1px solid #000; 
        border-bottom:0;
      }

.menu1 ul li a:hover ul li a.drop 
      {
        background:  #ccd url(images/bullet1.gif) no-repeat 3px 8px; 
        padding-bottom:4px;
      }

.menu1 ul li a:hover ul li a ul 
      {
        visibility:  hidden; 
        position:  absolute; 
        height:  0; 
        width:  0;
      }

.menu1 ul li a:hover ul li a:hover 
      {
        color:  #000; 
        background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
      }

.menu1 ul li a:hover ul li a:hover.drop 
      {
        background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
      }

.menu1 ul li a:hover ul li a:hover ul 
      {
        visibility:  visible; 
        position:  absolute; 
        top:  0;  
        color:  #000; 
        left:153px;
      }

.menu1 ul li a:hover ul li a:hover ul.left 
      {
        left:-153px;
      }
/* </style> */


/* According to the conditional comment this is Internet Explorer lower or equal to 5.5
<!--[if lte IE 5.5]>
 <style type="text/css">
   .menu1 ul li a, .menu1 ul li a:visited 
      {
        height:  33px;
      }
 </style>
<![endif]--> */