@charset "UTF-8";


/* ------------------------------------------
Reseting
------------------------------------------ */

/* right class holds content in a right highlighted column within the main Column 1 div */
.right
{
   float: none;
   height: auto;
   padding: 20px;
   width: auto;
}

/* left class holds content in a left column within the main Column 1 div */
.left
{
   float: none;
   height: auto;
   padding: 20px;
   width: auto;
}

#faux { width: 650px; }
#wrapper { width: 650px; margin: 0px 0px 0px 0px; }
#siteGuide { display: none; }
#headerContent { }
#footerWrapper { width:650px; background-image: none; background-color: #FFF;  }
.footerContent { width:650px; }

.centretitle
{
   color: #000 !important;
   font-weight: bold;
}
.moduletitle
{
   border-bottom: 1px solid black;
   border-top: 1px solid black;
}

/* ------------------------------------------
Global Styles
------------------------------------------ */

body
{
   margin: 0em;
   padding: 0;
   background: #fff;
   font: 14px/1.5 Helvetica, Arial, sans-serif;
   text-align: left;
   color: #000;
}

a
{
   color: #000 !important;
   text-decoration: none !important;
   font-weight: bold;
}

h1, h2, h3, h4, h5, h6, p
{
   color: #000;
   margin: 0 0 1em;
}

h1 { font-size: 170%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }

.left h3 { margin-top: 1em; }

table
{
   border-collapse: collapse;
   border-spacing: 0;
   margin: 1em 0;
}

caption
{
   text-align: left;
   font-weight: normal;
}

tr.alt { background: #eee; }

th
{
   text-align: left;
   font-weight: bold;
   vertical-align: top;
   padding: 8px 10px;
   border: 1px solid #000;
   background: #000;
   color: #fff;
   font-size: 105%;
}

td
{
   text-align: left;
   font-weight: normal;
   vertical-align: top;
   padding: 8px 10px;
   border: 1px solid #bbb;
}

th p, td p
{
   margin: 0;
   padding: 0;
   line-height: 1.2;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
fieldset,img, abbr { border: 0; }

/* ------------------------------------------
Blocks
------------------------------------------ */

#skipnav { display: none; }
#top { display: none; }


/* hide show crest depending on printing or not */

.printlogo { display:block !important; padding-bottom: 3em; }

.logo { display:none; }


/* ------------------------------------------
     Hide areas as required for print
------------------------------------------ */

#ctl00_authoringcontrols { display: none; }

.floatSearch { display: none; }
#headerMenu { display: none; }
#faux { overflow: visible; }
#leftcolumn {  }
#banner { display: none; }
.left { }
.right { }
#rightcolumn { display: none; }

#footer
{
   margin: 2em 0;
   padding: 1em 0 0;
   border-top: 1px solid #000;
   width:650px;
}

.footerContentColumn1 { display: none; }
.footerContentColumn2 { display: none; }
.footerContentColumn3 { width:400px; float:left;}

.footerContentColumn3 ul
{
   margin: 0;
   padding: 0;
}

.footerContentColumn3 li
{
   position: absolute;
   left: -500em;
}

.footerContentColumn3 li.copyright
{
   position: static;
   left: 0;
   list-style-type: none;
   margin: 0;
   padding: 0;
}


.summary { margin-left: 100px; }

.feature
{
   margin: 0;
   border: solid 1px #999;
   padding: 2px;
}

.thumb
{
   clear: left;
   float: left;
   margin: 0;
   border: solid 1px #999;
   padding: 2px;
}

img.floatRightClear
{
   float: right;
   clear: right;
   margin: 4px;
   border: solid 1px #333;
   background: #FFF;
   margin-bottom: 10px;
   padding: 2px;
}

div.content p span a span
{
   text-transform: none!important;
   border: dotted 1px red;
}


a.righttitle { display: none; }

/* ------------------------------------------
Image Gallary Styles
------------------------------------------ */

.thumbnailviewer { margin-top: 35px; }

.thumbnailviewerImage
{
   display: inline;
   padding-bottom: 10px;
   padding-right: 15px;
}

.thumbnailviewerImage img
{
   height: 90px;
   width: 90px;
   padding: 2px 2px 2px 2px;
   border: 1px #ccc solid;
}

/* ------------------------------------------
PhotoGalleryViewer
------------------------------------------ */

.Imageviewerimage { }

.Imageviewerimage
{
   display: block;
   width: 60%;
   margin-left: auto;
   margin-right: auto;
   border: 1px #ccc solid;
   padding: 2px 2px 2px 2px;
}

.Imageviewerimage img
{
   display: block;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

/* ------------------------------------------
END Image Gallary Styles
------------------------------------------ */

/* ------------------------------------------
Styling for paging
------------------------------------------ */

.nav
{
   background: #eee;
   border-top: 1px solid #ccc;
   padding: 5px;
}

.nav a { padding: 0 5px; }

.nav a.highlight
{
   color: #000;
   font-weight: bold;
}

/* ------------------------------------------
END Styling for paging
------------------------------------------ */

/* ------------------------------------------
For Projects Sub sites
------------------------------------------ */

.project { background-color: #fff; }

.project-left
{
   float: left;
   display: block;
   padding: 20px;
   width: 300px;
}

.project-right-wrap
{
   display: block;
   padding: 20px;
   float: right;
   width: 260px;
}

.project-right { float: left; }

/*-------------------------------------------------------------
For Corporate.Sharepoint.WebControls.FlashPlayer Control
Add to master.css as required
---------------------------------------------------------------*/

.PlayerFile .ms-formtable { width: 590px; }
.PlayerFile .ms-caption { width: 160px; }

#dynamicFlashPlayerEditArea .ms-assethyperlinkdialog-longtextbox
{
   width: 310px;
   padding: 1px;
}

#dynamicFlashPlayerEditArea .dynTextboxLong { }
#dynamicFlashPlayerEditArea .dynTextboxShort { width: 150px; }
.PlayerFile .videoType { width: 150px; }

.PlayerFile #videoSupportingContentCaptions P,
.PlayerFile #videoSupportingContentTranscripts P
{
   padding-top: 5px;
   padding-bottom: 5px;
}

