/*/////////////////////////////////////////////////////////////////////
	Site
/////////////////////////////////////////////////////////////////////*/

	body {
		background-position:top center;
		background-repeat:repeat-x;
		background-color:#fdfdfd;
	}
		#wrapper {
			background-position:top center;
			background-repeat:no-repeat;
			min-width:996px;
		}

    #jscript-placeholder {
        margin: 0 0 11px 0;
	}

    /* shared */
    html, body {
        background: #fff url(../../images/layout/header-page-bg-groups.jpg) 0 0 repeat-x;
    }
    body {
        background: url(../../images/layout/header-page-bg-groups.jpg) 0 0 repeat-x;
        font-family: Arial, Helvetica, sans-serif;
		min-width:996px;
        }
    #container {
        position: relative; z-index: 10;
        width: 1000px;
        margin: 0 auto;
        }
    #header {
        position: relative;
        height: 109px;
        }
	
/*/////////////////////////////////////////////////////////////////////
	Colours & Active tabs
/////////////////////////////////////////////////////////////////////*/

        #header a#logo {
            background-image:url(../../images/layout/logo.png);
        }
        body.default #header ul#nav li.home a {
            background:none;
        }
			
	
	
/*/////////////////////////////////////////////////////////////////////
	Header
/////////////////////////////////////////////////////////////////////*/


   /**
    *	=header
    */
    #header a#logo {
        height: 70px; width: 161px;
        display: block;
        position: absolute; left: 20px; top: 18px;
        text-indent: -9999px;
        background: url(../../images/layout/header/logo.png) no-repeat scroll 0 0px transparent;
		overflow:hidden;
		outline:0;
        }
    #header .inner {
        height: 107px; width: 996px;
        z-index: 1;
        margin: 0 auto;
        background: url(../../images/layout/header/header-pattern-bg.png) no-repeat scroll 0px -59px transparent;
	}
    #quicklinks {
        position: absolute;
        right: 0;
        top: 7px;
    }
    #quicklinks li {
        height: 17px;
        float: left;
        margin: 0 10px 0 0; padding: 0 10px 0 0;
        font-size: 1.1em;
        line-height: 17px;
        list-style: none outside none;
        background: url(../../images/misc/divide-line.gif) no-repeat scroll right top transparent;
    }
    #quicklinks li.l {
        background: none;
    }
    
    #quicklinks li form #btnheadlogout {
        
			display:inline-block;
			color:#d6d5d3;
			border:0;
			font-size:1em;
			line-height:17px;
			height:17px;
			background:transparent;
			margin:0;
			 padding: 0 0 2px;
			cursor:pointer;
		}
    #quicklinks li a {
    color: #D6D5D3;
    display: inline-block;
    height: 17px;
    text-decoration: none;
}
    #quicklinks li a:hover,
    #quicklinks li input#btnheadlogout:hover {
        border-bottom: 1px solid #999;
	}

    /**
    * =nav
    * @section Navigation
    * --------------------------------------------------------------------------------------------------
    */

		ul#nav {
			position: absolute; top: 51px; right: 7px;
			height: 40px;
			}
		ul#nav-bar_grey,
		ul#nav li {
			list-style: none;
			}
		ul#nav li {
			float: left;
			}
		ul#nav li a {
			display: block;
			text-indent: -9999px;
			}

		ul#nav li,
		ul#nav li a {
			width: 107px; height: 37px;
			background:url(../../images/layout/header/nav-new.gif?v=1);
            overflow:hidden;
			}

/* link-specific */
		/*----------------------------------------------------------
			eLibrary
		*/
			ul#nav li#btn-elibrary,
			ul#nav li#btn-elibrary a {
				width: 89px;
				background-position: -317px 0;
			}
			ul#nav li#btn-elibrary a:hover,
			ul#nav li#btn-elibrary a:focus,
			ul#nav li#btn-elibrary a:active {
				background-position: -317px -40px;
			}
			ul#nav li#btn-elibrary a:active {
				background-position: -317px -80px;
			}
			ul#nav li#btn-elibrary.active a {
				background-position: -317px -120px;
			}
		/* link-specific */
		/*----------------------------------------------------------
			Events
		*/
			ul#nav li#btn-events,
			ul#nav li#btn-events a {
				width: 83px;
				background-position: -486px 0;
			}
			ul#nav li#btn-events a:hover,
			ul#nav li#btn-events a:focus,
			ul#nav li#btn-events a:active {
				background-position: -486px -40px;
			}
			ul#nav li#btn-events a:active {
				background-position: -486px -80px;
			}
			.nav-event ul#nav li#btn-events a {
				background-position: -486px -120px;
			}
		/*----------------------------------------------------------
			Community
		*/
			ul#nav li#btn-community,
			ul#nav li#btn-community a {
				width: 111px;
				background-position: -206px 0;
			}
			ul#nav li#btn-community a:hover,
			ul#nav li#btn-community a:focus,
			ul#nav li#btn-community a:active {
				background-position: -206px -40px;
			}
			ul#nav li#btn-community a:active {
				background-position: -206px -80px;
			}
			ul#nav li#btn-community.active a {
				background-position: -206px -80px;
			}
		/*----------------------------------------------------------
			What we offer
		*/

			ul#nav li#btn-offer,
			ul#nav li#btn-offer a {
				width: 128px;
				background-position: 0px 0;
			}
			ul#nav li#btn-offer a:hover,
			ul#nav li#btn-offer a:focus,
			ul#nav li#btn-offer a:active {
				background-position: 0px -40px;
			}
			ul#nav li#btn-offer a:active {
				background-position: 0px -80px;
			}
			.what-we-offer ul#nav li#btn-offer a {
				background-position: 0px -120px;
			}
		/*----------------------------------------------------------
			STEM
		*/
			ul#nav li#btn-stem,
			ul#nav li#btn-stem a {
				width: 75px;
				background-position: -128px 0;
			}
			ul#nav li#btn-stem a:hover,
			ul#nav li#btn-stem a:focus,
			ul#nav li#btn-stem a:active {
				background-position: -128px -40px;
			}
			ul#nav li#btn-stem a:active {
				background-position: -128px -80px;
			}
			.stem-programme ul#nav li#btn-stem a {
				background-position: -128px -120px;
			}
		/*----------------------------------------------------------
			Blog
		*/
			ul#nav li#btn-blog,
			ul#nav li#btn-blog a {
				width: 73px;
				background-position: -569px 0;
			}
			ul#nav li#btn-blog a:hover,
			ul#nav li#btn-blog a:focus,
			ul#nav li#btn-blog a:active {
				background-position: -569px -40px;
			}
			ul#nav li#btn-blog a:active {
				background-position: -569px -80px;
			}
			.nav-blog ul#nav li#btn-blog a {
				background-position: -569px -120px;
			}
		/*----------------------------------------------------------
			News
		*/
			ul#nav li#btn-news,
			ul#nav li#btn-news a {
				width: 80px;
				background-position: -406px 0;
			}
			ul#nav li#btn-news a:hover,
			ul#nav li#btn-news a:focus,
			ul#nav li#btn-news a:active {
				background-position: -406px -40px;
			}
			ul#nav li#btn-news a:active {
				background-position: -406px -80px;
			}
			.nav-news ul#nav li#btn-news a {
				background-position: -406px -120px;
			}
		/*----------------------------------------------------------
			Themes
		*/
			ul#nav li#btn-themes,
			ul#nav li#btn-themes a {
				width: 95px;
				background-position: -352px 0;
			}
			ul#nav li#btn-themes a:hover,
			ul#nav li#btn-themes a:focus,
			ul#nav li#btn-themes a:active {
				background-position: -352px -40px;
			}
			ul#nav li#btn-themes a:active {
				background-position: -352px -80px;
			}
			ul#nav li#btn-themes.active a {
				background-position: -352px -120px;
			}
		/*----------------------------------------------------------
			Contact
		*/
			ul#nav li#btn-contact,
			ul#nav li#btn-contact a {
				background-position: -656px 0;
				width: 89px;
			}
			ul#nav li#btn-contact a:hover,
			ul#nav li#btn-contact a:focus,
			ul#nav li#btn-contact a:active {
				background-position: -656px -40px;
			}
			ul#nav li#btn-contact a:active {
				background-position: -656px -80px;
			}
			.contact-us ul#nav li#btn-contact a {
				background-position: -656px -120px;
			}
		/*----------------------------------------------------------
			Esero UK
		*/
			ul#nav li#btn-esero,
			ul#nav li#btn-esero a {
				background-position: -642px 0;
				width: 103px;
			}
			ul#nav li#btn-esero a:hover,
			ul#nav li#btn-esero a:focus,
			ul#nav li#btn-esero a:active {
				background-position: -642px -40px;
			}
			ul#nav li#btn-esero a:active {
				background-position: -642px -80px;
			}
			.contact-us ul#nav li#btn-esero a {
				background-position: -642px -120px;
			}

		
					
/*/////////////////////////////////////////////////////////////////////
	Breadcrumb
/////////////////////////////////////////////////////////////////////*/

	#breadcrumb {
		padding:4px 0;
		margin-top:-20px;
	}
		#breadcrumb ul {
			margin:0;
			padding:2px 15px 2px 40px;
			position:relative;
			overflow:hidden;
		}
			#breadcrumb ul li {
				list-style:none;
				display:inline;
				line-height:1.8em;
				font-size:1.2em !important;
				color:#464646;
				font-weight:bold;
				margin-left:0 !important;
			}
				#breadcrumb ul li a {
					padding:0 20px 0 0;
					margin:0 10px 0 0;
					background:url(../../images/misc/arrows/arrow-pink.gif) no-repeat right center;
					text-decoration:underline;
					color:#676767;
					font-style:italic;
					font-weight:100;
					display:inline-block;
				}
					#breadcrumb ul li a:hover {
						color:#F16681;
					}
			#breadcrumb ul li.home {
				position:absolute;
				float:none;
				top:0px;
				left:0px;
				margin-left:0 !important;
			}
				#breadcrumb ul li.home a {
					padding:0;
					text-indent:-9999px;
					background:url(../../images/buttons/home.gif) no-repeat top left;
					width:40px;
					display:block;
					float:left;
					height:27px;
				}
					#breadcrumb ul li.home a:hover {
						background-position:bottom left;
					}





/*/////////////////////////////////////////////////////////////////////
	Content
/////////////////////////////////////////////////////////////////////*/

    /* home button */
    .homepage .button,
    .homepage button {
        width: 70px; height: 24px;
        display: block;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-image: url(../../images/buttons/buttons-sprite.jpg);
        }
    .homepage button:hover {
        background-position: 0px -26px;
        }

    /**
    * =content-cols
    */
    .homepage #content {
        width:auto;
    }
    #content {
        padding: 20px 0 0 0; margin: 0 0 35px 0;
        }
    #content-cols .col_quart,
    #content-cols .col_2-quart,
    #content-cols .col_3-quart {
        float: left;
        }
    #content-cols .col_quart {
        width: 250px;
        }
    #content-cols .col_2-quart {
        width: 500px;
        }
    #content-cols .col_3-quart {
        width: 750px;
        }
    #content-cols .col_quart_blank {
        background:url(/images/layout/home/account.jpg) no-repeat 0 0;
        width:225px;
        height:105px;
        float:left;
        padding: 43px 15px 0 10px;
    }
        #content-cols .col_quart_blank h3 {
            color:#707070;
            font-size:2em;
            font-weight:bold;
            text-align:center;
        }
            #content-cols .col_quart_blank h3 span {
                color:#A864A8;
            }
        #content-cols .col_quart_blank p {
            color:#707070;
            font-size:1.5em;
            text-align:center;
            padding:4px 0 0;
            margin:0 auto;
            width:140px;
        }
        #content-cols .col_quart_blank p a {
            color:#375477;
        }

	#content-cols .banner_full {
		margin-left:2px;
	}
	#content-cols .banner-wide {
		float:left;
		margin:0 0 10px;
	}
	#content-cols .banner-double {
		margin:0 0 10px 0;
	}
	#content-cols .banner-half {
		float:left;
		width:241px;
	}
	#content-cols .banner-half-left {
		margin-right:11px;
	}
	#content-cols .banner-left {
		float:left;
		margin:10px 0 0;
	}
	#content-cols .banner-right {
		margin:0 0 10px 0;
	}
	#content-cols .banner {
		float:left;
	}

    /**
    * =content boxes
    */
    .content-box {
        margin: 0 0 6px 0;
        }
    .box-top,
    .box-mainarea,
    .box-foot {
        background-position: top left;
        }
    .box-top,
    .box-foot {
        background-repeat: no-repeat;
    }
    .box-top {
        height: 45px;
        position: relative;
        }
    .box-top a.news-rss {
        width: 23px; height: 22px;
        display: block;
        position: absolute; top: 12px; left: 207px;
        background: url(../../images/layout/rss.jpg) top no-repeat;
        }
    .box-top h3,
	.content-box.grey.fom h3,
	.col_2-quart.stem-york h3 {
        width: 215px; height: 20px;
        position: absolute; top: 15px; left: 15px;
        background-position: 0 0;
        background-repeat: no-repeat;
	}
	.search-stem h3 {
		background-image: url(../../images/layout/heading-sprite-d-grey.gif);
		}
	.news h3,
	.region h3 {
		background-image: url(../../images/layout/heading-sprite-l-grey.gif);
		}
	.box-mainarea {
        background-repeat: repeat-y;
        padding: 0px 13px 0px 5px;
        overflow: hidden;
        }
    .box-mainarea .box-inner {
		height: auto !important;
		height: 0;
        padding: 11px 13px 12px 13px;
        }
    .box-mainarea .box-inner p {

        }
    .box-foot {
        height: 9px;
        }
        .sub-box-separator {
            line-height: 1px;
			font-size: 1px;
			height: 9px;
			background: url(../../images/layout/content-boxes/quart/grey-sub-separator.jpg) 0 0 no-repeat;
        }
        .sub-box-content {
            background:#EBEBEB;
            width:204px;
            padding:3px 17px;
            margin:0 1px;
        }
        .sub-box-foot.grey {

        }
        .sub-box-content p {
            color:#565656;
            font-size:1.1em;
            padding:3px 0 5px;
        }
            .sub-box-content p a {
                color:#445F7F;
            }
            .sub-box-content p.subline {
                background: url(../../images/layout/content-boxes/quart/underline.gif) bottom left repeat-x;
            }
        .sub-box-foot {
            background: url(../../images/layout/content-boxes/quart/sub-grey-foot.jpg) 0 0 no-repeat;
            height:4px;
            margin:0 1px;
        }
        

    /* green */
    .content-box.green .box-top {
        background-image: url(../../images/layout/content-boxes/quart/green-top.jpg);
    }
    .content-box.green .box-mainarea {
        background-image: url(../../images/layout/content-boxes/quart/green-bg.jpg);
    }
    .content-box.green .box-foot {
        background-image: url(../../images/layout/content-boxes/quart/green-foot.jpg);
    }
    /* purple */
    .content-box.purple .box-top {
        background-image: url(../../images/layout/content-boxes/quart/purple-top.jpg);
    }
    .content-box.purple .box-mainarea {
        background-image: url(../../images/layout/content-boxes/quart/purple-bg.jpg);
    }
    .content-box.purple .box-foot {
        background-image: url(../../images/layout/content-boxes/quart/purple-foot.jpg);
    }
    /* grey */
	.content-box.grey.search-stem .box-top {
		background-image: url(../../images/layout/content-boxes/quart/d-grey-top.jpg) !important;
	}
	.content-box.grey.fom .box-top {
		background-image: url(../../images/layout/content-boxes/quart/std-grey-top.jpg) !important;
		height: 6px !important;
		line-height: 1px;
		font-size: 1px;
	}
	.content-box.grey.fom .box-mainarea {
        background-image: url(../../images/layout/content-boxes/quart/std-grey-bg1.jpg) !Important;
		position: relative !important;
		height: 178px !important;
    }
	.content-box.grey.fom .box-mainarea .box-inner {
		width: 131px; height: 113px !important; 
		position: absolute; bottom: 0px; right: 12px; 
		padding: 0px;
        background: url(../../images/layout/content-boxes/quart/fom-bg.jpg) 0px 59px no-repeat;
    }
	.content-box.grey.fom .box-foot {
        background-image: url(../../images/layout/content-boxes/quart/std-grey-foot1.jpg) !important;
    }
    .content-box.grey .box-top {
        background-image: url(../../images/layout/content-boxes/quart/grey-top.jpg);
    }
    .content-box.grey .box-mainarea {
        background-image: url(../../images/layout/content-boxes/quart/grey-bg.jpg);
    }
    .content-box.grey .box-foot {
        background-image: url(../../images/layout/content-boxes/quart/grey-foot.jpg);
    }
    
    /* box specific stuff */
	.content-box.grey.fom .box-top {
        background-image: url(../../images/layout/content-boxes/quart/std-grey-top1.jpg) !important;
	}
	.content-box.grey.fom .box-mainarea {
        background-image: url(../../images/layout/content-boxes/quart/std-grey-bg1.jpg !important);
    }
	.content-box.fom .box-mainarea h3 {
		margin: 0 0 0 4px;
        background-position: 0 0px;
		height: 72px; width: 209px;
		text-indent: -99999px;
		background-image: url(../../images/layout/find-out-more.gif);
		}
	 .content-box.fom .box-mainarea ul {
		width: 136px; height: 86px;
        left:19px;
        position:absolute;
        top:88px;
		}
	 .content-box.fom .box-mainarea ul li {
		padding-left: 10px; margin: 0 0 6px 0;
		background: url(../../images/layout/content-boxes/quart/bullet.gif) 0px 7px no-repeat;
		}
	.content-box.fom .box-mainarea ul li a {
		color: #555555;
		font: 15px bold Arial, Helvetica, sans-serif;
		font-style: italic;
		text-decoration: none;
		border-bottom: 1px solid #555;
		}
	.content-box.fom .box-mainarea ul li a:hover {
		border: none;	
		}
	.content-box.news .box-top h3 {
        background-position: 0 -20px;
        }
    .content-box.news .box-inner h4,
	.content-box.news .box-inner h4 a{
        margin: 0 0 6px 0;
        font-weight: bold;
        font-size: 16px;
        color: #0599ba;
		border-bottom: none;
        }
    .content-box.news .box-inner a {
        color: #375476;
        text-decoration: none;
		font-size: 12px;
        }
	.content-box.news .box-inner a.full-news {
		text-decoration: underline;
		}
	.content-box.news .box-inner a.full-news:hover {
		text-decoration: none;
		border: none;
		}
    .content-box.news .box-inner a:hover {
        border-bottom: 1px solid #375476;
        }
    .content-box.news .box-inner a:active {
        color: #7c41a8;
        border-bottom: 1px botted #7c41a8;
        }
    .content-box.news .box-inner p,
	.content-box.news .box-inner p a{
        font-size: 12px;
        margin: 0 0 17px 0;
        line-height: 15px;
		border-bottom: none;
        }
	.content-box.news .box-inner p a:hover,
	.content-box.news .box-inner h4 a:hover {
		border-bottom: none;
		}
    .content-box.news .box-inner ul {
        padding: 15px 0 0 0; margin: 0 0 15px 0;
        background: url("../../images/layout/content-boxes/quart/underline.gif") repeat-x scroll top left transparent;
        }
    .content-box.news .box-inner ul li {
        padding: 0 0 0 12px;
        background: url(../../images/misc/grey-bullet.gif) 0 4px no-repeat;
        margin: 0 0 7px 0;
		font-size: 12px;
		}
	.content-box.news .box-inner ul li a {
		color: #707070;
		border-bottom: none;
		}
	.content-box.news .box-inner ul li a:hover {
		color: #375476;
		border-bottom: none;
		}
    .content-box.search-stem .box-mainarea {
        background: url(../../images/layout/content-boxes/search-bg.gif) 0 0 no-repeat;
        height:97px;
        }
    .content-box.search-stem label {
        display: block;
        margin: 0 0 10px 0;
		font-size: 12px;
		font-weight: bold;
		color: #707070;
        }
    .content-box.search-stem input {
        width: 119px; height: 25px; line-height: 25px;
        margin: 0 3px 0 0; padding: 0 7px;
        float: left;
        background: url(../../images/layout/text-box.gif) top left no-repeat;
        border: 0;
        }
    .content-box.search-stem .box-top h3 {
        background-position: 0 0;
        }
    .content-box.region .box-top h3 {
        background-position: 0 -43px;
        }
    .content-box.region .box-mainarea {
        padding-top: 9px;
        padding-bottom: 9px;
        }
	.col_2-quart.stem-york {
		margin: 0 0 7px 0;
		width: 498px; height: 210px;
		position: relative;
		background: url(../../images/layout/home/stem-york.gif) top no-repeat;
		}
	.col_2-quart.stem-york img {
		position: absolute; top: 11px; right: 15px;
		width: 118px; height: 129px;
		}
	.col_2-quart.stem-york h3 {
		background: url(../../images/layout/home/stem-york-h4.gif) top no-repeat;
		width: 425px; height: 77px;
		position: absolute; top: 19px; left: 18px;
		background-position: 0px 0px;
		text-indent: -99999px;
		}
	.col_2-quart.stem-york p {
		width: 335px; height: 44px;
		position: absolute; top: 97px; left: 18px;
		font-size: 12px;
		color: #999999;
		line-height: 19px;
		}
	.col_2-quart.stem-york p a {
		text-decoration: none;
		color: #375476;
		border-bottom: 1px solid #375476;
		}
	.col_2-quart.stem-york p a:hover {
		border-bottom: none;
		}
	.col_2-quart.stem-york a.science, 
	.col_2-quart.stem-york a.maths, 
	.col_2-quart.stem-york a.engineering, 
	.col_2-quart.stem-york a.technology {
		height: 26px;
		position: absolute; top: 159px;
		background-position: top;
		background-repeat: none;
		text-indent: -99999px;
		overflow:hidden;
		}
	.col_2-quart.stem-york a.science {
		left: 27px;
		width: 73px;
		background-image: url(../../images/layout/home/home-science.gif); 
		}
	.col_2-quart.stem-york a.maths {
		left: 375px;
		width: 107px;
		background-image: url(../../images/layout/home/home-maths.gif); 
		}
	.col_2-quart.stem-york a.engineering {
		left: 254px;
		width: 97px;
		background-image: url(../../images/layout/home/home-engineering.gif); 
		}
	.col_2-quart.stem-york a.technology {
		left: 134px;
		width: 95px;
		background-image: url(../../images/layout/home/home-technology.gif); 
		}
    /**
    * =homepage copy images
    */
    .col_2-quart.copy-links a.col_quart,
	.col_2-quart.copy-links a.col_2-quart {
        display: block;
        margin: 0 0 10px 0;
        }
		#content #section {
			width:660px;
			padding:34px 0 20px 0;
		}
		#content #side,
		#content .side,
		#content .side-wrap{
			width:298px;
		}

    /**
     Homepage features
    */

    a.main_story {
        background-image: none;
        background-color:#000000;
	}
    a.main_story:hover {
        color: #f16681;
        }
    .stemFeatures {
        padding-left: 3px;
        margin: 0 0 10px 0;
        height: 305px;
        position: relative; z-index: 1;
        width: 738px;
    }
    .stemFeatures .transition_layer {
        background-color: #FFF;
        background-repeat: no-repeat;
        height: 305px;
        position: absolute;
        top: 0;
        width: 738px;
    }
    .stemFeatures .main_story {
        background-color: #FFF;
        background-repeat: no-repeat;
        display: block;
        height: 305px;
        position: absolute;
        text-decoration: none;
        width: 738px;
    }
    .stemFeatures .main_story .alt {
        text-indent: -5000px;
    }
    .stemFeatures .headline {
        background: url(../../images/layout/stemFeatures/blck-opq.png) top left repeat;
        bottom: 29px;
        display: block;
        height: 83px;
        left: 0px;
        position: absolute;
        width: 740px;
    }
    .stemFeatures .headline_viewport {
        bottom: 29px;
        display: block;
        height: 83px;
        overflow: hidden;
        position: absolute;
        width: 408px;
    }
    .stemFeatures .headline_viewport .headline {
        bottom: 0;
        left: 0;
        width: 409px;
    }
    .stemFeatures .headline_inner {
        display: block;
        padding: 10px 15px 15px 15px;
        text-decoration: none;
    }
    .stemFeatures a.main_story .headline h1 {
        color: #00b6de;
        font-size: 17px;
        font-weight: bold;
        line-height: 1em;
        margin: 0;
        padding: 0;
        padding-bottom: 3px;
        text-decoration: none;
    }
    .stemFeatures a.main_story .headline h2 {
		width: 387px;
        font-size: 12px;
        font-weight: bold;
        line-height: 13px;
        margin: 0;
        padding: 0;
        text-decoration: none;
    }
    .stemFeatures a.main_story .headline h2 span {
        /*background-image: url(link_arrow_orange_bg.png);*/
        background-position: right;
        background-repeat: no-repeat;
        color: white;
        padding-right: 26px;
    }
    .stemFeatures a:hover.main_story .headline h2 span {
        color: #f16681;
    }
    .stemFeatures .stories_panel {
        height: 305px;
        position: absolute;
        right: 0;
        width: 330px;
        z-index: 30;
    }
    .stemFeatures .stories_nav_up a {
        background-image: url(../../images/layout/stemFeatures/direction.gif);
        background-position: 0px 0px;
        background-repeat: no-repeat;
        display: block;
        height: 24px;
        margin-bottom: 1px;
        outline: none !important;
        text-indent: -5000px;
        top: 0;
        width:330px;
    }
    .stemFeatures .stories_nav_up a:hover {
        background-image: url(../../images/layout/stemFeatures/direction.gif);
        background-position: 0px -48px;
    }
    .stemFeatures .stories_nav_down a {
        background-image: url(../../images/layout/stemFeatures/direction.gif);
        background-repeat: no-repeat;
        background-position: 0px -24px;
        display: block;
        height: 24px;
        outline: none !important;
        text-indent: -5000px;
        top: 290px;
        width:330px;
    }
    .stemFeatures .stories_nav_down a:hover {
        background-image: url(../../images/layout/stemFeatures/direction.gif);
        background-position: 0px -72px;
    }
    .stemFeatures .stories_viewport {
        height: 252px;
        overflow: hidden;
        position: relative;
        width: 330px;
    }
    .stemFeatures .stories_tray {
        position: absolute;
        top: 0px;
    }
    .stemFeatures ul.stories {
        list-style-type: none;
        margin: 0;
       
        padding: 0;
        position: absolute;
        top: 0px;
    }
    .stemFeatures ul.stories li.story {
        background-image: url(../../images/layout/stemFeatures/featureBg.jpg);
        background-position: top left;
        background-repeat: repeat-x;
        color: white;
        cursor: pointer;
        font-size: 13px;
        font-weight: bold;
        height: 83px;
        line-height: 1.2em;
        margin-bottom: 1px;
        padding: 0;
		
        width:330px;
    }
    .stemFeatures ul.stories li.story_hover {
        /*background-color: black;
        background-image: url(img/layout/stemFeatures/featureBgHover.jpg);
        background-position: top left;
        */background-repeat: repeat-x;
    }
    .stemFeatures ul.stories li.current_story {
        background: url(../../images/layout/stemFeatures/hlineActive.jpg) top left repeat-x;
        margin-left: -12px;
		padding-left: 12px;
        width: 330px;
        color: #fff;
    }
    .stemFeatures ul.stories li.current_story .title a {
        color: #fff !important;
        font-weight: bold;
    }
    .stemFeatures ul.stories li.story .thumbnail {
        /*background-image: url(img_border.png);*/
        background-position: 14px 15px;
        background-repeat: no-repeat;
        float: left;
        height: 84px;
        width: 104px;
    }
    .stemFeatures ul.stories li.story .thumbnail img {
        margin-left: 8px;
        margin-top: 9px;
        border: 2px solid #9a9a9a;
    }

    .stemFeatures ul.stories li.story .title {
        padding-right: 12px !important;
		background: none !important;
    }
    .stemFeatures ul.stories li.story .title a {
        color: #333;
        text-decoration: none;
    }
    .stemFeatures ul.stories li.story_hover .title a {
        color: #f16681;
    }
    .stemFeatures ul.stories li.current_story .title a {
        color: #333;
    }
    /* trims */
    #trimTop,
    #trimBottom,
    #trimLeft,
    #trimRight {
        position: absolute; z-index: 10000;
        background-position: top;
        background-repeat: no-repeat;
        }
    #trimTop,
    #trimBottom {
        width: 741px;
        }
    #trimTop {
        height: 11px;
        top: 127px; left: 250px;
        background: url(../../images/layout/stemFeatures/trimTop.png);
        }
    #trimBottom {
        height: 9px;
        top: 425px; left: 250px;
        background: url(../../images/layout/stemFeatures/trimBottom.png);
        }
    #trimLeft, #trimRight {
        height: 306px; width: 9px;
        top: 127px;
        }
    #trimLeft {
        left: 250px;
        background: url(../../images/layout/stemFeatures/trimLeft.png);
        }
    #trimRight {
        left: 983px;
        background: url(../../images/layout/stemFeatures/trimRight.png);
        }
    /* view all features button */
    a#allFeatures {
        width: 125px; height: 28px;
        position: absolute; top: 395px; left: 856px; z-index: 11110;
        display: block;
        background: url(../../images/buttons/allFeatures.png) 0px 0px no-repeat;
        text-indent: -9999px;
        }
    a#allFeatures:hover {
        background-position: 0 -28px;
        }
		
	/* Search */
		.search #content #section {
			float:right;
		}
		.search #content #side {
			float:left;
			padding:1px 0 0 0;
			border-top:9px solid #d1d1d1;
		}
	
	/* Article */
		.article #content #section {
			float:left;
		}
		.article #content #side {
			float:right;
			padding:20px 0 0 0;
		}
	/* Blog */
		.blog #content #section {
			float:right;
		}
            .blog #content #section h1.hide {
                display:none;
            }

		.blog #content #side,
		.blog #content .side{
			float:left;
			padding:10px 0 0 0;
			margin:0;
		}
	/* Newsletters */
		.newsletters #content #section {
			float:right;
		}
		.newsletters #content #side {
			float:left;
			padding:10px 0 0 0;
			margin:0;
		}
		
	/* Static/About Pages */
		.static #content #section {
			float:right;
		}
		.static #content #side,
		.static #content .side {
			float:left;
			padding:10px 0 0 0;
			margin:0;
		}
	
		#content #section.nosidebar .side-image{
			display:none;
		}
		#content #section.nosidebar .maincolumn{
			width:660px;
		}
		
		#content #section .side-image{
			float:right;
			margin:10px;
		}
			#content #section .side-image .img-frame{
				background:url(../../images/misc/image-frame.gif) 100% 100% #979797;
				padding:7px;
			}
			#content #section .side-image span{
				display:block;
				font-size:1.2em;
				padding:2px 0;
				margin-bottom:10px;
			}
		
		#content #section .maincolumn{
			float:left;
			width:420px;
		}
            #content #section .cc .wrapRight,
            #content #section .maincolumn .wrapRight{
                margin:0 0 16px 20px;
            }
            #content #section .img-border{
                background:url("../../images/misc/image-frame.gif") repeat scroll 100% 100% #979797;
                padding:7px;
				display:inline-block;
            }
            #content #section .cc .image-left{
                float:left;
            }
            #content #section .cc .image-right{
                float:right;
            }

            #content #section .cc .wrapLeft,
            #content #section .maincolumn .wrapLeft{
                margin: 0 20px 16px 0;
            }
            #content #section .cc .wrap,
            #content #section .maincolumn .wrap{
                margin: 0 20px 16px 0;
            }
            #content #section .cc h2,
			#content #section .maincolumn h2{
				font-size:2.6em;
				line-height:0.9em;
				font-weight:normal;
				color:#676767;
				margin:10px 0;
			}
            #content #section .cc h3,
            #content #section .maincolumn h3{
				font-size:2em;
				line-height:0.9em;
				font-weight:normal;
				color:#676767;
				margin:10px 0;
			}
            #content #section .cc h4,
            #content #section .maincolumn h4{
				font-size:1.5em;
				line-height:0.9em;
				font-weight:normal;
				color:#676767;
				margin:10px 0;
			}
            #content #section .cc .ccImage img,
            #content #section .maincolumn .ccImage img {
                margin:0 0 10px;
            }
			#content #section .maincolumn p.first-bold{
				font-size:1.3em;
				font-weight:bold;
			}
			#content #section .maincolumn blockquote{
				margin-bottom:10px;
				font-size:1.2em;
				color:#676767;
			}
				#content #section .maincolumn blockquote cite{
					font-style:normal;
				}
			
			#content #section .maincolumn .article-downloads li {
				list-style:none;
				margin:5px 0;
			}
				#content #section .maincolumn .article-downloads li a {
					background: url("../../images/misc/arrows/arrow-pink.gif") no-repeat 10px 14px #EDEDED;
					color: #464646;
					display: block;
					font-size: 1em;
					font-style: italic;
					margin: 4px 5px 4px 0;
					padding: 9px 9px 9px 26px;
				}
	
	.static #content #section p, .search #content #section p{
		font-size:1.2em;
		margin-top:5px;
		margin-bottom:12px;
		color:#676767;
	}
        .static #content #section p.error {
            color:red;
            font-size:1.1em;
            margin:5px 0
        }
        .static #content #section a.more {
            font-size:1.2em;
            margin-bottom:10px;
            color:#676767;
        }
        .static #content #section p.date {
            color:#F16681;
            margin:0;
        }
        .static #content #section p.time {
            color:#F16681;
            margin:0 0 10px;
        }
        .static #content #section p.loc {
            margin:7px 0;
            font-size:1.4em;
        }

		.static #content #section p a{color:#676767;}
		.static #content #section p a:hover{color:#F16681;}
	.static #content #section ul li{
		font-size:1.2em;
		margin:0 0 10px 20px;
		color:#676767;
		list-style:square;
	}
    .static #content #section ul li a{
        color:#676767;
    }
    .static #content #section ul li a:hover{
        color:#F16681;
    }
		.static #content #section ul.tinydot li{
			margin:0 0 10px -20px;
			padding-left:20px;
			list-style-type:none;
			background:url(../../images/misc/dots/tinydot.gif) 8px 6px no-repeat;
		}
		
	#content #section .aboveflash {
		position:relative;
		z-index:9999;
	}
	#content #section #flashMap {
		position:relative;
		z-index:1;
		margin-top:-240px;
	}
	
	#teamphotos li{
		display:block;
		width:150px;
		height:230px;
		float:left;
		margin:0 15px 15px 0 !important;
		color:#a4a4a4;
	}
		#teamphotos li .img-frame{
			background:url(../../images/misc/image-frame.gif) 100% 100% no-repeat;
			padding:7px;
			margin-bottom:5px;
		}
			#teamphotos li .img-frame img{
				width:133px;
			}
		#teamphotos li h3{
			color:#676767;
		}
		
	#mapcontainer{
		background:#fbfbfb;
		border:1px solid #cacaca;
		padding:10px;
		margin-bottom:10px;
	}
	
	#mapview{
		height:400px;
	}
	
	.finding-us address{
		font-size:1.3em;
		font-style:normal;
		color:#676767;
	}
	
	/* Contact Us */
	
	.contact-us .mandatory{
		font-size:1em;
		font-style:italic;
		padding:5px 0;
		line-height:3em;
		
	}
	.contact-us form#contact{
		margin-bottom:50px;
	}
	
	address {
		color:#676767;
		font-size:1.3em;
	}
	
	/* FAQs */
	
	#faq dt{
		font-size:1.4em;
		font-weight:bold;
		color:#676767;
		padding:8px 0;
	}
		#faq dt a{
			color:#676767;
			text-decoration:none;
		}
		#faq dt a:hover{color:#F16681;}
	#faq dd{
		font-size:1.2em;
		color:#676767;
		/*display:none;*/
		padding:0 0 20px 0;
	}
	#faq dd a{
		color:#676767;
	}
	#faq dd a:hover{
		color:#F16681;
	}
		#faq dt.active{
			background:url(../../images/misc/dots/double.gif) 0 0 repeat-x;
			padding:20px 0 10px 20px;
			color:#F16681;
		}
			#faq dt.active a{color:#F16681;}
		#faq dd.active{
			display:block;
			padding-left:20px;
			background:url(../../images/misc/dots/double.gif) 0 100% repeat-x;
		}
	
		
	.post{
		clear:both;
		padding-bottom:10px;
		margin-bottom:30px;
		background:url(../../images/misc/dots/double.gif) 0 100% repeat-x;
	}
		.post h2{
			font-size:2em;
			line-height:1em;
			font-weight:normal;
			color:#454545;
            margin:10px 0 5px;
		}
        .post h2 a {
            color:#454545;
            text-decoration: none;
        }
        .post h2 a:hover {
            text-decoration: underline;
        }
		.post h3{
			font-size:1.2em;
			font-weight:normal;
			color:#676767;
		}
			.post h3 a{color:#676767;}
			.post h3 a:hover{color:#F16681;}
		.post .post-info{
			margin-bottom:20px;
		}
			.post .post-info .stars{
				width:90px;
				height:18px;
				margin:5px;
				display:block;
				float:left;
				background:url(../../images/misc/star/l-off.gif) 0 0 repeat-x;
			}
				.post .post-info .stars span{display:none;}
				.post .post-info .stars img{
					width:18px;
					height:18px;
					float:left;
					margin:0;
					padding:0;
				}
			.post .post-info .commentcount{
				float:left;
				padding:6px 0 0;
				font-size:1.4em;
			}
				.post .post-info .commentcount a{
					color:#454545;
					padding-left:18px;
					background:url(../../images/misc/arrows/arrow-pink.gif) 5px 5px no-repeat;
				}
		.post .post-image{
			margin:0 10px 10px 0;
			background:url(../../images/misc/image-frame.gif) 100% 100%;
			float:left;
		}.odd .post-image{
            margin:0 0 10px 10px;
			float:right;
		}
		.post .post-image img{
				margin:9px;
			}
		.post .post-video{
			padding:18px 18px 0;
			border:1px solid #cacaca;
			background:#fbfbfb;
			float:left;
			margin-bottom:15px;
		}.odd .post-video{
			float:right;
		}
			.post .post-video .reflect{
				background:url(../../images/misc/reflect.gif) 0 0 repeat-x;
				height:16px;
				margin-top:2px;
			}
		.post .post-body{
			font-size:1.2em;
			color:#676767;
		}
			.post .post-body p{
				margin-bottom:20px;
			}
                .post .post-body p.loc{
                    margin-bottom:12px;
                }
                .post .post-body p.date{
                    margin-bottom:3px;
					padding-top:3px;
                    color:#F16681;
                }
			.post .post-body .readmore{
				margin:-12px 0 0 0;
				display:block;
				padding:5px 0px 25px 15px;
				background:url(../../images/misc/arrows/arrow-pink.gif) 2px 10px no-repeat;
				color:#676767;
				font-style:italic;
			}
            .post .post-body .link {
                color:#676767;
				font-style:italic;
            }
		.post .post-tags{
			margin-top:10px;
			clear:both;
		}
			.post .post-tags h3{
				color:#777777;
				font-weight:bold;
				padding-right:20px;
				float:left;
				border-right:1px dotted #A1A1A1;
			}
			.post .post-tags ul{
				float:left;
			}
				.post .post-tags ul li{
					list-style:none;
					display:block;
					float:left;
					margin-left:10px;
					font-size:1.2em;
				}
					.post .post-tags ul li a{
						padding:0 5px 0 15px;
						color:#676767;
						background:url(../../images/misc/arrows/arrow-pink.gif) 2px 5px no-repeat;
					}
					
			
		
	.forblog .post-body .readmore {
		padding-bottom:0;
		margin-top:0;
		padding-top:10px;
		background-position:2px 15px;
	}
	.forblog .post-info {
		margin-bottom:10px;
	}
	.forblog h2 {
		margin-top:20px;
	}
	.forblog .post-tags h3 {
		border:0;
		padding-right:2px;
	}
	
	

    .comments .comment {
        clear:both;
		padding-bottom:10px;
		margin-bottom:10px;
		background:url(../../images/misc/dots/double.gif) 0 100% repeat-x;
    }
    .comments .comment .author {
        background:url("../../images/misc/arrows/arrow-pink.gif") no-repeat scroll 2px 5px transparent;
        color:#676767;
        padding:0 5px 0 15px;
    }

	.newsletters .post{
		background-image:none;
	}
		.newsletters .post h2{
			padding-bottom:5px;
			margin-bottom:15px;
			background:url(../../images/misc/dots/double.gif) 0 100% repeat-x;
		}
		.newsletters .post  .post-url{
			background:url(../../images/misc/arrows/arrow-pink.gif) 0 50% no-repeat;
			color:#9d9d9d;
			padding-left:15px;
			font-size:1.2em;
		}
			.newsletters .post .post-url a{
				color:#676767;
				font-style:italic;
			}
        .newsletters .post table {
            margin:7px 0 0;
        }
        .newsletters #content #section .post .date{
            margin:0 0 7px;
        }
			
			
	/* Themes */
	
	.themes .title h1,
	.themes .title h2{
		width:auto;
	}
	
	.themes h4 {
		color:#454545;
		font-size:1.8em;
		font-weight:normal;
		margin-bottom:5px;
	}
	
	.themes #content .read-more{
		font-size:1.2em;
		color:#676767;
		padding-left:16px;
		background:url(../../images/misc/arrows/arrow-pink.gif) 0 50% no-repeat;
		margin-bottom:30px;
		display:block;
	}
		.themes #content .read-more .accessibility{
			display:none;
		}
	.themes #content .wide-image{
		border:1px solid #c2c2c2;
		padding:2px;
		float:left;
		margin-bottom:10px;
	}
	
	.themes #content #section{
		width:645px;
		padding-right:15px;
	}
	
	.themes .timeline{
		background:url(../../images/layout/sections/themes/timeline.gif) 0 0 repeat-y;
		padding-bottom:20px;
	}
		.themes .timeline .event{
			padding:20px 0;
			margin-left:80px;
			background:url(../../images/misc/dots/double.gif) 0 100% repeat-x;
			position:relative;
		}
			.themes .timeline .event h3{
				font-size:2.2em;
				font-weight:bold;
				color:#454545;
			}
				.themes .timeline .event h3 span{
					position:absolute;
					display:block;
					left:-64px;
					top:40px;
					width:46px;
					text-align:center;
					background:#efefef;
					padding:2px;
					font-size:0.6em;
					font-weight:normal;
					-webkit-transform:translate(-14px,0px) rotate(-90deg);
					-moz-transform:translate(-14px,0px) rotate(-90deg);
					-o-transform:translate(-14px,0px) rotate(-90deg);
					transform:translate(-14px,0px) rotate(-90deg);
					filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
				}
				.themes .timeline .event h3 a{
					color:#454545;
					text-decoration:none;
					cursor:pointer;
				}
			.themes .timeline .event .information{
				margin:5px 0;
			}
				.themes .timeline .event .information li{
					display:block;
					float:left;
					padding-right:15px;
					margin:0 15px 0 0 !important;
					border-right:1px dotted #a1a1a1;
					color:#454545;
					font-size:1.6em !important;
				}
					.themes .timeline .event .information li.last{
						border:0;
					}
			.themes .timeline .event p{
				color:#676767;
				font-size:1.2em;
			}
			.themes .timeline .event h4{
				color:#454545;
				font-size:1.8em;
				font-weight:normal;
				margin-bottom:5px;
			}
			.themes .timeline .event .event-image{
				float:left;
				border:1px solid #c2c2c2;
				padding:2px;
				margin-right:20px;
			}
			.themes .timeline .event .event-themes-status{
				width:auto;
				
			}

	.themes.level3 #content #section .side-image{
		margin:0 0 10px 0;
		padding:2px;
		border:1px solid #c2c2c2;
		background:#fbfbfb;
	}
	.themes.level3 #content #section h3{
		font-size:1.6em;
		font-weight:normal;
		color:#454545;
	}
		.themes.level3 #content #section h3 .date{
			padding-right:10px;
			margin-right:8px;
			border-right:1px dotted #a1a1a1;
		}
	.themes.level3 #content #section dl.resource-information dt{
		color:#909090;
		width:100px;
		border-right:1px dotted #a1a1a1;
		margin-right:8px;
		font-size:1.2em;
		float:left;
		clear:left;
		margin-top:10px;
		height:20px;
		line-height:20px;
	}
		.themes.level3 #content #section dl.resource-information dd{
			color:#454545;
			font-size:1.4em;
			float:left;
			margin-top:10px;
			line-height:20px;
			width:320px;
		}
			.themes.level3 #content #section dl.resource-information dd a {
				color:#454545;
				text-decoration:underline;
			}
				.themes.level3 #content #section dl.resource-information dd a:hover {
					color:#222222;
				}
	.themes.level3 #content #section .leaders-authors{
		clear:left;
		padding-top:20px; margin-bottom: 30px;
		color:#8f8f8f;
		font-size:1.2em;
	}
		.themes.level3 #content #section .leaders-authors h4{
			font-size:1.2em;
			font-weight:bold;
			color:#454545;
		}
		.themes.level3 #content #section .leaders-authors h5{
			font-size:1.2em;
			font-weight:normal;
			color:#464646;
			margin-top:10px;
		}
	.themes.level3 #content #section .video-container{
		border:1px solid #cacaca;
		background:#fbfbfb;
		padding:18px 18px 0;
		float:left;
		clear:both;
		margin:30px 0 20px;
	}
		.themes.level3 #content #section .video-container .reflect{
			background:url(../../images/misc/reflect.gif) 0 0 repeat-x;
			height:16px;
			margin-top:2px;
		}
	.themes.level3 #content #section .pane{
		margin-top:7px;
		clear:both;
	}
		.themes.level3 #content #section .pane h4{
			height:35px;
			line-height:35px;
			color:#454545;
			font-weight:bold;
			font-size:1.4em;
			padding-left:30px;
			background:url(../../images/misc/arrows/arrow-pink-d.gif) 12px 14px no-repeat #eee;
			position:relative;
		}
			.themes.level3 #content #section .pane h4 span{font-size:0.9em;font-weight:normal;}
			.themes.level3 #content #section .pane.hidden h4{background-image:url(/images/misc/arrows/arrow-pink.gif);}		
			.themes.level3 #content #section .pane h4 button.pane-toggle{
				width:68px;
				height:30px;
				background:url(/images/buttons/frontend-buttons.jpg) -8px -1006px no-repeat;
				float:right;
				text-indent:-9999px;
				position:absolute;
				top:2px;
				right:0;
			}
				.themes.level3 #content #section .pane.hidden h4 button.pane-toggle{
					width:74px;
					background-position:-8px -966px;
				}
		.themes.level3 #content #section .pane .content{
			margin:0 10px 15px 30px;
		}
		.themes.level3 #content #section .pane.hidden .content{
			display:none;
		}
		.themes.level3 #content #section .pane .content p,
		.themes.level3 #content #section .pane .content ul{
			margin-top:15px;
			color:#676767;
		}
		.themes.level3 #content #section .pane .content ul li{
			list-style-image:url(../../images/misc/arrows/arrow-pink.gif);
		}
			.themes.level3 #content #section .pane .content ul li a{color:#676767;}
		.themes.level3 #content #section .pane .content ol{
			margin-top:15px;
			color:#676767;
			font-size:1.2em;
		}.themes.level3 #content #section .pane .content ol.alpha{
			list-style-type:upper-alpha;
		}
			.themes.level3 #content #section .pane .content ol li{
				margin:0 0 5px 30px;
			}
		
	.themes.level3 #content #section dl.overview-author dt{
		color:#909090;
		width:130px;
		border-right:1px dotted #a1a1a1;
		margin-right:8px;
		font-size:1.2em;
		float:left;
		clear:left;
		margin-top:10px;
	}
		.themes.level3 #content #section dl.overview-author dd{
			color:#454545;
			font-size:1.4em;
			float:left;
			margin-top:10px;
		}
		
	.themes.level3 .resource-grid{
		margin:50px -10px 0 -10px;
		clear:both;
		padding:0;
	}
		.themes.level3 .resource-grid li{
			width:155px;
			margin:0 0 10px 10px !important;
			padding:0;
			height:198px;
			background:url(../../images/layout/resource-grid-bg.gif) 0 0 no-repeat;
			list-style:none;
			float:left;
		}
			.themes.level3 .resource-grid li .thumbnail{
				width:152px;
				height:120px;
			}
				.themes.level3 .resource-grid li .thumbnail img{
					height:104px;
					border:8px solid #9C9C9C;
				}
			.themes.level3 .resource-grid li .detail{
				height:70px;
				margin:3px;
				padding:5px 3px;
			}
				.themes.level3 .resource-grid li .detail .resource-name{font-size:1.1em;height:45px;}
					.themes.level3 .resource-grid li .detail .resource-name a{color:#595959;}
				.themes.level3 .resource-grid li .detail .date{
					float:left;
					padding-right:10px;
					margin:3px 10px 0 0;
					border-right:1px dotted #a1a1a1;
				}
				.themes.level3 .resource-grid li .detail .publisher{float:left;margin-top:3px;}
	.themes.level3 .viewmore{
		clear:both;
		display:block;
		margin-top:15px;
		color:#676767;
		font-size:1.2em;
		padding-left:15px;
		background:url(../../images/misc/arrows/arrow-pink.gif) 0 50% no-repeat;
	}
	
	
	
		
/*/////////////////////////////////////////////////////////////////////
	Forms
/////////////////////////////////////////////////////////////////////*/
	form.styled label,
	form.styled .label{
		width:325px;
		font-size:1.2em;
		color:#676767;
		margin-top:10px;
		display:block;
	}
		form.styled label span,
		form.styled .label span{
			display:block;
			padding-bottom:2px;
		}

        #content label span.req {
            color:red;
            display:inline;
        }

		form.styled label.text input,
		form.styled label.textarea textarea{
			width:325px;
			padding:4px;
			margin:0;
			border:1px solid #C0BEBE;
			background:url(../../images/forms/input-shadow.gif) 0 0 no-repeat;
			max-width:500px;
			max-height:300px;
		}
			form.styled label select{
				width:235px;
			}
		form.styled .label.captcha img{
                float:left;
                border:1px solid #C0BEBE;
        }
		form.styled .label.captcha span{
			float:right;
			width:120px;
			padding-top:44px;
		}
			form.styled .label.captcha span a{
				color:#676767;
			}
	button#send{
		width:78px;
		height:32px;
		background:url(/images/buttons/frontend-buttons.jpg) -8px -448px no-repeat;
		text-indent:-9999px;
	}
	
	form#frmlogin label.text input{
		width:280px;
	}
	form#frmlogin label span em{
		color:#b6b6b6;
		font-style:italic;
	}
	
	button#btnlogin{
		width:81px;
		height:30px;
		background:url(../../images/buttons/frontend-buttons.jpg) -8px -406px no-repeat;
		text-indent:-9999px;
		margin:15px 0;
		float:left;
	}

	#orregister{
		float:left;
		clear:right;
		display:block;
		margin:22px 0 0 5px;
		font-size:1.2em;
		color:#676767;
		padding-left:5px;
	}	
	#orregister a{
		padding-left:5px;
		font-style:italic;
		color:#595959;
	}
/*/////////////////////////////////////////////////////////////////////
	Footer
/////////////////////////////////////////////////////////////////////*/

#footer {
	position: relative;
	padding: 15px 0 0 0; margin: 0 0 40px 0;
	border-top: 3px solid #acacac;
	font-size: 11px;
	color: #898989;
	}
#footer p {
    color: #888888;
    line-height: 2em;
    margin: 0 auto;
    width: 964px;
}
#footer a {
	color: #898989;
	text-decoration: none;
	}
#footer a:hover {
	text-decoration:underline;
	}
		
		#footer p#twitter {
			margin:0 auto;
			padding:0;
			text-align:right;
			position:relative;
		}
			#footer p#twitter a {
				display:block;
				height:34px;
				line-height:34px;
				font-size:1.2em;
				padding:0 125px 0 0;
				background:url(../../images/layout/twitter.gif) no-repeat top right;
				position:absolute;
				top:5px;
				right:0;
			}
				#footer p#twitter a strong {
					display:none;
				}
	
/*/////////////////////////////////////////////////////////////////////
	Side
/////////////////////////////////////////////////////////////////////*/
					
	form.sitesearch{
		padding:20px;
		margin:0;
		background:#e5e5e5;
	}
		form.sitesearch input{
			float:left;
			width:172px;
			height:17px;
			padding:3px;
			margin:0;
			background:url(../../images/forms/input-shadow.gif) 0 0 no-repeat #fff;
			border:1px solid #B8B8B8;
		}
		form.sitesearch button{
			padding:0;
			margin:0;
			float:left;
			width:76px;
			height:25px;
			text-indent:-9999px;
			background:url(../../images/buttons/search.gif) 0 0 no-repeat;
			overflow:hidden;
			font-size:0.0001em;
			line-height:0.0001em;
			outline:0;			
		}
			form.sitesearch button:hover{background-position:0 -25px;}
				
/*/////////////////////////////////////////////////////////////////////
	Global
/////////////////////////////////////////////////////////////////////*/

	/* Lines */
	.line {
		text-indent:-9999px;
		clear:both;
		height:1px;
		padding:0;
		margin:0 0 1.2em 0;
		background-repeat:repeat-x;
		background-position:top left;
		background-image:url(../../images/misc/dots/single.gif);
	}
		.line.double {
			height:3px;
			background-image:url(../../images/misc/dots/double.gif);
		}
		.line.noclear{
			clear:none;
		}
		
	/* Generic text */
	.text .img {
		float:right;
		padding:5px 0 10px 0;
		margin:0 0 0 10px;
		background:url(../../images/layout/article/gradient.jpg) repeat-x bottom center;
	}
		.text .img img {
			border-bottom:1px solid #ffffff;
		}
	.text a {
		color:#676767;
		text-decoration:underline;
	}
		.text a:hover {
			color:#F16681;
		}
	.text p {
		color:#676767;
		font-size:1.2em;
		line-height:1.6em;
		margin:0 0 1em 0;
	}
	.text ul {
		margin:0 0 1em 0;
		font-size:1.2em;
		line-height:1.6em;
	}
		.text ul li {
			margin:0 0 0 10px;
		}
	.text ul.arrow {
		padding:10px 0 0 0;
	}
		.text ul.arrow li {
			list-style:none;
			padding:0 0 4px 15px;
			margin:0;
			color:#9e9e9e;
			background:url(../../images/misc/arrows/arrow-pink.gif) no-repeat 0 5px;
		}
			.text ul.arrow li a {
				font-style:italic;
			}

	.text.italic p,
	p.italic,
	.text.italic ol li,
	.text.italic ul li {
		font-style:italic;
	}
	
	/* Profile Preview */
	.profileinfo {
	}
		.profileinfo .img {
			float:left;
			padding:7px;
			background:url(../../images/misc/wood/wood-grey.jpg) top left;
			margin:0 15px 10px 0;
			border-right:1px solid #e8e8e8;
			border-bottom:1px solid #e8e8e8;
		}
		.profileinfo h3 {
			font-weight:bold;
			font-size:2em;
			color:#5a5959;
			line-height:1.1em;
		}
		.profileinfo h4 {
			font-size:1.2em;
			color:#676767;
			line-height:1.2em;
			font-weight:100;
			padding:0 0 2px 0;
		}
			.profileinfo h4 a {
				text-decoration:underline;
				color:#676767;
			}
				.profileinfo h4 a:hover {
					color:#F16681;
				}
		.profileinfo .rating {
			height:20px;
		}
			.profileinfo .rating img {
				float:left;
				margin:0 2px 0 0;
			}
			
	/* Media */
	.top.mov {
		background-image:url(../../images/misc/media/top/mov.jpg);
	}
	.top.pdf {
		background-image:url(../../images/misc/media/top/pdf.jpg);
	}
	.top.excel {
		background-image:url(../../images/misc/media/top/xls.jpg);
	}
	.top.doc {
		background-image:url(../../images/misc/media/top/doc.jpg);
	}
	.top.mp3 {
		background-image:url(../../images/misc/media/top/mp3.jpg);
	}
	.top.txt {
		background-image:url(../../images/misc/media/top/txt.jpg);
	}
	.top.wav {
		background-image:url(../../images/misc/media/top/wav.jpg);
	}
	.top.zip {
		background-image:url(../../images/misc/media/top/zip.jpg);
	}
	
	.grid-view .mov {
		background-image:url(../../images/misc/media/grid/mov.jpg);
	}
	.grid-view .pdf {
		background-image:url(../../images/misc/media/grid/pdf.jpg);
	}
	.grid-view .excel {
		background-image:url(../../images/misc/media/grid/xls.jpg);
	}
	.grid-view .doc {
		background-image:url(../../images/misc/media/grid/doc.jpg);
	}
	.grid-view .mp3 {
		background-image:url(../../images/misc/media/grid/mp3.jpg);
	}
	.grid-view .txt {
		background-image:url(../../images/misc/media/grid/txt.jpg);
	}
	.grid-view .wav {
		background-image:url(../../images/misc/media/grid/wav.jpg);
	}
	.grid-view .zip {
		background-image:url(../../images/misc/media/grid/zip.jpg);
	}
	
	
	.mov {
		background-image:url(../../images/misc/media/mov.jpg);
	}
	.pdf {
		background-image:url(../../images/misc/media/pdf.jpg);
	}
	.excel {
		background-image:url(../../images/misc/media/xls.jpg);
	}
	.doc {
		background-image:url(../../images/misc/media/doc.jpg);
	}
	.mp3 {
		background-image:url(../../images/misc/media/mp3.jpg);
	}
	.txt {
		background-image:url(../../images/misc/media/txt.jpg);
	}
	.wav {
		background-image:url(../../images/misc/media/wav.jpg);
	}
	.zip {
		background-image:url(../../images/misc/media/zip.jpg);
	}

	
	
	
	
	.grid-view .result-grid-row{
		float:left;
		width:640px;
		padding:0 0 10px;
		margin:0 0 5px 0 !important;
		margin:0 0 5px 10px;
		background:url(../../images/misc/dots/treble.gif) 0 100% repeat-x;
	}
	.grid-view{
		margin-top:20px;
		background:url(/images/misc/dots/treble.gif) 0 0 repeat-x;
		width:640px;
	}
	.grid-view .result{
		width:150px;
		overflow:visible;
		margin:0 0 10px 10px;
		height:210px;
		padding:0;
		position:relative;
		background-position:96px 0 !important;
		background-position:96px 0;
		background-repeat:no-repeat;
		background-image:none;
		padding-top:16px;
		float:left;
	}.grid-view .f{
		margin-left:0;
	}
		.grid-view a.img{
			margin:0;
			padding:0;
			width:140px;
			height:151px;
			background:url(../../images/layout/result/image-frame.gif) 100% 100% no-repeat;
		}
			.grid-view a.img div.frame{
				padding:10px;
				width:132px;
				height:101px;
				overflow:hidden;
				background:url(../../images/layout/result/image-frame.gif) 100% 100% no-repeat;
			}
				.grid-view a.img div.stack{
					position:relative;
					top:0px;
					left:0px;
					background:url(../../images/layout/result/image-frame.gif) 100% 100% no-repeat;
					width:132px;
					height:121px;
				}.grid-view a.img div.stack div.stack{
					top:-5px;
					left:-5px;
				}.grid-view a.img div.stack div.stack,.grid-view a.img div.stack div.frame{
					/*
					background-position:0 0;
					border:1px solid #888;
					border-width:0 1px 1px 0;
					*/
					background:url(../../images/layout/result/image-frame.gif) 100% 100% no-repeat;
				}
				
				.grid-view .result div.loading{
					width:130px;
					height:100px;
					overflow:hidden;
				}.grid-view .result div.loading{
					background:url(../../images/layout/result/loading.gif) 50% 50% no-repeat #252525;
				}
					.grid-view a.img img{
						width:130px;
					}
	.grid-view .info{
		background:url(../../images/layout/result/image-frame.gif) 100% 100% no-repeat;
		padding:5px;
		width:142px;
		height:60px;
		margin:1px 0 0 !important;
		margin:1px 0 0;
		overflow:hidden;
	}
		.grid-view .info h3{
			font-size:8pt !important;
			font-weight:normal;
		}
		.grid-view .info .attachment{
			border-right:0;
			padding-right:0;
			margin-right:0;
			height:50px;
		}
		
	
	.result .info h3{
		font-size:1.6em;
		font-weight:bold;
		line-height:1.4em;
		padding-bottom:4px;
	}
	.result .info p{
		color:#676767;
		font-size:1.2em;
		line-height:1.6em;
		padding-top:5px;
	}
		.result .info p a{
			color:#676767;
			text-decoration:underline;
		}.result .info p a:hover{color:#f16681}
		
	.result .info h3 a{color:#595858;}
	.result .pubYear,
	.result .metaInfo{
		font-size:1.1em;
		color:#6d6d6d;
		float:left;
	}
	
	
	.result .metaInfo{
		background:url(../../images/layout/result/image-frame.gif) 100% 100% no-repeat;
		margin:-4px 0 0;
		padding:4px 2px 5px;
		display:block;
		width:148px;
		height:18px;
		line-height:18px;
		overflow:hidden;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		border-top:1px dotted #aaa;
		white-space:nowrap;
	}
		.result .metaInfo li{
			margin:0 !important;
			padding:2px 5px !important;
			font-size:.9em !important;
			list-style:none;
			display:inline;
			border-left:1px dotted #aaa;
		}.result .metaInfo li.f{
			border-left:none;
			padding-left:0 !important;
		}
	
	
	
	
/*/////////////////////////////////////////////////////////////////////
	Global - Search
/////////////////////////////////////////////////////////////////////*/

	/* Tabs */
	ul.tabs {
		background:url(../../images/misc/tabs/tab.gif) repeat-x bottom left;
		margin:0 0 24px 0;
		height:33px;
	}
		ul.tabs li {
			float:left;
			list-style:none;
		}
			ul.tabs li a {
				display:block;
				height:33px;
				text-decoration:underline;
				color:#676767;
				font-size:1.5em;
				line-height:33px;
				float:left;
			}
				ul.tabs li a span {
					display:block;
					float:left;
					padding:0 20px;
					background:url(../../images/misc/arrows/arrow-pink.gif) no-repeat 6px 13px;
				}
				ul.tabs li a:hover {
					color:#F16681;
				}
			ul.tabs li.active a {
				background:url(../../images/misc/tabs/tab-l.gif) no-repeat top left;
				color:#464646;
				text-decoration:none;
			}
				ul.tabs li.active a span {
					background:url(../../images/misc/tabs/tab-r.gif) no-repeat top right;
					padding:0 25px;
				}
				ul.tabs li.active a:hover {
					color:#464646;
				}

	/* Pag */
	.pag {
		padding:0 0 16px 0;
		margin:0 0 15px 0;
	}
		.pag p {
			font-size:1.2em;
			color:#777777;
			line-height:1.4em;
			float:left;
			padding:0 0 0 0;
			margin:10px 10px 0 0;
		}
			.pag p a {
				color:#777777;
				text-decoration:underline;
				font-style:italic;
			}
				.pag p a:hover {
					color:#F16681;
				}
		.pag p.next {
			padding:0 10px 0 0;
		}
			.pag p.next a {
				padding:0 18px 0 0;
				background:url(../../images/misc/arrows/arrow-pink.gif) no-repeat center right;
			}
		.pag p.showall {
			padding:0 10px 0 0;
			float:right;
		}
			.pag p.showall a {
				padding:0 0 0 14px;
				margin:0 8px 0 4px;
				background:url(../../images/misc/arrows/arrow-pink.gif) no-repeat center left;
			}
		.pag p.prev {
			padding:0 0 0 10px;
		}
			.pag p.prev a {
				padding:0 0 0 14px;
				background:url(../../images/misc/arrows/arrow-pink-l.gif) no-repeat center left;
			}
		.pag ul {
			float:left;
			margin:8px 12px 0 0;
		}
			.pag ul li {
				list-style:none;
				float:left;
				font-size:1.2em;
				line-height:18px;
				margin:0 2px 0 0;
			}
				.pag ul li a {
					display:block;
					float:left;
					height:16px;
					width:16px;
					text-decoration:none;
					line-height:16px;
					text-align:center;
					border:1px solid #898989;
					background:#ccc;
					color:#898989;
				}
					.pag ul li a:hover,
					.pag ul li.active a {
						background:#acacac;
						color:#ffffff;
					}
		.pag form {
			float:right;
			width:200px;
		}
			.pag form label {
				font-size:1.2em;
				color:#777777;
			}
				.pag form label select {
					width:145px;
					margin:0 0 0 10px;
					display:inline;
				}
	
	
	.pag.showall {}
		.pag.showall p.next {
			padding-right:0;
			margin-right:0;
			background:none;
		}
		.pag.showall p.showall {
			float:right;
			margin-right:0;
			padding-right:0;
			background:none !important;
		}
			.pag.showall p.showall a {
				padding-right:0;
				margin-right:0;
			}
			
	
	/* Title */
	.title {
		background:url(../../images/misc/dots/double.gif) repeat-x bottom left;
		padding:0 0 6px 0;
		margin:0 0 24px 0;
	}
		.title h2,
		.title h1 {
			font-size:3em;
			font-weight:100;
			color:#464646;
			line-height:1.2em;
			float:left;
			/*width:550px;
            width:420px;*/
		}
		.title ul {
			float:right;
			width:74px;
		}
			.title ul li {
				float:left;
				list-style:none;
				width:32px;
				height:34px;
				padding:0 0 0 5px;
			}
				.title ul li a, .title ul li span {
					display:block;
					outline:0;
					height:34px;
					width:32px;
					background-position:top left;
					background-repeat:no-repeat;
					background-image:url(../../images/buttons/view.gif);
					text-indent:-9999px;
				}
				.title ul li.grid a {
					background-position:-32px 0;
				}
					.title ul li.grid.active span,
					.title ul li.grid a:hover {
						background-position:-32px -34px;
					}
				.title ul li.list a {
					background-position:0 0;
				}
					.title ul li.list.active span,
					.title ul li.list a:hover {
						background-position:0 -34px;
					}
					.newsdetail .title h1{
						width:auto;
					}
	.title h3{
		font-size:4em;
		font-weight:100;
		color:#464646;
		line-height:1.2em;
		clear:left;
	}
					
	.title.mid {
		margin-top:30px;
		margin-bottom:14px;
	}
		.title.mid h2,
		.title.mid h1 {
			font-size:2.6em;
		}
	
	.title.info {
		background:none;
		margin:0;
		padding:0;
	}
		.title.info h1 {
			color:#464646;
			font-size:3em;
			font-weight:100;
			line-height:1em;
			padding:0 0 2px 0;
			float:none;
		}
		.title.info p.info {
			color:#676767;
			font-size:1.2em;
			line-height:1.2em;
			margin:0 0 20px 0;
		}
		.title.info ul {
			height:29px;
			margin:0 0 10px 0;
			float:none;
			width:auto;
		}
			.title.info ul li {
				list-style:none;
				float:left;
				height:29px;
				line-height:29px;
				font-size:1.5em;
				color:#464646;
				margin:0 18px 0 0;
				width:auto;
				text-indent:0;
			}
				.title.info ul li a {
					text-decoration:underline;
					color:#464646;
					display:inline-block;
					padding:0 0 0 14px;
					background:url(../../images/misc/arrows/arrow-pink.gif) no-repeat 0 12px;
					width:auto;
					text-indent:0;
				}
					.title.info ul li a:hover {
						color:#F16681;
					}
			.title.info ul li.rating {
				height:24px;
				width:112px;
				padding:5px 0 0 5px;
				line-height:19px;
				text-align:center;
				background:url(../../images/misc/dots/dot-box.gif) no-repeat top left;
			}
				.title.info ul li.rating span {
					display:block;
					padding-right:5px;
				}
				.title.info ul li.rating img {
					float:left;
					margin:0 4px 0 0;
				}
				
			
				
/*/////////////////////////////////////////////////////////////////////
	Global - Article
/////////////////////////////////////////////////////////////////////*/
	
	/* Video */
	.videoplayer {
		border:1px solid #cacaca;
		background:url(../../images/layout/article/video-line.gif) no-repeat bottom right;
		padding:19px 19px 9px 19px;
		border-bottom:0;
	}
		.videoplayer .player {
			padding:0 0 10px 0;
			background:url(../../images/layout/article/gradient.jpg) repeat-x bottom center;
		}
	
	/* Article */
	.post {
		margin:0 0 1px 0;
	}
		.post .content {
			border:1px solid #cacaca;
			border-bottom:0;
			padding:12px 18px;
		}
			.post .options {
				border:1px solid #cacaca;
				border-top:0;
				background:url(../../images/layout/article/options-gradient.jpg) repeat-x bottom center;
			}
				.post .options ul {
					border:1px solid #ffffff;
					border-top:0;
					padding:12px;
					background:url(../../images/misc/dots/long-dots.gif) no-repeat top center;
					height:40px;
					overflow:hidden;
				}
					.post .options ul li {
						list-style:none;
						float:left;
						margin:5px 2px 0 0;
					}
						.post .options ul li a {
							display:block;
							outline:0;
							text-indent:-9999px;
							height:31px;
							background-repeat:no-repeat;
							background-position:top left;
						}
							.post .options ul li a:hover {
								background-position:bottom left;
							}
					.post .options ul li.addcomment a {
						background-image:url(../../images/buttons/add-comment.jpg);
						width:130px;
					}
					.post .options ul li.ratethis a {
						background-image:url(../../images/buttons/rate-this.jpg);
						width:104px;
					}
				.post .options ul li.share {
					margin-right:0;
				}
					.post .options ul li.share a {
						background-image:url(../../images/buttons/share-this.jpg);
						width:166px;
					}
		
	.post.thin .content {
		width:394px;
		float:left;
		overflow:hidden;
	}
		.post.thin .content .img {
			margin-bottom:10px;
			margin-left:0;
			margin-right:0;
			float:none;
		}
	.post.thin .options {
		width:430px;
		float:left;
	}
	
	.post.video {
		border-top:0;
	}
		.post.video .content {
			width:394px;
			float:left;
			border-top:0;
		}
			.post.video .text .img {
				margin-bottom:10px;
				margin-right:0;
				margin-left:0;
			}
		.post.video .options {
			width:430px;
			float:left;
		}
	
	/* Files / Downloads */
	.downloads {
		width:195px;
		float:right;
		position:relative;
	}
		.downloads h2 {
			color:#464646;
			font-size:2.6em;
			font-weight:100;
			line-height:1em;
			height:26px;
			margin:0 0 1px 0;
			padding:0 6px 8px 6px;
			background:url(../../images/misc/dots/single.gif) repeat-x bottom center;
		}
		.downloads ul {
			background:url(../../images/layout/side/grad.jpg) repeat-x top center;
			padding:10px 0 0 0;
			position:absolute;
			top:35px;
			left:0;
			width:195px;
		}
			.downloads ul li {
				list-style:none;
				background-position:0 10px;
				background-repeat:no-repeat;
				position:relative;
				margin:0 0 5px 0;
			}
				.downloads ul li div {
					background:url(../../images/misc/dots/double.gif) repeat-x bottom left;
					padding:5px 25px 12px 50px;
					min-height:55px;
					height:auto !important;
					height:55px;
				}
				.downloads ul li h3 {
					position:absolute;
					top:6px;
					right:0;
					height:19px;
					width:19px;
					background:url(../../images/misc/creative-commons.gif) no-repeat top right;
					text-indent:-9999px;
				}
				.downloads ul li p {
					font-size:1.2em;
					line-height:1.3em;
					color:#878787;
					padding:0 0 8px 0;
				}
					.downloads ul li p a {
						font-style:italic;
						text-decoration:underline;
						color:#878787;
					}
						.downloads ul li p a:hover {
							color:#F16681;
						}
				.downloads ul li.f div {
					background-image:url(../../images/misc/dots/treble-pink.gif);
					padding-bottom:25px;
				}
				
	.downloads.video {
		padding:16px 0 0 0;
	}
		.downloads.video ul {
			top:51px;
		}
					
	/* Review */
	.review {
		background:url(../../images/misc/wood/wood.jpg) top left;
		padding:2px;
		width:428px;
		margin:0 0 30px 0;
		float:left;
	}
		.review h2 {
			background:url(../../images/misc/wood/wood-grad.jpg) repeat-x top left;
			color:#fff;
			font-size:2.6em;
			font-weight:100;
			line-height:1em;
			padding:25px 20px 5px 20px;
		}
		.review .profileinfo {
			margin:0 5px;
			background:#fff url(../../images/misc/dots/single.gif) repeat-x 0 1px;
			padding:20px 14px 10px 20px;
		}
		.review .content {
			margin:0 5px 5px 5px;
			background:#fff url(../../images/misc/dots/single.gif) repeat-x 0 1px;
			padding:18px 12px;
		}
		
	/* Comments */
	.comments {
		width:424px;
		float:left;
		margin:0 0 20px;
	}
		.comments h2 {
			background:url(../../images/misc/dots/single.gif) repeat-x bottom left;
			color:#464646;
			font-size:2.6em;
			font-weight:100;
			line-height:1em;
			padding:0 0 10px 0;
			margin:0 0 12px 0;
		}
			
		.comments .comment {
			margin:0 0 12px 0;
		}
			.comments .comment .profileinfo {
				padding:8px 0 18px 0;
				background:url(../../images/layout/comments/top.gif) no-repeat bottom center;
			}
				.comments .comment .profileinfo h3 {
					font-size:1.6em;
				}
				.comments .comment .content {
					padding:15px 20px 5px 20px;
					background:url(../../images/layout/comments/back.gif) repeat-y center;
				}
				.comments .comment .options {
					padding:10px 0 0 0;
					background:url(../../images/layout/comments/bottom.gif) no-repeat top center;
				}
					.comments .comment .options ul.arrow {
						margin-bottom:0;
						padding-bottom:30px;
						background:url(../../images/misc/dots/treble.gif) repeat-x bottom left;
					}
		.comments p.no {
			font-size:1.6em;
			font-weight:bold;
			color:#5a5959;
			padding:0 0 30px 0;
			background:url(../../images/misc/dots/double.gif) repeat-x bottom left;
		}

/***
* Site search
*/

#sitesearch{
    display:block;
    margin:5px 0 10px;
    padding:0 0 20px;
    background:url(../../images/misc/dots/treble.gif) 0 100% repeat-x;
}
    #sitesearch input#q{
        display:block;
        float:left;
        width:300px;
        padding:3px 4px;
        margin:0;
        font-size:1.2em;
        color:#555;
        border:1px solid #C0BEBE;
        background:url(../../images/forms/input-shadow.gif) 0 0 no-repeat;
    }
    label.accessibility span{
        display:none;
    }
    #btnSearch{
        display:block;
        float:left;
        width:80px;
        height:30px;
        margin:-2px 0 0 -2px;
        padding:0;
        background:url(../../images/buttons/frontend-buttons.jpg) -10px -8px no-repeat;
        border:0;
        text-indent:-9999px;
        cursor:pointer;
    }
    #orelibrary{
        display:block;
        float:left;
        font-size:1.4em;
        color:#454545;
        padding:2px 0 0 16px;
        font-style:italic;
        font-weight:bold;
    }
        #orelibrary a{
            color:#333;
            font-size:1.2em;
            padding:0 0 0 10px;
            font-style:normal;
            font-weight:normal;
        }


.results{
    /*margin:-15px 0 0;*/
    padding:0;
}

.results .result{
    padding:10px 0 10px;
    font-size:1.2em;
    color:#454545;
}
    .results .result h2{
        font-weight:bold;
        display:block;
        font-size:1.4em;
        color:#454545;
        margin:0;
        padding:0;
    }
    .results .result p{
        font-size:1.2em;
        margin:0;
        padding:0;
    }
    .results .result p a,
    .results .result p a:hover{
        display:block;
        color:#454545 !important;
        text-decoration:none;
    }.results .result h2 a{
        color:#4050b1;
        display:block;
    }



/***
* Stats
*/
div.pagestats {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    opacity: .05;
    filter: alpha(opacity=50);
    background:#000;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    color:#FFFFFF;
    padding:5px;
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    height:30px;
    overflow:auto;
    display:block;
	transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
}div.pagestats:hover{
	opacity:.8;
	height:200px;
}


/***************
 * NEW SIDEBAR *
 ***************/

#side{
	display:block;
	border-top:10px solid #dbdbdb;
	background:#fbfbfb;
	margin-top:0 !important;
}
	#side .box{
		display:block;
	}
		#side .box h3{
			font-size:2.6em;
			color:#464646;
			font-weight:normal;
			padding:30px 25px 4px;
			border-bottom:1px dotted #dedede;
			margin:0;
			width:255px;
		}
		#side .box .list{
			background:#f2f2f2;
			margin:0;
			padding:0;
		}
			#side .box .list ul{
				padding:10px 0;
				margin:0;
			}#side .box .list ul ul{
				padding:0;
				margin:0;
			}
				#side .box .list ul li{
					list-style:none;
					padding:0;
					margin:0;
					display:block;
				}
					#side .box .list ul li div{
						margin:0 !important;
						padding:0;
						display:block;
					}
					#side .box .list ul li span.menu-item {
						display:block;
						font-size:1.2em;
						font-weight:bold;
						color:#676767;
						padding:5px 15px 5px 30px;
					}
					#side .box .list ul li li span.menu-item {
						padding-left:45px;
					}
					#side .box .list ul li li li span.menu-item {
						padding-left:60px;
					}
					#side .box .list ul li li li li span.menu-item {
						padding-left:75px;
					}
						#side .box .list ul li div a,
						#side .box .list ul li div div.empty {
							padding:5px 15px 5px 25px;
							margin:0;
							display:block;
							font-size:1.2em;
							color:#676767;
							outline:0;
						}
						#side .box .list ul li div a:hover {
							color:#434343;
						}
						#side .box .list ul li li div a,
						#side .box .list ul li li div div.empty{
							padding-left:30px;
						}
						#side .box .list ul li li li div a,
						#side .box .list ul li li li div div.empty {
							padding-left:45px;
						}
						#side .box .list ul li li li li div a {
							padding-left:60px;
						}
                        #side .box .list ul li div span.empty {
                            padding:0px 15px;
                            margin:0;
							display:block;
							font-size:1.2em;
							color:#676767;
						}
							
							/* basic chevron and boxarrows appearance, with hover state */
							#side .box .list ul li div a span{
								padding-left:15px;
								display:block;
							}#side .box .list ul.chevron li div a span,
							 #side .box .list ul ul.chevron li div a span,
							 #side .box .list ul ul ul.chevron li div a span,
							 #side .box .list ul ul ul ul.chevron li div a span{
								background:url(../../images/misc/arrows/arrow-pink.gif) 0 4px no-repeat;
							}#side .box .list ul.chevron li div a:hover span,
							 #side .box .list ul ul.chevron li div a:hover span,
							 #side .box .list ul ul ul.chevron li div a:hover span,
							 #side .box .list ul ul ul ul.chevron li div a:hover span{
								background-image:url(../../images/misc/arrows/arrow-pink.gif);
							}#side .box .list ul.boxarrows li div a span,
							 #side .box .list ul ul.boxarrows li div a span,
							 #side .box .list ul ul ul.boxarrows li div a span,
							 #side .box .list ul ul ul ul.boxarrows li div a span,
							 #side .box .list ul.boxarrows li div.active a:hover span,
							 #side .box .list ul ul.boxarrows li div.active a:hover span,
							 #side .box .list ul ul ul.boxarrows li div.active a:hover span,
							 #side .box .list ul ul ul ul.boxarrows li div.active a:hover span{
								background:url(../../images/misc/arrows/square-right.gif) 0 4px no-repeat;
							}#side .box .list ul.boxarrows li div a:hover span,
							 #side .box .list ul ul.boxarrows li div a:hover span,
							 #side .box .list ul ul ul.boxarrows li div a:hover span,
							 #side .box .list ul ul ul ul.boxarrows li div a:hover span{
								background:url(../../images/misc/arrows/square-right-h.gif) 0 4px no-repeat;
							}#side .box .list ul.boxarrows li div a span.down,
							 #side .box .list ul ul.boxarrows li div a span.down,
							 #side .box .list ul ul ul.boxarrows li div a span.down,
							 #side .box .list ul ul ul ul.boxarrows li div a span.down,
							 #side .box .list ul.boxarrows li div.active a span.down,
							 #side .box .list ul ul.boxarrows li div.active a span.down,
							 #side .box .list ul ul ul.boxarrows li div.active a span.down,
							 #side .box .list ul ul ul ul.boxarrows li div.active a span.down{
								background:url(../../images/misc/arrows/square-down-h.gif) 0 4px no-repeat;	
							}#side .box .list ul.boxarrows li div a:hover span.down,
							 #side .box .list ul ul.boxarrows li div a:hover span.down,
							 #side .box .list ul ul ul.boxarrows li div a:hover span.down,
							 #side .box .list ul ul ul ul.boxarrows li div a:hover span.down,
							 #side .box .list ul.boxarrows li div.active a:hover span.down,
							 #side .box .list ul ul.boxarrows li div.active a:hover span.down,
							 #side .box .list ul ul ul.boxarrows li div.active a:hover span.down,
							 #side .box .list ul ul ul ul.boxarrows li div.active a:hover span.down{
								background:url(../../images/misc/arrows/square-down-h.gif) 0 4px no-repeat;	
							}
							
							/* active chevron and boxarrows appearance, with hover state */
							#side .box .list ul.chevron li div.active a,
							#side .box .list ul ul.chevron li div.active a,
							#side .box .list ul ul ul.chevron li div.active a,
							#side .box .list ul ul ul ul.chevron li div.active a,
							#side .box .list ul.chevron li div.active a:hover,
							#side .box .list ul ul.chevron li div.active a:hover,
							#side .box .list ul ul ul.chevron li div.active a:hover,
							#side .box .list ul ul ul ul.chevron li div.active a:hover{
								background:url(../../images/buttons/side-active.jpg) 0 0;
								color:#fff;
							}
								#side .box .list ul.chevron li div.active a span,
								#side .box .list ul ul.chevron li div.active a span,
								#side .box .list ul ul ul.chevron li div.active a span,
								#side .box .list ul ul ul ul.chevron li div.active a span,
								#side .box .list ul.chevron li div.active a:hover span,
								#side .box .list ul ul.chevron li div.active a:hover span,
								#side .box .list ul ul ul.chevron li div.active a:hover span,
								#side .box .list ul ul ul ul.chevron li div.active a:hover span{
									background-image:url(../../images/misc/arrows/arrow-white.gif);
								}
							#side .box .list ul.boxarrows li div.active a,
							#side .box .list ul ul.boxarrows li div.active a,
							#side .box .list ul ul ul.boxarrows li div.active a,
							#side .box .list ul ul ul ul.boxarrows li div.active a,
							#side .box .list ul.boxarrows li div.active a:hover,
							#side .box .list ul ul.boxarrows li div.active a:hover,
							#side .box .list ul ul ul.boxarrows li div.active a:hover,
							#side .box .list ul ul ul ul.boxarrows li div.active a:hover{
								background:url(../../images/buttons/side-active.jpg) 0 0;
								color:#fff;
							}		
		#side .box address{
			font-size:1.3em;
			font-weight:100;
			padding:30px 23px 40px 36px;
			font-style:normal;
			margin:0;
			color:#464646;
			background:#fbfbfb;
			border-bottom:1px dotted #dedede;
		}#side .box address strong{
			font-size:1.2em;
		}
							
							
		#side .box .list,
		#side .box .list ul,
		#side .box .list li,
		#side .box .list div,
		#side .box .list span{
			zoom:1;
		}
					
					
		/* Search Events */
		.search-events {
			background:url(../../images/misc/dots/treble.gif) repeat-x left bottom;
			margin:0 0 24px 0;
			padding:0 0 14px 0;
		}
			.search-events h1 {
				color:#464646;
				font-size:3em;
				font-weight:100;
				line-height:1.2em;
				background:url("../../images/misc/dots/double.gif") repeat-x scroll left bottom transparent;
				margin:0 0 14px;
				padding:0 0 6px;
			}
			.search-events p {
				color:#676767;
				font-size:1.2em;
				margin:0 0 10px 0;
				padding:0 0 14px 0;
				background:url(../../images/misc/dots/single.gif) repeat-x left bottom;
			}
			.search-events select {
				width:170px;
				float:left;
				margin:3px 15px 0 0;
			}
			.search-events button#event-search {
				background:url(../../images/buttons/frontend-buttons.jpg) no-repeat -10px -10px;
				height:24px;
				width:76px;
				float:left;
				text-align:left;
				font-size:1px;
				line-height:1px;
				text-indent:-9999px;
			}
			
/****** Featured Listings ******/
.featured #content #section {
	float:right;
	width:687px;
}
	.featured #content #section h1.hide {
		display:none;
	}
	
	.featured #content #section .wrapfeatured {
		overflow:hidden;
		width:682px;
	}
	.featured #content #section .featuredlistings {
		background:url(../../images/layout/featured/grid.gif) repeat-y top center;
		width:702px;
	}
	.featured #content #section .featureditem {
		float:left;
		width:190px;
		height:280px;
		padding:0 22px 46px 22px;
		overflow:hidden;
	}
		.featured #content #section .featureditem .img {
			background:url(../../images/layout/result/image-frame.gif) no-repeat 100% 100%;
			padding:10px;
			margin:0 0 10px 0;
		}
			.featured #content #section .featureditem .img a {
				display:block;
				height:120px;
				width:170px;
				overflow:hidden;
			}
				.featured #content #section .featureditem .img a img {
					height:120px;
					width:170px;
				}
		.featured #content #section .featureditem h2 {
			font-size:16px;
			line-height:18px;
			color:#676767;
			margin:0 0 2px 0;
		}
			.featured #content #section .featureditem h2 a {
				color:#676767;
				text-decoration:none;
			}
				.featured #content #section .featureditem h2 a:hover {
					color:#f16681;
				}
				
		.featured #content #section .featureditem p{
			margin:0 0 6px 0;
			font-size:12px;
			line-height:16px;
			color:#676767;
		}
		
	.featured #content #section .pag {
		margin-left:24px;
	}

	.noFeaturedItem {
		margin:0 0 10px 23px;
		background:none;
	}
		.noFeaturedItem p {
			font-size:12px;
			color:#676767;
		}


/****** Banners ******/
.banner a {
	margin:0 0 15px;
	float:left;
}



/* SEP Catalyst static */

#catalyst{
	padding: 30px 0 0 245px;
	overflow: hidden;
	clear: both;
	display: block;
	margin-bottom: 20px;
}

#catalyst p {
	margin: 10px 0;
}

.catalyst, .catalyst a{
	background:url(/images/sep/catalyst-header.jpg) no-repeat;
	height: 48px;
	width: 159px;
	display: block;
	text-indent: -9999px;
}

.sep, .sep a{
	background:url(/images/sep/sep-header.jpg) no-repeat;
	height: 127px;
	width: 181px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.catalyst-opening{
	width: 545px;
	display: block;
	font-family:Arial;
	font-size: 12px;
	color: #676767;
	margin: 10px 0 0;
}

.dotted-border{
	background:url(/images/sep/dotted-break.jpg) repeat-x;
	height: 3px;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}

.image-rotater{
	height: 270px;
}


.access-catalyst{
	float: left;
	width: 363px;
	overflow: hidden;
	margin-right: 10px;
}

.access-catalyst h1{
	font-family:Arial;
	font-size: 22px;
	color: #464646;
}

.access-catalyst p{
	font-family:Arial;
	font-size: 12px;
	color: #676767;
}

.access-catalyst p a{
	font-family:Arial;
	font-size: 12px;
	color: #676767;
	text-decoration:underline;
	font-style:italic;

}

.how-can-i-get{
	float: left;
	width: 373px;
	overflow: hidden;
}

.how-can-i-get h1{
	font-family:Arial;
	font-size: 22px;
	color: #464646;
}

.how-can-i-get p{
	font-family:Arial;
	font-size: 12px;
	color: #676767;
}

.how-can-i-get p a{
	text-decoration:underline;
	font-style:italic;
	color: #676767;
}

.varitety-of-science{
	overflow: hidden;
}

.varitety-of-science h1{
	font-family:Arial;
	font-size: 29px;
	color: #464646;
	font-weight: bold;
	margin: 16px 0;
}

#catalyst .varitety-of-science p{
	width: 470px;
	display: block;
	float: left;
	font-family:Arial;
	font-size: 12px;
	color: #676767;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

.varitety-of-science img{
	float: right;
	width: 255px;
	padding: 0 0 0 10px;
}

.catalysis-magazine h2{
	font-family:Arial;
	font-size: 22px;
	color: #464646;
	width: 565px;
	display: block;
	float: left;
	font-weight: bold;
	margin: 20px 0 0;
}

.catalysis-magazine p{
	width: 565px;
	display: block;
	float: left;
	font-family:Arial;
	font-size: 12px;
	color: #676767;
	margin: 0;
	padding: 0;
}

.catalysis-magazine img{
	float: right;
	width: 170px;
	margin: 25px 0 0 0;
	border: #CCC 1px solid;
}



.teacher-classroom{
	overflow: hidden;
}

.teacher-classroom h1{
	font-family:Arial;
	font-size: 30px;
	color: #464646;
	font-weight: bold;
    margin: 15px 0;
}

.teacher-classroom p{
	font-family:Arial;
	font-size: 12px;
	color: #676767;
	padding-top: 10px;
}

.teacher-classroom p a{
	text-decoration:underline;
	font-style:italic;
	color: #676767;
}



.footer{
	border-top:3px #acacac solid;
}

.footer a{
	text-decoration: none;
}

.footer a:hover{
	text-decoration: underline;
}


.twitter{
	background:url(/images/buttons/twitter-link.jpg) no-repeat;
	height: 34px;
	width: 120px;
	display: block;
	text-indent: -9999px;
	float: left;
}


/* Image Rotator */

.main_image {
    width: 440px;
    height: 270ipx;
    float: left;
    background: #e5e0d8;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 20px;
	font-family:Arial;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 5px 10px 0 10px;
}
.main_image h2 a {
	color: #fff;
	text-decoration: none;
}
.main_image p {
    font-size: 12px;
    padding: 5px 10px 10px 10px;
	font-family:Arial;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
}


.image_thumb {
    float: right;
    width: 285px;
}
.image_thumb img {
    padding: 5px;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 21px 0 0 0;
    padding: 0px 5px;
    width: 279px;
    float: left;
	background: #e5e0d8;
	color: #1c413a;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #1c413a;
	color: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 12px;
    margin: 5px 0;
    padding: 10px 0 0 0;
	font-family: Arial;
	font-size: 12px;
}
html .image_thumb ul li h2 a {
	text-decoration:none;
	color: #1C413A;
}
html .image_thumb ul li.active h2 a {
	color: #fff;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

.first{margin: 0 !important;}

.p2{
	padding-top: 20px !important;
}

.right-footer{
	float: right;
	padding: 20px 0 0 0;
	width: 300px;
}

.note{
	font-family:Arial;
	font-size: 12px;
	color: #676767;
}

.follow{
	float: left;
	padding-top: 8px;
	padding-right: 5px;
	font-family: Arial;
	font-size: 14px;
	color: #676767;
}

.arrows{
	display: block;
	padding-left: 15px;
	background:url(/images/layout/arrow_bg.jpg) 0 4px no-repeat;
}

.box-left{
	float: left;
}


.left-box{
	padding-top: 10px;
	width: 500px;
	float: left;
}


.contact-note{
	color: #676767;
	font-size: 1.2em;
}



 .block p a{
	 color: #fff;
	 text-decoration: none;
 }

 .block p a:hover{
	 text-decoration: underline;
 }

  .volumes-catalysts{
	clear: both;
	padding: 5px 0 0 0;
 }

 
 /* new news archive css*/
     .newsArchive ul ul{
        display:block;
    }
    .newsArchive ul{
        display:block;
    }
    .newsArchive{
        display:block;
    }
    .newsArchive .display{
        display:block !important;
    }
    .newsArchive .down {
       background: url("../../images/misc/arrows/square-down-h.gif") no-repeat scroll 25px 9px transparent !important;
    }
    .newsArchive ul .down{
       background:url("../../images/misc/arrows/square-down-h.gif") no-repeat scroll 30px 9px transparent !important
    }
    .newsArchive li a{
       background: url("../../images/misc/arrows/square-right.gif") no-repeat scroll 25px 10px transparent;
         color: #676767;
        display: block;
        font-size: 1.2em;
        margin: 0;
        outline: 0 none;
        padding: 5px 15px 5px 42px;
    }
    .newsArchive ul li a{
         color: #676767;
        display: block;
        font-size: 1.2em;
        margin: 0;
        outline: 0 none;
         padding: 5px 15px 5px 48px;
          background: url("../../images/misc/arrows/square-right.gif") no-repeat scroll 30px 10px transparent;
    }
    .newsArchive ul ul li a{
        background:url("../../images/misc/arrows/arrow-pink.gif") no-repeat scroll 40px  9px transparent;
       padding: 5px 15px 5px 56px;
    }
    
    .newsArchive .active{
        background: url("../../images/buttons/side-active.jpg") repeat scroll 0 0 transparent !important;
        color: #FFFFFF;
    }
	
	.cke_dialog_ui_button cke_dialog_ui_button_cancel{
		display:none;
	}
	.box a.news-rss {
    background: url("../../images/layout/rss.jpg") no-repeat scroll center top transparent;
    display: block;
    float: left;
    height: 22px;
    left: 207px;
    margin-left: 58px;
    margin-top: -44px;
    position: relative;
    top: 12px;
    width: 23px;
}