/* Stuff from the cssmenu */

body { color:#000; background:#ddd; font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif; }
body, table, img, button, iframe, ul, li  { margin:0; padding:0; border:0; }
table { text-align:left; }
iframe { width:0; height:0 }

ul { margin-left:20px; }       /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          /* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; }     /* tighter list for simple bullets */


/* our default page-width div */
.pagecontainer { width:85%; text-align:left; font-size:10pt;}

/* Page content */
div.pagecontent {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding: 10px
    width: 1020px;
    width/* */:/**/1000px;
    width:/**/1000px;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    border-color: #cccccc;
    background: #fff;
}

/* Mast head */
div.masthead img.Freedom {
    float: right;
    margin: 5px 15px 0px 0px;
/*    margin: 0px; */
}

div.masthead img.lstrip {
    float: left;
    margin: 0px;
}

div.masthead img.rstrip {
    float: right;
    position: relative;
    top: -25px;
    margin: 0px;
}

div.mastheadstrip {
    height:25px;
    overflow: hidden;
}



/* Menu. Most of this is in menu.css, but there is some wrapping to do */
div.menu_wrap {
    padding-left: 10px;
    padding-right: 0px;
    height: 19px; /* Menu height is 18px plus one for the border */
    width: 990px;
    margin-left: 0px;
    margin-right: 0px;
    background: #3f3f3f;
/*    overflow: hidden; */
}

/* General */

div.clr {
  clear: both;
}

/* Home Page: main setup */
div.main {
    margin-left: 15px;
    margin-right: 15px;
}

div.main_fixed {
    margin-left: auto;
    margin-right: auto;
    width: 830px;
    align: centre;
}

/* Home page: main left and right */
div.main_left_outer {
    width: 50%;
    float: left;
    margin-top: 15px;
    margin-left: 0px;
}

div.main_left {
   margin-left: 0px;
   margin-right: 7px;
}

div.main_right_outer {
    width: 50%;
    float: right;
    margin-top: 15px;
    margin-right: 0px;
}

div.main_right {
    margin-left: 7px;
    margin-right: 0px;
}

/* Home page: features */

div.std_feat img {
    float: left;
    width: 50%;
/*    border: #000 solid 1px; */
}

/* div.shim {
    position: relative;
    left: -1px;
    width: -1px;
}*/

div.shimi {
    min-height:1px;
    clear: both;
}

/* Coming up... Event highlights */
div.event_hl_wrap {
    margin-top: 15px;
    width: 476px;
    border: #000 solid 1px;
}

div.event_highlights {
    margin: 10px;
}

div.event_highlights h2 {
    margin-top: 0px;
    margin-bottom: 6pt;
}

div.event_highlight {
    height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: trebuchet,arial,helvetica;
    font-size: 13px;
    line-height: 16px;
    background: #cccccc;
    margin-bottom: 10px;
}

div.event_highlight img {
    height: 75px;
    width: 155px;
    float: left;
}

div.event_highlight_txt {
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: trebuchet,arial,helvetica;
    font-size: 11px;
    line-height: 13px;
    margin-top: 5px;
    height: 64px;
    margin-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    background: #cccccc;
}

div.event_highlight p {
    margin: 0px;
}

div.event_highlight_title {
    font-weight: bold;
}

/* Counter-semantic kludge to allow event highlight title and text to appear in same anchor source */
span.event_highlight_title {
    font-weight: bold;
    display: block;
}

/* Vision */
/* This will be a swf one day */
div.main_right img {
    width: 100%;
}

div.main_right object {
/*    width: 500;
    height: 500;
    position: relative;
    z-index: -1; */
}

div.shortcuts {
    margin: 0px;
}

div.shortcut_l {
    float: left;
    width: 48%;
    height: 21%;
    margin-top: 10px;
}

div.shortcut_r {
    float: right;
    width: 48%;
    height: 21%;
    margin-top: 10px;
}

/*div.shortcut_r img {
    float: right;
}*/

/* Legal */
div.legal {
    clear: both;
    margin-top: 7px;
    font-size: 10px;
    color: #7f7f7f;
    text-align: center;
}

/* Staff page */
div.staffmember {
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 10px;
    color: #000;
    text-align: left;
}

div.staffmemberpic {
    float: left;
    width: 40%;
}

div.staffmemberpic img {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 125px;
    height: 95px;
    float: right;
}

div.staffmemberdetails {
    float: left;
    width: 48%;
    margin-left: 2%;
}

p.stafftitle {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: left;
}

p.staffdescription {
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: normal;
    text-align: left;
}

/* Diary page */
div.diaryentry {
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 10px;
    color: #000;
    text-align: left;
}

div.diaryentrypic {
    float: left;
    width: 40%;
}

div.diaryentrypic img {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 155px;
    height: 75px;
    float: right;
}

div.diaryentrydetails {
    float: left;
    width: 48%;
    margin-left: 2%;
}

p.diaryentrytitle a:link,
p.diaryentrytitle a:visited,
p.diaryentrytitle {
    margin-top: 5px;
    margin-bottom: 0px;
    font-weight: bold;
    text-align: left;
    color: #000;
    text-decoration: none;
}

p.diaryentrytitle a:active,
p.diaryentrytitle a:hover {
    margin-top: 5px;
    margin-bottom: 0px;
    font-weight: bold;
    text-align: left;
    color: #777;
    text-decoration: none;
}

p.diaryentrydescription {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: left;
    color: #000;
}

a:link {
    color: #000;
    text-decoration: none;
}

a:visited {
    color: #000;
    text-decoration: none;
}

a:active {
    color: #777777;
    text-decoration: none;
}

a:hover {
    color: #777777;
    text-decoration: none;
}


/* Generic Pages */

div.contentblock {
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 10px;
    color: #000;
    text-align: left;
}

div.contentblockpic {
    float: left;
    width: 40%;
}

div.contentblockpic img {
    margin-top: 5px;
    margin-bottom: 5px;
    width: auto;
    max-width: 90%;
/*    height: 95px; */
    float: right;
}

div.contentblocktext {
    float: left;
    width: 48%;
    margin-left: 2%;
}

div.status {
    text-align: center;
    color: red;
    font-size: 10px;
}