/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html{color:#000;background:#FFF;font-size:75%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input, button, textarea, select, optgroup, option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}


/** city connects global styles **/
html{
    background-color:#a1a1a1;
    font-family: Arial,Helvetica,sans-serif;
    }
body {
    background-color:#a1a1a1;
    color: #333333;
    font: 100% Arial,Helvetica,sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    }
a {
    color:#98012e;
    }
a:hover {
    color:#333333;
    }
.up {
    text-transform:uppercase;
    }
.bold {
    font-weight:bold;
    }
.floatLeft {
    float:left;
    }
.floatRight {
    float:right;
    }
.clear {
    clear:both;
    }
.hide{
    visibility: hidden;
    }
.displaynone{
    display:none;
    }

.mainContent .contentWhiteBox .contentWhiteBox_content ul li a {
    background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/arrow_icon.gif") 0px 2px no-repeat;
     padding-left:18px;
     text-decoration:none;
     list-style-type: none;
    }
.mainContent ul li a:hover {
    background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/arrow_icon_over.gif") 0px 2px no-repeat;
    }
.backArrow {
    background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/back_icon.gif") 0px 2px no-repeat;
     padding-left:18px;
     font-size:0.83em;
     text-decoration:none;
    }
.backArrow:hover {
    background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/back_icon_hover.gif") 0px 2px no-repeat;
    }

/** content box and shadow **/
.wrapper {
     margin:0px auto 0px auto;
     width:970px;
    }
.boxTop {
    background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/header_bg.png") top center no-repeat;
     height:44px;
    }
.boxWhiteContent {
    background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/content_bg.png") 0 0 repeat-y;
     height:100%;
     overflow:hidden;
     padding-bottom: 20px;
     }
.boxBottom {
    background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/footer_bg.png") bottom center no-repeat;
     height:40px;
    }
.boxWhiteContent .boxContent {
    width:912px;
     margin:0px auto 0px auto;
    }

/** header section **/
.header .logo {
    margin:0 0 0 25px;
    }
.header ul.followUs {
    float:right;
     margin-right:12px;
    }
.header ul.followUs li{
    color:#333333;
     float:left;
     font-size:0.92em;
     margin-right:6px;
    }
.header ul.followUs li a{
    color:#11A1D3;
     margin-top:-5px;
    }
.header ul.followUs li.signUp {
    margin-top:5px;
    }
.header form {
	background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/search_txt.gif") no-repeat scroll 0 0 transparent !important;
     margin-right:18px;
     margin-top:-50px;
     width:166px;
    }
.header form .search {
    background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/search_txt.gif") no-repeat scroll 0 0 transparent !important;
     border:medium none;
     color:#000000;
     font-size:0.75em;
     height:18px;
     margin:0;
     padding:0 5px 0;
     vertical-align:middle;
     width:133px;
    }
.header form .searchSubmit {
    padding:0px;
     margin:0px;
     border:none;
    }

/** nav section **/
.header .globalNav{
     background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/nav_bg.gif") repeat-x scroll 0 bottom transparent;
     height:26px;
     margin:8px 0 0;
    }
.header .globalNav ul {
     margin:0 auto;
     padding:0 0 0;
     width:558px;
     }
.header .globalNav ul li {
    float:left;
     height:13px;
     padding:0px;
     border:none;
     margin:0px;
    }
.header .globalNav ul li a {
     background-image:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/nav.gif");
     background-repeat:no-repeat;
     border:medium none;
     display:block;
     height:26px;
     outline:medium none;
     text-decoration:none;
     text-indent:-9999px;
     }

.header .globalNav ul li a.navAbout {
     background-position:0 0;
     width:168px;
     }
.header .globalNav ul li a.navAbout:hover, .header .globalNav ul li.selected a.navAbout {
    background-position:0px -28px;
    }

.header .globalNav ul li a.navResults {
     background-position:-168px 0;
     width:78px;
     }
.header .globalNav ul li a.navResults:hover, .header .globalNav ul li.selected a.navResults {
    background-position:-168px -28px;
    }

.header .globalNav ul li a.navPartners {
     background-position:-246px 0;
     width:96px;
     }
.header .globalNav ul li a.navPartners:hover, .header .globalNav ul li.selected a.navPartners {
    background-position:-246px -28px;
    }

.header .globalNav ul li a.navNews {
    background-position:-342px 0;
     width:67px;
     }
.header .globalNav ul li a.navNews:hover, .header .globalNav ul li.selected a.navNews {
    background-position:-342px -28px;
    }

.header .globalNav ul li a.navBlog {
     background-position:-409px 0;
     width:67px;
     }
.header .globalNav ul li a.navBlog:hover, .header .globalNav ul li.selected a.navBlog {
    background-position:-409px -28px;
    }

.header .globalNav ul li a.navContact {
     background-position:-476px 0;
     width:67px;
     }
.header .globalNav ul li a.navContact:hover, .header .globalNav ul li.selected a.navContact {
    background-position:-476px -28px;
    }


/** headerImage section **/
.header .headerImage{
    background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/bk_header.jpg") repeat-x scroll 0px 0px transparent;
    height:149px;
     width:912px;
    }
.header .headerImage p{
    color:#ffffff;
     font-size:1.167em;
     padding: 15px 0 0 38px;
     width:451px;
     line-height: 1.79em;
    }
.header .headerImage p.small{
    padding:45px 0 0 38px;
    }
 .header .headerImage .textimage .original_right, .header .headerImage .original_right {
    float: right !important;
    margin: 0 !important;
}
.header .headerImage .textimage {
margin:0 !important;
}
/** breadcrumb section **/
.header .breadcrumb {
    color: #5F5F5F;
    font-size: 0.833em;
    height: 22px;
    padding: 8px 0 0 17px;
    text-transform: capitalize;
    }

.header .breadcrumb span {
     height:13px;
     padding: 0 2px;
     border:none;
    }
.header .breadcrumb a {
     color:#5f5f5f;
     text-decoration:none;
    }
.header .breadcrumb a:hover {
    color:#621a4b;
     text-decoration:underline;
     padding: 0;
    }
    .header .breadcrumb span.bcd, .header .breadcrumb a.selected  {
    color:#621a4b;
     font-weight:bold;
     padding: 0;
    }
.header .breadcrumbShadow {
    background:url(/etc/designs/bc/schools/lsoe/cityconnects/images/breadcrumb.png) repeat-x scroll 0 bottom transparent;
     height:20px;
    }


/** left navigation **/
.mainContent .leftNav {
     width:170px;
     float:left;
     padding:0px 0 0 17px;
    }
.mainContent .leftNavDot {
    width:168px;
    }
.mainContent .leftNav p{
     font-size:0.833em;
     color:#3f4041;
     padding-bottom:4px;
    }
.mainContent .leftNav ul li.parent ul {
    padding-left:0px;
    }
    .mainContent .leftNav ul li {
          margin-top:15px;
     }
.mainContent .leftNav ul li a {
    color:#98012e;
    
     font-size:0.833em;
     text-decoration:none;
     }
.mainContent .leftNav ul li.parent ul li, .mainContent .leftNav ul li.current ul li {
     background: url("") no-repeat scroll 0 2px transparent;
    padding-left:0px;
    text-transform: none;
    margin: 0;
}
.mainContent .leftNav ul li.parent a, .mainContent .leftNav ul li.parent ul li a  {
    color:#aaaaaa;
     text-decoration:none;
    }
.mainContent .leftNav ul li.current a{
    color:#333333 !important;
    }
.mainContent .leftNav ul li a.over, .mainContent .leftNav ul li a:hover {
	
     background: url("") no-repeat scroll 0 2px transparent !important;
    color:#333333;
     text-decoration:none;
    }
.mainContent .leftNav ul li.parent {
    background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/arrow_icon_over.gif") no-repeat scroll 0px 2px transparent;
     color:#aaaaaa;
     text-decoration:none;
     display:block;
     padding-left:20px;
    }
.mainContent .leftNav ul li {
    background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/arrow_icon.gif") no-repeat scroll 0px 2px transparent;
     color:#98012e;
     text-decoration:none;
     display:block;
     padding-left:20px;
     text-transform: uppercase;
    }
.mainContent .leftNav ul li.current, .mainContent .leftNav ul li:hover {
    background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/arrow_icon_over.gif") no-repeat scroll 0px 2px transparent;
     color:#aaaaaa;
    }

.mainContent .leftNav span.second-line{
     padding:0 0 0 5px;
    } 
    
/** Testimonials bottom left nav region **/    
.mainContent .leftNav .testimonial{
    padding:45px 0 0 5px;
     width:157px;
    }
.mainContent .leftNav .testimonial p{
     font-family:Georgia, "Times New Roman", Times, serif;
     font-size:0.917em;
     font-style:italic;
     color:#621b4b;
     text-align:left;
     line-height:1.5em;
    }
.mainContent .leftNav .testimonial .quote{
     font-family:Georgia, "Times New Roman", Times, serif;
     font-size:0.917em;
     font-style:italic;
     color:#621b4b;
     text-align:right;
     padding:7px 10px 0 0;
    }
.mainContent .leftNav .testimonial .quote-two-lines{
     font-family:Georgia, "Times New Roman", Times, serif;
     font-size:0.917em;
     font-style:italic;
     color:#621b4b;
     text-align:right;
     width:144px;
      padding:7px 0 0 14px;
    }
.mainContent .leftNav .contactInfo {
    border-top:1px solid #d4d4d4;
     margin-top:36px;
     padding-top:31px;
     width:160px;
    }
.mainContent .leftNav .contactInfo .contactType {
    font-size:0.92em;
    }
.mainContent .leftNav .contactInfo p {
    font-size:1em;
     line-height:1.67em;
     padding-bottom:0px;
    }
.mainContent .leftNav .publication-item {
    border-top: 1px solid #DFDFDF;
    margin-right: 10px;
    margin-top: 18px;
    padding-top: 17px;
}
.mainContent .leftNav .publication-item a {
    font-size: 0.833em;
    text-decoration: none;
}
/** content white box **/
.mainContent .contentWhiteBox {
     float:left;
    }
.mainContent .contentWhiteBox .contentWhiteBox_content {
    height:auto !important;
     padding:17px 0 0 32px;
     width:690px;
    } 
.mainContent .contentWhiteBox .contentWhiteBox_content h1 {
    color: #621A4B;
    font-size: 2em;
    line-height: 1.17em;
    width: 585px;
    }
.mainContent .contentWhiteBox .contentWhiteBox_content h2 {
    color: #98012E;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.33em;
    font-weight:bold;
}
.mainContent .contentWhiteBox .contentWhiteBox_content h3 {
    font-weight:bold;
    margin-top: 20px;
    }
.mainContent .contentWhiteBox .contentWhiteBox_content p {
     font-size:1em;
     color:#3f4041;
     padding:15px 20px 0 0;
     line-height:1.5em;
    }
.mainContent .contentWhiteBox .contentWhiteBox_content ul {
    line-height: 1.64em;
    padding: 20px 2px 0;
    }
.mainContent .contentWhiteBox .contentWhiteBox_content ul li{
     font-size:1em;
     color:#3f4041;
     padding: 0 30px 3px 0;
    }
.redArrow {
    background: url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/arrow_icon.gif") no-repeat scroll 0 2px transparent;
    font-size: 0.83em;
    padding-left: 18px;
    text-decoration: none;
}
.noLink {
    background: url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/arrow_icon.gif") no-repeat scroll 0 5px transparent;
    color: #98012E !important;
    font-size: 1em;
    line-height: 1.33em;
    padding-left: 18px !important;
}
.mainContent .contentWhiteBox .contentWhiteBox_content .text ul li {
	list-style: disc outside none;
    margin: 0 30px;
	}
	
.imageHeader img {
    float: right;
}

/** rounded corners **/
body.roundContentArea .mainContent .contentWhiteBox .contentWhiteBox_content h1 {
    color: #98012E;
    margin: 20px 0 0;
}

.mainContent .contentWhiteBox .contentWhiteBox_top {
    background: url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/whiteBox_top.png") no-repeat scroll 0 top transparent;
    height: 15px;
    width: 725px;
}
.mainContent .contentWhiteBox .contentWhiteBox_content {
    background: url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/whiteBox_content.png") repeat-y scroll 0 top transparent;
    height: auto !important;
    min-height: 350px;
    padding: 10px 30px 5px;
    width: 665px;
}
.mainContent .contentWhiteBox .contentWhiteBox_bottom {
    background: url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/whiteBox_bottom.png") no-repeat scroll 0 top transparent;
    height: 32px;
    width: 725px;
}

.mainContent .contentWhiteBox .contentWhiteBox_content .resultscontent .image {
    padding-top: 4px;
    margin: 3px auto 28px;
    text-align: center;
}
/** COMPONENTS ***/
/* Textimage styles */
.textimage {
    margin-top:10px;
}
.textimage img, .textimage .none img{
    margin:0px ;
}
.textimage .text {
    margin-top:0px;
}
.image_right {
    float:right;
    margin:8px 0px 0 10px;
}

.image_right img{
    margin:0px 5px 5px 0px;
}
.image_left, .original {
    margin:5px 15px 0px 0;
    border:0 none !important;
 
}
.original img  {
    background:transparent none repeat scroll 0 0 !important;
    border:0 none !important;
    padding:0 !important;
    }
.textimage .image_left, .textimage .original {
    margin:0px 15px 0px 0;
    float:left;
}    
   
.textimage .image_left img, .textimage .original img {
    margin-bottom:0px;
}  
.textimage .original_right, .original_right  {
    float:right !important;
    margin:0px 0 0 10px !important;
}

.textimage .original_right img, .original_right  img{
    background:transparent none repeat scroll 0 0 !important;
    border:0 none !important;
    padding:0 !important;
  
}
.none {
    float:none !important;
    margin:8px 0 15px 0;
}
.bcimagerow .bcimage {
    margin-right:15px;
    max-width:100px;
    max-height:100px;
}
.parsys_column .bcimagerow .bcimage img {
    margin-right:5px;
    max-width:65px;
    max-height:65px;
}

.image_center, .original_center  {
    text-align:center !important;
}
.textimage .image_center img{
    margin:0 auto;
}

.textimage .original_center img, .original_center img {
    background:transparent none repeat scroll 0 0 !important;
    border:0 none !important;
    margin-bottom: 0px;
    text-align:center;
}

/** content white box dotted left border**/
.mainContent .contentWhiteBox .dottedBorder{
     background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/dot_vertical_line.gif") repeat-y scroll 11px 0 transparent;
     height:auto !important;
     margin-top:13px;
     overflow:hidden;
     padding: 0 0 20px 31px;
     width:696px;
     }
.mainContent .contentFullWidth h1 {
    color: #621A4B;
    font-size: 2em;
    line-height: 1.17em;
    padding: 0 0px 20px 30px;
}
.mainContent .contentFullWidth p {
    color: #621A4B;
    font-size: 1.25em;
    line-height: 1.313em;
     padding: 0 0 20px 30px;
    width: 800px;
}
/** 2 columns **/
.cq-colctrl-lt0 {
	margin: 0 auto;
    width: 750px;
}
.cq-colctrl-lt0-c0, .cq-colctrl-lt0-c1 {
	float: left;
    margin: 0 50px;
    width: 32%;
	}
.cq-colctrl-lt0-c0 h3, .cq-colctrl-lt0-c1 h3 {
	background: url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/headerWide.gif") no-repeat scroll 0 0 transparent;
    height: 49px;
    margin-bottom: 0px;
    padding-top: 0px;
    text-align: center;
    width: 288px;
	}
.cq-colctrl-lt0-c0 h3 a, .cq-colctrl-lt0-c1 h3 a {
	font-family: Arial;
    font-size: 1.2em;
    text-decoration: none;
    display: block;
    height: 49px;
    padding: 15px 0 0;
    text-align: center;
    width: 288px;
}
.cq-colctrl-lt0-c0 h3:hover, .cq-colctrl-lt0-c1 h3:hover {
background: url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/headerWide.gif") no-repeat scroll 0 -49px transparent;
    height: 49px;
    text-align: center;
    width: 288px;	
}
.cq-colctrl-lt0-c0 h3:hover a, .cq-colctrl-lt0-c1 h3:hover a {
	color:#FFFFFF;
    height: 49px;
    text-align: center;
    width: 288px;
}
/** 4 columns **/
.cq-colctrl-lt4 {
padding-right: 19px;
}
.cq-colctrl-lt4 div.cq-colctrl-lt4-c0, .cq-colctrl-lt4 div.cq-colctrl-lt4-c1, .cq-colctrl-lt4 div.cq-colctrl-lt4-c2, .cq-colctrl-lt4 div.cq-colctrl-lt4-c3 {
	float:right;
	width:24%;
	}
.cq-colctrl-lt4 div.cq-colctrl-lt4-c0 h3 , .cq-colctrl-lt4 div.cq-colctrl-lt4-c1 h3 , .cq-colctrl-lt4 div.cq-colctrl-lt4-c2 h3 , .cq-colctrl-lt4 div.cq-colctrl-lt4-c3 h3 {
background: url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/headers.gif") no-repeat scroll 0 0 transparent;
    height: 49px;
    margin-bottom: 0px;
    padding-top: 0px;
    text-align: center;
    width: 196px;
}
.cq-colctrl-lt4 div.cq-colctrl-lt4-c0 h3 a, .cq-colctrl-lt4 div.cq-colctrl-lt4-c1 h3 a, .cq-colctrl-lt4 div.cq-colctrl-lt4-c2 h3 a, .cq-colctrl-lt4 div.cq-colctrl-lt4-c3 h3 a {
    font-family: Arial;
    font-size: 1.2em;
    text-decoration: none;
    display: block;
    height: 49px;
    padding: 15px 0 0;
    text-align: center;
    width: 196px;
	}
.cq-colctrl-lt4 div.cq-colctrl-lt4-c0 h3:hover, .cq-colctrl-lt4 div.cq-colctrl-lt4-c1 h3:hover, .cq-colctrl-lt4 div.cq-colctrl-lt4-c2 h3:hover, .cq-colctrl-lt4 div.cq-colctrl-lt4-c3 h3:hover {
background: url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/headers.gif") no-repeat scroll 0 -50px transparent;
    height: 49px;
    text-align: center;
    width: 196px;
}
.cq-colctrl-lt4 div.cq-colctrl-lt4-c0 h3:hover a, .cq-colctrl-lt4 div.cq-colctrl-lt4-c1 h3:hover a, .cq-colctrl-lt4 div.cq-colctrl-lt4-c2 h3:hover a, .cq-colctrl-lt4 div.cq-colctrl-lt4-c3 h3:hover a {
color:#FFFFFF;
    height: 34px;
    text-align: center;
    width: 196px;
}
/**about - evaluation board page **/
.mainContent .contentWhiteBox .evaluationBoard p {color:#333333; font-size:1.25em;  padding-top:30px;} 
.mainContent .contentWhiteBox .evaluationBoard p.independentEB {padding-top:27px;} 
.mainContent .contentWhiteBox .evaluationBoard ul {list-style:none; margin-left:2px; padding:0px;}
.mainContent .contentWhiteBox .evaluationBoard ul li{ list-style: none outside none !important; margin: 0 0 2px !important;}
.mainContent .contentWhiteBox .evaluationBoard .noLink {background:url("/past/etc/designs/bc/schools/lsoe/cityconnects/images/arrow_icon.gif") no-repeat scroll 0 2px transparent; color:#98012E!important; font-size:1em; line-height:1.33em; padding-left:18px!important;}
.mainContent .contentWhiteBox .evaluationBoard ul li .redArrow{display:block; line-height:1.33em; font-size:1em;}

/** Google Map **/
.mainContent .contentWhiteBox .mapContainer {
    border: 1px solid #98012E;
    height: 383px;
    margin: 5px 0 0 74px;
    width: 336px;
}
.schools {
    width: 265px;
}
/** footer section**/
#footer {
    background: none repeat scroll 0 0 transparent;
    color: #333333;
    font-size: 0.95em;
    margin: -23px auto 0;
    padding: 0 0 20px;
    width: 885px;
    }
#footer p {
    margin: 0;
    padding: 15px 0;
}
.right {
    float: right;
    margin-left: 10px;
    text-align: right;
}
.left {
    float: left;
    margin-right: 10px;
}