@charset "utf-8";
/* css Document */

@import url(reset.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
background : transparent;
vertical-align : baseline;

}

body {
  font: 70%/1.5  Arial, Helvetica, Verdana, sans-serif;
  background:         #333;
  vertical-align: text-top;
}

#details {
  display: none;
  width: 344px;
  height: 370px;
  margin-bottom: 15px;
  border: 3px solid #333;
  overflow-y: scroll;
}

#container-all  {
  width:         960px;
  height:             auto;
  background:         #fff;
  margin-left:        auto;
  margin-right:       auto;
    color: #58595B;
  border:              #808080 1px solid;
}

#header { 
  height: 200px;
  background:         #808080 url(../images/chq-header.png) top left no-repeat;
}


#navigation-group { 
  width:             880px;
  height:       40px;
  background:         none;
  margin-top:     40px;
  padding:            0px 40px 0px 40px;
}

#navigation-schools { 
  width:             880px;
  height:       40px;
  background:         none;
  margin-top:     40px;
  padding:            0px 40px 0px 40px;
}

#navigation-sports { 
  width:             880px;
  height:       40px;
  background:         none;
  margin-top:     40px;
  padding:            0px 40px 0px 40px;
}

#navigation-bottom { 
  clear: both;
  width:             880px;
  height:       40px;
  background:         none;
  margin-top:     0px;
  padding:            0px 40px 0px 40px;

}

#container-main{
   height:             auto;
   padding-bottom:     40px;
}

#container-image{
  float:              right;
  width:         350px;
  height:             auto;
  padding:           80px 30px 0px 40px;
}

#container-text{
  width:         auto;
  height:             auto;
  padding:           80px 40px 40px 40px;
}


#container-text-group{
  width:         auto;
  height:             auto;
  padding:           80px 40px 40px 40px;
}


#container-text-sports{
  width:         auto;
  height:             auto;
  padding:           80px 40px 40px 40px;
}

#footer-group {
  color:       #fff;
  background: #7C1B7D url(../images/chq-group-logo-footer.png) no-repeat right bottom;
  border-top: #333 3px solid;
  width:       920px;
  height:      20px;
  font-size:   0.8em;
    margin:      0px;
  padding:     20px 0px 30px 40px;
  clear:       both;
}

#footer-schools{
  color:       #fff;
  background: #47BFEA url(../images/chq-schools-logo-footer.png) no-repeat right bottom;
  border-top: #333 3px solid;
  width:       920px;
  height:      20px;
  font-size:  0.8em;
    margin:      0px;
  padding:     20px 0px 30px 40px;
  clear:       both;
}


#footer-sports{
  color:       #fff;
  background: #202867 url(../images/chq-sports-logo-footer.png) no-repeat right bottom;
  border-top: #333 3px solid;
  width:       920px;
  height:      20px;
  font-size:   0.8em;
    margin:      0px;
  padding:     20px 0px 30px 40px;
  clear:       both;
}

table {
  width: 400px;
padding: 0px 0px 40px 0px;
}

tr {
  height:  30px;
  margin: 0px 0px 0px 0px;
  font-size:  120%;
  vertical-align: middle;
  height: 19px;
  border: #DAF2FB 1px solid;
}


td.arrow {
  width: 20px;
  padding:   0px 10px 0px 6px; 
}


td.name {
  height: 9px;
  padding:   0px 10px 10px 10px;
  vertical-align: middle;
  font-size: 90%
}
     
.spacer20 {
  height:            20px;
  width:             100px;
}

.spacer80 {
  height:            80px;
  width:             100px;
}

.spacer100 {
  height:            100px;
  width:             100px;
}

.spacer40 {
  height:            40px;
  width:             40px;
  clear: left;
}

.spacerul {
  height:            20px;
  width:             460px;
}

ul.navbar {
  display:               block;
  width:                 880px;
  height:                40px;   
  color:                 #fff;
  margin:                0px 0px 0px 00px;
  padding:               0px 0px 0px 0px;
  line-height:         1.2em;
  list-style:            none;
}


ul.schools {
  display:               block;
  width:                 460px;
  height:                170px;
  margin:                0px 0px 10px 0px;
}

li.schools {
  float:                 left;
  width:                 176px;
  font-size:             120%;
  color:                 #47BFEA;
  margin-left:           14px;

}

ul.sports {
  
  margin-bottom:  16px;
}

li.sports {
  font-size:             1.5em;
  color:#202867;
  margin-left:  14px;

}

li.navbar-group  {
  float:                 left;
  width:                 105px;
  height:                20px; 
  padding:               0px 0px 0px 0px;
  font-size:             1.3em;
  text-align:            center;
  border-right:          #7C1B7D 2px solid;

}


li.navbar-first-group {
  float:                 left;
  width:                 103px;
  height:                20px; 
  padding:               0px 0px 0px 0px;
  font-size:             1.3em;
  text-align:            center;
  border-left:           #7C1B7D 2px solid;
  border-right:          #7C1B7D 2px solid;

}

li.navbar-group-wide {
  float:                 left;
  width:                 125px;
  height:                20px; 
  padding:               0px 0px 0px 0px;
  font-size:             1.3em;
  text-align:            center;
  border-right:          #7C1B7D 2px solid;

}

li.navbar-first-bottom {
  float:                 left;
  width:                 103px;
  height:                14px; 
  padding:               0px 0px 0px 0px;
  font-size:             1em;
  text-align:            center;
  border-left:           #808080 1px solid;
  border-right:          #808080 1px solid;

}

li.navbar-bottom {
  float:                 left;
  width:                 103px;
  height:                14px; 
  padding:               0px 0px 0px 0px;
  font-size:             1em;
  text-align:            center;
  border-right:          #808080 1px solid;

}

li.navbar-bottom-wide {
  float:                 left;
  width:                 125px;
  height:                14px; 
  padding:               0px 0px 0px 0px;
  font-size:             1em;
  text-align:            center;
  border-right:         #808080 1px solid;

}



li.navbar-schools  {
  float:                 left;
  width:                 105px;
  height:                20px; 
  padding:               0px 0px 0px 0px;
  font-size:             1.3em;
  text-align:            center;
  border-right:          #47BFEA 2px solid;

}


li.navbar-first-schools {
  float:                 left;
  width:                 103px;
  height:                20px; 
  padding:               0px 0px 0px 0px;
  font-size:             1.3em;
  text-align:            center;
  border-left:           #47BFEA 2px solid;
  border-right:          #47BFEA 2px solid;

}

li.navbar-schools-wide {
  float:                 left;
  width:                 125px;
  height:                20px; 
  padding:               0px 0px 0px 0px;
  font-size:             1.3em;
  text-align:            center;
  border-right:          #47BFEA 2px solid;

}

li.navbar-sports  {
  float:                 left;
  width:                 105px;
  height:                20px; 
  padding:               0px 0px 0px 0px;
  font-size:             1.3em;
  text-align:            center;
  border-right:          #202867 2px solid;

}


li.navbar-first-sports {
  float:                 left;
  width:                 103px;
  height:                20px; 
  padding:               0px 0px 0px 0px;
  font-size:             1.3em;
  text-align:            center;
  border-left:           #202867 2px solid;
  border-right:          #202867 2px solid;

}

li.navbar-sports-wide {
  float:                 left;
  width:                 125px;
  height:                20px; 
  padding:               0px 0px 0px 0px;
  font-size:             1.3em;
  text-align:            center;
  border-right:          #202867 2px solid;

}






.sub-navigation-grey{
  float: right;
  width:         130px;
  height:             130px;
  padding:         20px;
  margin:             0px 0px 20px 0px;
  background:         #808080;
    font-size: 90%;
}


.sub-navigation-grey2{
  width:         130px;
  height:             130px;
  padding:           20px;
  margin:             0px 0px 20px 0px;
  background:         #808080;
    font-size: 90%;
}

.sub-navigation-purple{
  width:         130px;
  height:             130px;
  padding:           20px;
  margin:             0px 0px 20px 0px;
  background:         #7C1B7D;
  font-size: 90%;
}


.sub-navigation-lightblue{
  width:         130px;
  height:             130px;
  padding:           20px;
  margin:             0px 0px 20px 0px;
  background:         #47BFEA;
    font-size: 90%;
}


.sub-navigation-darkblue{
  width:         130px;
  height:             130px;
  padding:           20px;
  margin:             0px 0px 20px 0px;
  background:         #202867;
    font-size: 90%;
}

.arrows {
  height: 40px;
  padding-top: 0px;
  position: absolute;
  margin: 86px 0px 0px 90px;
  width: 40px;
}
.arrows2 {
  height: 40px;
  padding-top: 0px;
  position: absolute;
  margin: 12px 0px 0px 90px;
  width: 40px;
}

.purple {
   color: #7C1B7D;
}

.purple-bold {
  
color: #7C1B7D;
font-weight: bold;
}


.lightblue {
color: #47BFEA;
}

.lightblue-bold {
color: #47BFEA;
font-weight: bold;

}

.darkblue {
color: #202867;
}

.darkblue-bold {
color: #202867;
font-weight: bold;

}


.darkgrey {
color: #333;
}

.darkgrey-bold {
color: #333;
font-weight: bold;

}


.grey {
color: #808080;
}

.grey-bold {
color: #808080;
font-weight: bold;

}

form#contactform {
  margin:                0px 0px;
  padding:               0px 0px;
  width:                 460px;
}
  
  
  ul.emailbox {
  width:           480px;
  color:                 #000;
  margin:                0px;
  padding:               0px;
  line-height:         1.5em;
  list-style:            none;
}

li.emailbox  {
  width:                 250px;
  margin:                0px;
  padding:               5px 0px 0px 0px;
}


li.emailbuttons {
  float:                left;
  padding:              10px 0px 0px 0px;
  width:                70px;
  margin:               0px 0px;
}



h1, h2, h3, h4, h5, h6 p{
font-weight : normal;
}


h1 {
font-size : 3em;
line-height : 1.2;
margin-bottom : 0.5em;
}

h2, .newsitem {
font-size : 1.7em;
line-height : 1.2;
margin-bottom : 0.75em;
}


h3 {
font-size : 1.5em;
line-height : 1.2;
margin-bottom : 1em;
}
.newsdetail h3 {
   color: #7C1B7D;
}
h4 {
font-size : 1.2em;
line-height : 1.25;
margin-bottom : 1.25em;
}
.newsdetail h4 {
font-size : 1.5em;
line-height : 1.2;
margin-bottom : 1em;
}
h5 {
font-size : 1em;
font-weight : bold;
margin-bottom : 1.5em;
}
h6 {
font-size : .85em;
font-weight : bold;
}

p {
margin : 0 0 1.5em;
font-size : 1.1em;
}

.newspopup {
	background: white;
	color: #58595B;
	margin: 10px;
	padding: 20px;
}
.newsdetail {
	border-bottom: 1px dashed #808080;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.newspopup .newsdetail {
	border-bottom: 0px;
	padding: 0px;
	margin: 0px;
}
table.news tr td {
padding: 10px;
}

#navigation-group a:link {
  color:              #fff;
  text-decoration:    none;
  font-weight: bold;

}

#navigation-group a:visited {
  color:              #fff;
  text-decoration:    none;
  font-weight: bold;

}

#navigation-group a:hover {
  color:            #7C1B7D;
  text-decoration:  none;
}



#navigation-bottom a:link {
  color:              #808080;
  text-decoration:    none;

}

#navigation-bottom a:visited {
  color:              #808080;
  text-decoration:    none;

}

#navigation-bottom a:hover {
  color:            #333;
  text-decoration:  none;
}

#navigation-schools a:link {
  color:              #fff;
  text-decoration:    none;
  font-weight: bold;

}

#navigation-schools a:visited {
  color:              #fff;
  text-decoration:    none;
  font-weight: bold;

}

#navigation-schools a:hover {
  color:            #47BFEA;
  text-decoration:  none;
}



#navigation-sports a:link {
  color:              #fff;
  text-decoration:    none;
  font-weight: bold;

}

#navigation-sports a:visited {
  color:              #fff;
  text-decoration:    none;
  font-weight: bold;

}

#navigation-sports a:hover {
  color:            #202867;
  text-decoration:  none;
}

#footer a:link {
  color:              #fff;
  text-decoration:    none;
  font-weight: bold;

}

#footer a:visited {
  color:              #fff;
  text-decoration:    none;
  font-weight: bold;

}

#footer a:hover {
  color:            #333;
  text-decoration:  none;
}


#container-text a:link {
  color:              #47BFEA;
  text-decoration:    none;
  font-weight: bold;
}

#container-text a:visited {
  color:              #47BFEA;
  text-decoration:    none;
  font-weight: bold;
}

#container-text a:hover {
  color:            #333;
  text-decoration:  none;
  font-weight: bold;
}




#container-text-sports a:link {
  color:              #202867;
  text-decoration:    none;
  font-weight: bold;
}

#container-text-sports a:visited {
  color:              #202867;
  text-decoration:    none;
  font-weight: bold;
}

#container-text-sports a:hover {
  color:            #333;
  text-decoration:  none;
  font-weight: bold;
}


#container-text-group a:link {
  color:              #7C1B7D;
  text-decoration:    none;
  font-weight: bold;
}

#container-text-group a:visited {
  color:              #7C1B7D;
  text-decoration:    none;
  font-weight: bold;
}

#container-text-group a:hover {
  color:            #333;
  text-decoration:  none;
    font-weight: bold;
}



a:link {
  color:              #fff;
  text-decoration:    none;
}

a:visited {
  color:              #fff;
  text-decoration:    none;
}

a:hover {
  color:            #333333;
  text-decoration:  none;
}

@media print {
body { background: transparent; }
}