/* ******** Generic Tags ********** */
body 
{
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:80%;
    text-align:left;
}
div .div-table
{
    display:inline-block;
    width:100%;
    clear:both;
    border: none;
}
div .div-tr
{
    width:100%;
    clear:both;
    border: none;
    text-align:justify;
}
div .div-td, div .div-th
{
    display:inline-block;
    margin : 4px;
    float: left;
    text-align:left;
}
img
{	
    border: none;
}

/* ******** End Generic Tags ********** */

/* ******** Header ********** */
.pnlHeaderWithLogo
{
	text-align: center;
	clear: both; 
    background: #ffffff url("http://www.ppd.stfc.ac.uk/PPD/images/stfcHeader.jpg") no-repeat;
    width: 100%;  
}	

#imgLogo 
{
    height: 30px; 
    width: 111px; 
    margin-left: 3px; 
    margin-top: 8px; 
    float: left;
    clear: both;
}	

#site-logo
{
    height: 90px; 
    float: left;
    margin-top: 10px; 
    margin-left: 5px; 
    text-align: left;
}

#imgStrip 
{
    text-align: right; 
    background-color: #e8e8e8; 
    margin-top: 0px; 
    margin-right: 0px; 
    float: left;
}

/* ******** End Header ********** */

/* ******** Search Box ********** */
.search-box
{
    margin-top: 9px;
    margin-right: 10px;
    width: auto;
    height: auto;
    float: right;
}
.search-input 
{
	font-size: 100%;
	color: #4A5364;
}
/* ******** End Box ********** */

/* ******** Footer ********** */
.pnlBottomContent 
{
	padding-top: 20px;
	clear: both; 
	text-align: left;
}

.footer
{
	text-align: center;
    margin-top: 30px;
	height:160px;
}

.footer-address-left
{
	float: left;
	width:210px;
    padding-top:30px;
}
.footer-address, .footer-address-left
{
	text-align: center;
	font-size: 0.8em;
	color: #434b4c;
	float: left;
}
.footer-address
{
	float: left;
    margin-left:10px;
	width: 590px;
}

.footer-address-right
{
	padding-top: 40px;
	width: 185px;
	float: right;

}

.footer-links
{
    clear: both;

	text-align: center;
	padding-top: 20px;
}

.footer-links a {font-family: arial, verdana, helvetica; font-weight: bolder; color: #67686a; text-decoration: none;}
.footer-links a:active {text-decoration: none; color: #ffffff; background-color: #3366cc;}	
.footer-links a:link {text-decoration: none;}	
.footer-links a:visited {text-decoration: none;}	
.footer-links a:hover {text-decoration: underline;}

/* ******** End Footer ********** */


/* ******** Content Area ********** */

.pnlCentreColumn-with-right-menu, .pnlCentreColumnFullWidth
{
    width: 590px;
    float: left;
    margin-bottom: 70px;
    margin-left: 15px;
    text-align: left;
}
.pnlCentreColumnFullWidth
{
    width: 770px;
}

.content-with-right-menu a
{
    color: #003399;
    text-decoration:none;
}
.content-with-right-menu a:hover
{
    text-decoration:underline;
}

.content-full-width img
{
    margin: 0px;
}
.content-with-right-menu
{
    width: 600px;
}
.pnlCentreColumn h1
{
    text-align: left;
}
/* ******** End Content Area ********** */

/* ******** Navigation Menu ********** */
.aH
{
    padding-left: 10px;
    padding-top: 2px;
    background: url("/ASTeC/images/bracketGrey.jpg") no-repeat;
    height: 31px;
}


span.aL 
{
    font-weight: bold; 
    color: #3366cc;
}
span.aH 
{
    font-weight: bold; 
    color: #464646;
}

.menu, .active-menu
{
    width: 95%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 5px;
    text-align: left;
    padding-left: 9px;
    background: transparent url(/ASTeC/images/arrow-gray.gif) no-repeat 0px 5px;
    border-bottom: 1px dotted #666666;    
    font-size: 120%;    
    overflow:hidden;
}
.mTags
{
    font-size: 70%;    
}
.active-menu
{
    background: transparent url(/ASTeC/images/menu-arrow.gif) no-repeat 0px 7px;
}
.active-menu a
{
    color: #464646;
    font-weight: bolder;
    font-family:arial,verdana,helvetica;
}


.menu a
{
    color: #3366CC;
    font-family:arial,verdana,helvetica;
    font-weight:bolder;    
}
.menu-items
{
    margin-bottom: 5px;
    text-align: left;
    font-size: 80%;
}
a.menudocument, a.menudocument-active
{
    display: block;
    background: transparent url(/ASTeC/images/dot-gray.gif) no-repeat 0px 4px;
    padding-left: 7px; 
    color: #1F527B;
    font-weight: normal;
}
a.menudocument-active
{
    color: #464646;
    font-family:arial,verdana,helvetica;
    font-weight: bolder;
}
a.menulevel, a.menulevel-active
{
    display: block;
    background: transparent url(/ASTeC/images/arrow-gray.gif) no-repeat 0px 5px;
    padding-left: 8px; 
    margin: 3px 0 3px 0;
    font-weight: bolder;
    color: #3366CC;
}
a.menulevel-active 
{
    background: transparent url(/ASTeC/images/menu-arrow.gif) no-repeat 0px 7px;
    color:#464646;
    font-weight: bolder;
}

/*  Menu level 2 */
div.menulevel-2
{
    margin-top: 3px; 
    margin-left: 4px; 
    font-size: 80%;
}
div.menulevel-2-active
{
    padding: 4px 2px 4px 2px; 
    background:#EFEFEF none repeat;
    font-size: 80%;
}

/*  Menu level 3-5 */
div.menulevel-3, div.menulevel-3-active,div.menulevel-4, div.menulevel-4-active
{
    margin-top: 3px; 
    margin-left: 7px; 
}
div.menulevel-3-active,div.menulevel-4-active,div.menulevel-5-active
{
    background:#EFEFEF none repeat
}

div.menulevel-5, div.menulevel-5-active
{
    margin-top: 4px; 
    margin-left: 0px; 
}

/* ******** End LH Menu ********** */

/* ******** RH Navigation Menu ********** */

.menu-righthand
{
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 3px; 
    margin-left: 7px; 
    font-size: 90%;
}
div.white-space
{
    width: 100%;
    height: 15px;
    background:#FFFFFF;
}

.menu-print
{
    clear: both;
    display: block;
    padding-top: 20px; 
    border:0;
}
.menu-print img
{
    margin: 0 5px 0 0; 
    border:0;
}

.news-links
{
    float: right;
    clear : both;
    margin: 10px 5px 10px 5px;
    display: inline-block;
}
.news-links img
{
    margin:0; 
    border:0;
}
/* ******** END RH Navigation Menu ********** */




ul.sys_simpleListMenu li
{
    background: url(/ASTeC/images/lh-menu.jpg) no-repeat;
}

img.photo
{
    width: 133px; 
    height: 177px; 
    border: none;
    text-align:right;
    float: right;
}


.copyright
{
    margin-top:50px;
}

#sideMenuContainer
{
    text-align:left;
}



/* ******** Page Areas  ********** */
.pnlLeftColumn, #pnlLeftColumn
{
    float: left; 
    margin-top: 30px; 
    margin-left: 10px; 
    background-color: #fcfcfc;
	clear:left;
	width:185px;
	text-align:center;
}
.pnlCentreColumn, #pnlCentreColumn 
{
    float: left; 
    margin-top: 5px; 
    width: 770px; 
    margin-left: 25px;
    overflow: hidden;
}
.pnlRightColumn, #pnlRightColumn 
{
    float: right;
}


#pnlPf {
    margin-left: 0px; 
    height:90px; 
    width: 220px; 
    margin-top: 0px; 
    margin-right: 0px; 
    float: left; 
    background-color: #e8e8e8;
}



div.stoat-link
{
    clear: both;
    padding-top: 50px;
}

.left-nav
{
    width: 160px;
    float: left;
    text-align:center;
    padding-top: 15px;
    padding-left: 5px;
    margin-right: 10px;
}
.right-nav
{
    float:right;
    width: 165px;
    background: #EFEFEF;
    margin-top: 0px;    
    margin-right:10px;    
}
.rh-nav-header
{
    clear: left;
    color: #ffffff;
    font-size: 125%;
    font-family: Verdana, Arial,Helvetica,sans-serif;    
    text-indent: 10px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 2px;
    background: #4b5366 url("/ASTeC/images/related-articles.jpg") no-repeat;
    height: 30px;
    width: 180px;
}

/* ******** Events List  ********** */

.events-calendar
{
    margin-top: 10px;
    margin-bottom: 30px;
    text-align:center;
    width: 550px;
    border-top: 1px solid #000000;
}


.year-data
{
    padding: 3px 0 0 0;
    border-bottom: 1px solid #000000;
    background-color: #1F527B;
    background-color:#EFEFEF;
    height: 25px;
    text-align:center;
}


.event-year, .event-month, .event-month-active
{
    float:left;
    display:block;
    width: 40px;
    margin: 2px 0px 2px 0px;
    text-align:center;
}
.event-year
{
    clear: left;
    font-weight:bolder;
    background-color: #1F527B;
    color: #ffffff;
}
.event-month-active
{
    font-weight: bolder;
}


ul.events-vert-list
{
    padding-top: 0px;
    padding-left: 0px;
    margin-left: 20px;
    padding-right: 4px;
    list-style-type: square;
}
li.events-month-header
{
    font-weight:bolder;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    list-style-type: none;
    margin-left: -20px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* ******** Home News ********** */
.news-image-right
{
    float: right;
}
.news-image-left
{
    float: left;
}
.news-image
{
    height:90px;
    width: 90px;
}

.dataBlockR, .dataBlockL
{
    background-color:#FCFCFC;
    border-bottom:1px dotted #662F2F;
    color:#453E3E;
    float:right;
    font-size:90%;
    height:90px;
    width:670px;
}
.dataBlockL
{
    float:left;
}
.warnings
{
    font-weight: bolder;
    font-size: 1.1em;
    color: #800000;
}
.hidden
{
    visibility: hidden;
    display: none;
}

/* ******** Partner News ********** */
.partnerNewsLeft
{
    float: left; 
    width: 100px;
}
.partnerNewsRight
{
    float: left; 
    width: 400px;
}
.partnerNewsPostedDate
{
    font-size: 80%; 
    font-weight: bold;
}

.moreNewsLeft
{
	font-size: 80%;
	font-family: arial, helvetica, sans-serif;
	float: left; 
	width: 100px;
	text-decoration: none;
	color: #3366cc;
}
.moreNewsRight
{
	font-size: 80%;
	font-family: arial, helvetica, sans-serif;
	float: left; 
	width: 400px;
	text-decoration: none;
	color: #3366cc;
}


/* ******** General ********** */
.right
{
    float: right; 
}

.FBook
{
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 5px;
    text-align: left;
    padding-left: 9px;
    overflow:hidden;
}


/* ******** End Page Areas  ********** */