/* vericoolmain.css */
/*.........................................main structure begins.............................................*/

*, html {margin:0;
padding:0}

body {background: #fff url(images/bkdrop.jpg) repeat-x 0 0;
margin:0;
padding:0;
font-family: helvetica, arial, sans-serif;
font-size: 67.5%;
text-align: center;
color: #262626;
height:100%;}

#container {width: 974px;
margin: 0 auto 0 auto;
padding:0;
background: #fff url(images/container_bkdrop.gif) repeat-y 0 0;
text-align:left;
font-size:1em;
min-height:100%;
border: 1px solid #8d8d8d;
border-width: 0 20px 0 20px;
overflow:auto;}

*html #container
{height: 100%;}

#header {background: #262626 url(images/headerbkdrop.jpg) no-repeat 0 0;
padding:0;
margin:0;
height:150px;
text-align:left;
z-index:1}

div#rangebar {
	float:right;
	position:relative;
	display:block;
	height: 80px;
	width:auto;
	padding: 0;
	margin: -40px 0 0 0;
	left: -75px;
	top: 0;
	text-align:left;
	z-index:20;
}

div#microrangebar {float:right;
margin: -40px 305px 0 0;
padding:0;
display:block;
	height: 80px;
text-align:left;
	z-index:20;}

#navcol {float:left;
width: 200px;
color:#FFFFFF;
margin:0;
padding:0;
background-color: #262626;
font-size:1.2em;}

#content {padding: 75px 10px 10px 10px;
margin: 0 211px 0 210px;}

.rightimages {float:right;
width: 200px;
background: #262626 url(images/ritcol_image_01.jpg) no-repeat 0 0;
padding: 0;
margin:-40px 0 0 0;
min-height: 750px;
text-align:center;}

#footer {clear:both;
margin:0 auto 0 auto;
padding:0;
width:974px;
background: #8d8d8d url(images/footer.gif) no-repeat left top;
font-family: helvetica, arial, sans-serif;
font-weight: normal;
text-align:left;
color: #fff;
height: 75px;
margin-top: -75px;}

.clearup {clear:both;
height: 10px;
margin: 0 0 75px 0;}


/*.........................................main structure finishes.............................................*/

/*.........................................common elements begins.............................................*/

p {font-size: 1.1em;
font-weight: normal;
line-height: 1.3em;
margin:0 0 10px;
padding:0;}

h1, h2, h3, h4, h5, h6 {color: #262626;
	font-family: lucida grande, lucida sans, helvetica, arial, sans-serif;
font-weight:bold;
margin:0;
padding:0;}

h1 {
font-size: 2.4em;
margin: 0 0 16px 0;}

h2 {
font-size: 2em;
margin: 0 0 15px 0;}

h3 {
font-size: 1.8em;
margin: 0  0 1em 0;}

h4 {
font-size: 1.6em;
margin: 0 0 1em 0;}

h5 {
font-size: 1.4em;
margin: 0;
padding: 0}

h6 {
font-size: 1.2em;
margin: 0;
padding: 0}

pre {color: #262626;
font: normal 1.1em/1.6em helvetica, arial, sans-serif;
margin: 5px 0 10px;
padding:0}

em {color: #6EC3DA;
font-family: helvetica, arial, sans-serif;
margin:0;
padding: 0 2px;}

blockquote {color: #1d3970;
font: normal 1.1em/1.6em helvetica, arial, sans-serif;
padding:0;
margin: 5px;}

a {text-decoration:none;}

a:link, a:visited {color: #1d3970;
border-bottom: 1px dotted #1d3970;}

a:hover, a:active {color: #f31675;
border-bottom: none;}

img  {border: none !important;}

img a:link {border-bottom: none !important;}

img a:visited  {border-bottom: none !important;}

ul {font-size: 1.1em;
list-style-type: square;
color: #1d3970;
margin:10px 0;
padding: 0 0 0 15px}

ol {
	color: #1d3970;
	margin: 0;
	padding: 0 0 0 15px;
	margin-bottom: 10px;
	margin-left: 5px;
}

li {font-weight: normal;
line-height: 1.3em;
margin:0 0 10px;
padding:0 0 0 10px;}

/* .......................... end of common elements ...........................*/

.suckerdiv ul{color:#FFFFFF;
margin: 0;
padding: 0;
list-style-type: none;
width: 200px;
font-size: 1em;/* Width of Menu Items */
}
	
.suckerdiv ul li{background: #262626 url(images/navcol.gif) no-repeat 0 0;
position: relative;
margin:0;
padding:0;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{background: #262626 url(images/navcoll.gif) no-repeat 0 0;
position: absolute;
width: 200px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{height:40px;
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
padding: 0 5px;
line-height:40px;
color:#FFFFFF;
border:none;
font-weight:bold;
}

.suckerdiv ul li a:visited{color:#FFFFFF;
}

.suckerdiv ul li a:hover{color:#262626;
background: #09347a url(images/navcol_over.gif) no-repeat 0 0;
}

.suckerdiv .subfolderstyle{height:40px;
background: url(images/navcol_parent.gif) no-repeat 0 0;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a {height: 1%; }

.suckerdiv ul li ul li {background: #262626 url(images/navcol_over.gif) no-repeat 0 0;}

.suckerdiv ul li ul li a:link {color: #262626;}

.suckerdiv ul li ul li a:visited {color: #262626;}

.suckerdiv ul li ul li a:hover {color: #fff;}

/* End */

/* .......................footer styling begins ....................*/


#footer p {color: #fff;
padding: 10px 0 0 120px;
text-align:left;
font-size: 1.1em;
line-height:1.4em;}

#footer a:link, #footer a:visited {color: #fff;
text-decoration: underline;
border-bottom:none;}

#footer a:hover, #footer a:active {text-decoration: none;
border-bottom:none;}


/*.........................................end of footer styling.............................................*/


/*.................................... decorative elements begins ....................................*/

.linkedimages {border-width:0;
border-style: none;
padding: 10px 0;}

a.linkedimages:link, a.linkedimages:visited {border: 0 !important;}


.smalltext {font-size: .85em;
color: #676E7C;}

a.smalltext {color: #676E7C;}

a.smalltext:hover {text-decoration: none;
border: none;
color: #1d3970;}

.linetitle {
border-bottom: 1px solid #262626;}

strong {color: #1d3970}

.contrast {color: #f31675;
font-weight:bold;}

.wo {color:#FFFFFF;
margin-bottom: 2px;
padding: 10px;}

.neutral {color: #262626;}

.longdrop {margin-bottom: 1.8em;}

.tight {margin-bottom: 0;}

.central {text-align:center;
margin-bottom: 1.8em;}

.floatright {float:right;
text-align: right;
margin:0;
padding:5px;
width:auto;}

.fr300 {float:right;
text-align: right;
margin:0 0 0 10px;
padding:0;
width:300px;}

.floatleft {float:left;
margin: 0 5px 10px 0;
padding: 0;}

div#discreet {color:#FFFFFF !important;
width: 60%;
margin: 3em auto 0 auto;}

#discreet a, #discreet h1, #discreet ol {color:#FFFFFF; text-decoration:none; border:none;}

table.partnerlineup  {margin:0;padding:0;}

.partnerlineup td {padding: 0 5px;
vertical-align:top;}

table.partnerp  {margin:20px 0 20px 0;padding:0;}

.partnerp td {padding: 5px;
vertical-align:top;}

blockquote.latest {background-color: #E2D6F3;}

div.customersref {margin: 0 0 2em 0;}

.customerlogo {float:right;
width:auto;
padding:0;
margin:0;}

#queryform {margin: 20px 0;
width: auto;
font-size: 1.1em;
text-align: left;
padding: 0;
color: #676E7C;
background-color: #fff;
border: 1px solid #f6f6f6;}

#queryform th {font-size: 1.1em;
padding: 5px;
color: #fff;
font-weight: bold;
background-color: #1d3970;}

#queryform td {padding:2px 5px;}

#response {margin: 20px 0;
width: auto;
font-size: 1.1em;
text-align: left;
padding: 0;
color: #676E7C;
background-color: #fff;
border: 1px solid #f6f6f6;}

#response th {font-size: 1.1em;
padding: 5px;
color: #fff;
font-weight: bold;
background-color: #1d3970;}

#response td {padding:5px 5px;}

#queryform text {background-color: #fff;}

#contentplus img {padding: 10px 2px 15px 2px;}

#rangefinder table {border:none;
border-collapse:collapse;
text-align:center;
margin: 0;
padding:0;}

#rangefinder td {border:none;
border-collapse:collapse;padding: 0;
margin:0;
text-align:center;
background: transparent url(images/range_bkdrop.png) no-repeat center center;
width: 90px;
height: 80px;
vertical-align:middle;}

#rangefinder img, #rangefinder a {border:none; padding: 0;}

/* Image replacements */

/* ---------- multilesson ------------- */

a#rangeml:link, a#rangeml:visited {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_multilesson.png) no-repeat center center;
color: #000;
padding:0;
margin:0;}

a#rangeml:hover, a#rangeml:active {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_over.png) no-repeat center center;
color: #fff;
padding:0;
margin:0;}

#rangeml span {display:none;}

/* ---------- cashless ------------- */

a#rangecc:link, a#rangecc:visited {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_cashless.png) no-repeat center center;
color: #000;
padding:0;
margin:0;}

a#rangecc:hover, a#rangecc:active {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_over.png) no-repeat center center;
color: #fff;
padding:0;
margin:0;}

#rangecc span {display:none;}

/* ---------- school reception ------------- */

a#rangesr:link, a#rangesr:visited {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_schoolreception.png) no-repeat center center;
color: #000;
padding:0;
margin:0;}

a#rangesr:hover, a#rangesr:active {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_over.png) no-repeat center center;
color: #fff;
padding:0;
margin:0;}

#rangesr span {display:none;}

/* ---------- 6th form ------------- */

a#range6f:link, a#range6f:visited {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_6form.png) no-repeat center center;
color: #000;
padding:0;
margin:0;}

a#range6f:hover, a#range6f:active {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_over.png) no-repeat center center;
color: #fff;
padding:0;
margin:0;}

#range6f span {display:none;}

/* ---------- Attendance Monitor ------------- */

a#rangeam:link, a#rangeam:visited {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_attendance.png) no-repeat center center;
color: #000;
padding:0;
margin:0;}

a#rangeam:hover, a#rangeam:active {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_over.png) no-repeat center center;
color: #fff;
padding:0;
margin:0;}

#rangeam span {display:none;}

/* ---------- AGA ------------- */

a#rangeaga:link, a#rangeaga:visited {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_schoolAdmin.png) no-repeat center center;
color: #000;
padding:0;
margin:0;}

a#rangeaga:hover, a#rangeaga:active {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_over.png) no-repeat center center;
color: #fff;
padding:0;
margin:0;}

#rangeaga span {display:none;}

/* ---------- Enrolment ------------- */

a#rangeen:link, a#rangeen:visited {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_enrolment.png) no-repeat center center;
color: #000;
padding:0;
margin:0;}

a#rangeen:hover, a#rangeen:active {display:block;
width: 90px;
height:80px;
background: transparent url(images/range_over.png) no-repeat center center;
color: #fff;
padding:0;
margin:0;}

#rangeen span {display:none;}

/* ---- end */

table.demo {width:180px;
border:none;
border-collapse:collapse;
color:#fff;
padding:0;
margin: 200px auto 0 auto;
text-align:center;}

.demo td {border-collapse:collapse;
border:none;
text-align:left;
padding: 0 0 5px 0;
margin:0;}

div#ccphoto {float:right;
text-align:right;
padding:0;
margin: 0 0 5px 5px;}

#ccphoto img {margin:0;
padding:5px;}


/*................................ end of decorative elements ......................................*/