@charset "utf-8";
/* CSS Document */
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

img {
	border: none;
}

body {
	font: 100% verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	background-image: url(../images/BG.jpg);
	background-color: #FE7D06;
	background-repeat: repeat-x;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center; /* Centers the page content container in IE 5 browsers. */
}
/* Commonly used to style page titles. */
h1 {
	color: #265DB8;
	font-size: 145%;
	font-weight: bold;
	padding-bottom: 0.5em;
}

/* Commonly used to style section titles. */
h2 {
	color: #265DB8;
	font-size: 130%;
	font-weight: bold;
	line-height: 2em;
}
h3 {
	color: #3066C8;
	font-size: 120%;
	font-weight: bold;
	line-height: 130%;
}
h4 {
	font-weight: bold;
	color: #666666;
	font-size: 100%;
}

#main p {
	font-size: 12px;
	line-height: 1.5;
}
#main li {
	font-size: small;
	line-height: 1.5em;

}
/* Sets the style for unvisited links. */
a,  a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #000;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #000;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #000;
}
/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. */
#outerWrapper {
	margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: justify; /* Redefines the text alignment defined by the body element. */
	width: 960px;
	background-image: url(../images/mainBG.gif);
	background-color: #376ED2;
}
#outerWrapper #contentWrapper #rightColumn {
	float: right;
	padding: 0 10px 0 0;
	width: 345px;
	margin-right: 7px;
	background-image: url(../images/rightColBG.gif);
	background-repeat: repeat-x;
}

/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
	margin: 0 362px 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0px 10px;
	margin-left: 3px;
	background-image: url(../images/rightColBG.gif);
	background-repeat: repeat-x;
}

#outerWrapper #contentWrapper #content #main { /* Tab1 denotes possible method for Sectional Style Switcher within single CSS document */
	background-color: #FFFFFF;
	padding: 10px;
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 0px;
	margin: 0;
}

.clearFloat   {
	clear: both;
	display: block;
}

/* Header Section Begins */
#header   {
	background-image: url(../images/headerBG.jpg);
	background-repeat: no-repeat;
	height: 97px;
	padding-left: 15px;
	background-color: #2D63C3;
}

#logo {
	text-indent:-8000px;
	height:94px;
	background:no-repeat 0 0;
	background-image: url(../images/logo.jpg);
	background-color: #386ED2;
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	height: 94px;
	width: 111px;
}
#logo a {
	display:block;
	height:94px;
	width: 111px;
}
#siteID {
	margin-left: 125px;
	padding-top: 23px;
	color: #FFFFFF;
}
#siteName {
	font-size: x-large;
	font-weight: bolder;
}
#siteTag {
	font-size: 125%;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* Header Section Ends */	

/* Navigation Begins */
/* Sectional Navigation Section Begins */

#tabnav {
	float: left;
	width: 100%;
	height: 37px;
	background-image: url(../images/navigation.jpg);
	background-repeat: no-repeat;
	padding-top: 9px;
	padding-bottom: 15px;
	background-color: #CDCDCD;
    }
#tabnav ul {
	margin:0;
	padding:4px 10px 6px 10px;
	list-style:none;
    }
#tabnav li {
	float:left;
	margin:0;
	padding:0;
	padding-left: 5px;
	
}	
#tabnav a {
    display:block;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
	-moz-border-radius-topright: 6px;	
	-moz-border-radius-topleft: 6px;
	-webkit-border-radius-topright: 6px;
	-webkit-border-radius-topleft: 6px;
}

/* Multi coloured Tabs Begin */

#tabnav li.tab1 a {
	background-color: #FFFFFF;
	color: #184FA9;
	margin-right: 0px;
	text-decoration: none;
	padding: 10px 20px 10px 20px;
}
#tabnav li.tab1 a:hover { 

}
#tabnav li.tab2 a {
	padding: 10px 20px 10px 20px; 
	color: #fff; 
	margin-right: 0px; 
	text-decoration: none;
	background-color: #66cc33;
}
#tabnav li.tab2 a:hover { /* settings for hover effect */
	background-color: #F6CB1A;
	color: #005273;
}
#tabnav li.tab3 a {
	padding: 10px 20px 10px 20px; 
	background-color: #66cccc; 
	color: #fff; 
	margin-right: 0px; 
	text-decoration: none;
}
#tabnav li.tab3 a:hover {
	background-color: #F6CB1A;
	color: #005273;
}
#tabnav li.tab4 a {
	padding: 10px 20px 10px 20px; 
	background-color: #6DA3ED; 
	color: #fff; 
	margin-right: 0px; 
	text-decoration: none;
}
#tabnav li.tab4 a:hover { 
	background-color: #F6CB1A;
	color: #005273;
}
#tabnav li.tab5 a {
	padding: 10px 20px 10px 20px; 
	background-color: #669999;
	color: #fff; 
	margin-right: 0px;
	text-decoration: none;
}
#tabnav li.tab5 a:hover {
	background-color: #F6CB1A;
	color: #005273;
}

/* Multi Coloured Tabs End */
/* Sectional Navigation Section Ends */

/* Departmental Navigation Section Begins*/

#navDept{
	font-size: 110%;
	line-height: 2em;
	padding: 0;
	margin: 0;
	padding-right: 10px;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 15px;
}
.midButton {
	padding-left: 25px;
	padding: 0 25px;
}
#navDept li {
	margin: 0;
	padding: 2px 0;
}
#navDept li a{
	display: block;
	width: 98%;
	color: #003366;
	text-decoration: none;
	padding: 6px 5px 6px 10px;
	background-color: #9EBEFF;
	background-image: url(../young/images/sideNavBG.gif);
	background-repeat: repeat-x;
	font-weight: bolder;
	border: 1px solid #3366cc;
}
#navDept li a.selected {
	color: #FFFFFF;
	font-weight: bolder;
	background-image: url(../young/images/sideNavSelectedBG.gif);
}
#navDept li a:hover {
	color: #FFFFFF;
	background-color: #5689EF;
	background-image: url(none);
}

/* Departmental Navigation Section Ends*/
/* Additional ZenCart Account Nav Space */

#accountNav {
	background-image: url(../images/shopNavBG.jpg);
	background-repeat: no-repeat;
	height: 35px;
	margin: 0px;
	padding: 0px;
}

/* Navigation Ends */

/* Footer Section Begins */

#footerWrapper {
	background-color: #4C83E8;
	background-image: url(../images/footerWrapperBG.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}
#footer  {
	background-color: #333333;
	background-image: url(../images/footer_BG.jpg);
	margin: 0 auto;
	background-repeat: no-repeat;
	width: 960px;
	padding: 0;
}
#footer  p  {
	margin: 0;
	padding: 0px;

}
#footer #footLeft {
	width: 420px;
	margin-right: 500px;
	padding-top: 10px;
	padding-bottom: 5px;
	background-color: #FFFEFA;
	margin-left: 15px;
	background-repeat: repeat-x;
	text-align: left;
	padding-left: 5px;
	padding-right: 20px;
	margin-bottom: 5px; /* this controls the position of the tertiary nav */
}

.rss {
	float: left;
	padding-right: 10px;
}
#footer #footRight {
	width: 435px;
	float: right;
	margin-right: 19px;
	padding: 15px 10px;
	background-color: #FCFDFE;
	background-repeat: repeat-x;
	text-align: left;
}
.addThis {
	float: left;
	padding: 2px 10px 20px 0;
}

/* Footer Section Ends*/

/* Table Styling*/
.SFPtable {
	border:1px solid #000;
	margin-bottom: 10px;
	margin-top: 20px;
	width: 100%;
}
.SFPtable td,.SFPtable th{
	border: 1px solid #000;
	border-collapse: collapse;
	padding: 4px;
	font-weight: normal;
}
.SFPtable thead tr  {
	background-color: #74DADA;
}
.SFPtable th {

}
.colparent,.colyouth,.colfamily,.colauthor {
	width:30%;
}
.colpublication{
	width:60%;
}

/* EOF Table Styling*/
/* BOF Video Styling*/

.vidgallery {
	padding: 1em;
	border: dashed black 1px;
	margin: 10px auto;
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
}
.vidgallery p {
	text-align: center;
}

#vidgallerySML {
	padding: 1em;
	border: dashed black 1px;
	margin: 10px auto;
	text-align: center;
	background-color: #FFFFCC;
	background-image: url(../images/vidBG.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#vidgallerySML p {
	text-align: center;
}

#slideshow {
	background-color: #CDCDCD;
	width: 345px;
	height: 345px;
	background-image: url(../images/photos/homepage.jpg);

}
/* EOF Video Styling*/

#signup {
	background-image: url(../images/newsletterBG.gif);
	background-repeat: repeat-x;
	border: 1px solid #3366cc;
	padding: 10px;
	background-color: #FDC029;
}
#imageShow {
	background-color: #CCCCCC;
	height: 345px;
}
#newsBox {
	background-color: #FFFFFF;
	margin-top: 20px;
	border: 1px gray solid;
	border-color: #999999;
}

#quickLynx {
	position:relative;
	left:0;
	top:0;
	padding: 0px 10px 10px 10px;
}
#quickLynx  img {
	padding: 10px 10px 10px 12px;
}
#quickLynx   h2 {
	padding-left: 10px;
	padding-bottom: 10px;
}
#newsBox h3 {
	background-color: #CDCDCD;
	padding: 10px;
	color: #333333;
}

#newsBox p {
	padding: 5px;
	line-height: 1.5em;
	margin: 5px;
	color: #FFFFFF;
}
.famNews {
	background-color: #66CC33;
}
.siteNews {
	background-color: #F4E21E;
	color: #000000;
}
#newsBox .siteNews {
	color: #000000;
}

.pracNews {
	background-color: #66CCCC;
}
.acadNews {
	background-color: #669999;
}
#tertiaryNav  {
	color: #FFFFFF;
	padding: 5px;
	margin: 0;
}
#tertiaryNav a {
	color: #FFFFFF;
}
#tertiaryNav p {
	color: #FFFFFF;
	text-align: left;
	padding: 20px 15px 15px 20px;
	margin: 0px;
}
.left {
	float: left;
	padding-right: 20px;
	padding-top: 10px;
}
.right {
	float: right;
	padding-left: 10px;
}
.style1 {color: #FF0000}
.publication {color: #666666}
.graphBox {
	background-color: #609393;
}
.quote {
	background-image: url(../images/quote.gif);
	background-position: top left;
	padding: 10px 40px;
	background-color: #FE6F05;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.blue {
	color: #003399;
}
hr {
	border: none 0;
	border-top: 1px dashed #000;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#content label  {
   display:block;
}
.address {
	background-color: #FFF;
	border: 1px solid grey;
}
.address p{
	font-size: 14px;
	line-height: 1.25em;
	margin: 0px;
	padding: 5px 8px;
}
.SFPtable tbody {
	text-align: left;
}
.leftAlign {
	text-align: left;
}
.emphasis {
	font-weight: bold;
	color: #F60;
}
.conferenceHead {
	color: #FFF;
	background-color: #99F;
}
.conferenceHilite {
	color: #FFF;
	background-color: #6CF;
}
.conferenceWorkshop {
	color: #000;
	background-color: #FF6;
}


.infoPDFs {
	background-color: #FFF;
	border: 1px solid grey;
	margin-top: 10px;
}
.infoPDFs h3 {
	background-color: #7098CB;
	padding: 10px;
	color: #F4E21E;
	text-align: center;
}
.infoPDFs p{
	font-size: small;
	margin: 0px;
	padding: 5px 8px;
	text-align: center;
}
.infoPDFs p a     {
	font-size: small;
}
.vidgallery a {
	color: #3D73D7;
}