/* CSS Document */

.titlebackground{height:50px; background-image:url(../images/itec/itec_header_bg.gif); background-repeat: no-repeat; width:100%;}

.headertext{font-size:20px; font-weight:bold; color:#006633; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:70px;}

ul.itec {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

ul.itec li {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 0;
    background-image: url(../images/itec/itec_arrowicon.gif);
    background-repeat: no-repeat;
    background-position: left;
	/*border: 1px solid red;*/
}

ul.itec li a {
    display: block;
    margin-left: 0px;
	padding-top: 1px;
    padding-left: 25px;
    background-image: url(../images/itec/itec_arrowicon.gif);
    background-repeat: no-repeat;
    background-position: left;
	/*border: 1px solid gold;*/
}

/* This style allows you to place the heading in a h2 instead of having to use a table to place the background image */
/* Styles to be added at a later date - DWJ */
.headertext_test{
	font-size:20px;
	font-weight:bold;
	color:#006633;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:70px;
	padding-top: 10px;
}

.titlebackground_test{
	height:50px;
	background-image:url(../images/itec/itec_header_bg.gif);
	background-repeat: no-repeat;
}

/**New Itec home page styles**/

#box1 {
	width:976px;
	margin-left:auto;
	margin-right:auto;
}

#indexbox {
	width: 100%;
	margin: 0px;
	margin-top:5px;
	padding: 0px;
	height: 410px;
	background-image: url(http://www.wrexham.gov.uk/images/itec/home_new/indexboxback.gif);
	background-repeat: no-repeat;
}

#indexboxp {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 35px;
}

#indexbox1 {
	float: left;
	width: 243px;
	padding-top:2px;
}

#indexbox1t {
	height: 30px;
	background-color:#b50048;
	width: 242.5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding: 0px;
}

#indexbox1tt {
	height: 20px;
	background-color:#DCDCDC;
	width: 242.5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#indexbox2 {
	float: left;
	width: 243px;
	padding-top:2px;
}

#indexbox2t {
	background-color:#9933CC;
	height: 30px;
	padding: 0px;
	width: 242.5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
}

#indexbox3 {
	float: left;
	width: 243px;
	padding-top:2px;
}

#indexbox3t {
	background-color:#FF6633;
	height: 30px;
	padding: 0px;
	width: 242.5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
}

#indexbox4 {
	float: left;
	width: 243px;
	padding-top:2px;
}

#indexbox4t {
	background-color:#339900;
	height: 30px;
	padding: 0px;
	width: 242.5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
}

.indextitle {
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
	text-align:center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	display: block;
}

.indexboxtext {
	color: #000000;
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	height: 95px;
}

.indexboxtextt1 {
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	color:#3399CC;
}

.indexboxtextt1 img {
	vertical-align:middle;
}

.indexboxtextt2 {
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: rgb(153, 51, 102);
}

.indexboxtextt2 img {
	vertical-align:middle;
}

.indexboxtextt3 {
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: rgb(33, 93, 0);
}

.indexboxtextt3 img {
	vertical-align:middle;
}

.indexboxtextt4 {
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: rgb(204, 102, 51);
}

.indexboxtextt4 img {
	vertical-align:middle;
}

.indextitle a:link, .indextitle a:visited, .indextitle a:active {font-weight: bold; color: #FFFFFF; text-decoration: none; }
.indextitle a:hover {color:black;}

#link1 a:link, #link1 a:visited, #link1 a:active {font-weight: bold; color:#b50048; text-decoration: none;}
#link1 a:hover {font-weight: bold; color: #b50048; text-decoration: underline;}

#link1head a:link, #link1head a:visited, #link1head a:active {font-weight: bold; color:#b50048; text-decoration: none;}
#link1head a:hover {font-weight: bold; color: #b50048; text-decoration: underline;}

#link2 a:link, #link2 a:visited, #link2 a:active {font-weight: bold; color:#9933CC; text-decoration: none;}
#link2 a:hover {font-weight: bold; color: #9933CC; text-decoration: underline;}

#link2head a:link, #link2head a:visited, #link2head a:active {font-weight: bold; color:#9933CC; text-decoration: none;}
#link2head a:hover {font-weight: bold; color: #9933CC; text-decoration: underline;}

#link3 a:link, #link3 a:visited, #link3 a:active {font-weight: bold; color: #FF6633; text-decoration: none;}
#link3 a:hover {font-weight: bold; color: #FF6633; text-decoration: underline;}

#link3head a:link, #link3head a:visited, #link3head a:active {font-weight: bold; color: #FF6633; text-decoration: none;}
#link3head a:hover {font-weight: bold; color: #FF6633; text-decoration: underline;}

#link4 a:link, #link4 a:visited, #link4 a:active {font-weight: bold; color:#339900; text-decoration: none;}
#link4 a:hover {font-weight: bold; color: #339900; text-decoration: underline;}

#link4head a:link, #link4head a:visited, #link4head a:active {font-weight: bold; color: #339900; text-decoration: none;}
#link4head a:hover {font-weight: bold; color: #339900; text-decoration: underline;}

/**end ITEC home page**/

/**ITEC tables **/

.itectable1 {
	width:100%;
	background-color:#ccc;
}
.itectable1 tr {
	background-color:#FFF;
	padding:2px;
}
.tdlink1 {
	width:150px;
	text-align:center;
}
.tdlink2 {
	padding-left:10px;
}
/**.tdlink2 a:hover {
	font-weight:bold;
	font-size:larger;
	color:#b50048;
	text-decoration:none;
}**/

.itectable2 {
	width:100%;
	margin-top:10px;
}
.itectable2 tr {
	background-color:#FFF;
}
.itectable2td {
	background-image:url(../images/itec/itec_arrowicon.gif);
	background-repeat:no-repeat;
	vertical-align:top;
	padding-left:30px;
	height:30px;
}

/**end ITEC tables **/