/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.5;
	margin: 0px 10px 10px 10px;
	padding: 0px;
	background-color: #FFFFFF;
/*	background-image:url(images/pagebackground.gif);*/
/*	background-position:right;
	background-repeat:repeat-y;*/
}

p {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}



a:link{
	color: #255282;
	text-decoration: none;
/*	background-color: #FFFFFF;*/
}

a:visited{
	color: #255282;
	text-decoration: none;
/*	background-color: #FFFFFF;*/
}

a:hover{
	color: #CE0031;
	text-decoration: underline;
	background-color: #EDEDED;
}

/*h1,h2,h3,h4,h5,h6{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}*/


h1{
	font-family: Verdana,Arial,sans-serif;
	color: #CE0031;
	font-size: 130%;
	margin-top: 0px;
	
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #CE0031;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #CE0031;
	margin-top: 0px;
	margin-bottom: 0px;
}

h4{
	 font-family: Arial,sans-serif;
	 font-size: 100%;
	 font-weight: normal;
	 color: #333333;
}

h5{
	 font-family: Verdana,Arial,sans-serif;
	 font-size: 100%;
	 color: #334d55;
}

ul{
	list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/*label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
} */

hr {
}

/*table {
	vertical-align: top;
	margin-top: 10px;
}*/

td {
	vertical-align: top;
}

form {
	margin: 0px;
	padding: 0px;
}

/***********************************************/
/* Layout divs                           */
/***********************************************/ 


#masthead{
	width: 960px;
}

#logohead{
	padding: 0px 0px 0px 0px;
	width: 960;
	color: #cccccc;
	background-color: #FFFFFF;
	background-image: url(images/uktilogo.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#searchBox {
	float: right;
	position:relative;
	text-align:right;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 4px;
	height: 15px;
}

#headerimage{
	background-color: #CFCFCF;
	height: 64px;
	text-align: right;
	width: 960;
}


#headerimage2{
	background-color: #CFCFCF;
	height: 35px;
	border-bottom: 15px #636362 solid;
}

#leftcontent {
	width: 200px;
	background:#ffffff;
	float:left
	}
	
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(images/rcolbg.gif);
	background-repeat: repeat-y;
	background-position: right 211px;
}

#container img a {
text-decoration: none !Important;
border: 0px !Important;
padding-bottom: 0px !Important;
}

#container img a:hover {
text-decoration: none !Important;
border: 0px !Important;
padding-bottom: 0px !Important;
line-height: 0px !Important;
margin-bottom: 0px;
}


#container_2col {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;

}

#centercontent {
	background:#ffffff;
	width: 548px;
	float: left;
	margin-right: 11px;
	margin-left: 11px;

	/*
	IE5x PC mis-implements the box model. Because of that we sometimes have
	to perform a little CSS trickery to get pixel-perfect display across browsers.
	The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
	parsing bug in IE5x PC that will prematurly close a style rule when it runs
	into the string "\"}\"". After that string appears in a rule, then, we can override
	previously set attribute values and only browsers without the parse bug will
	recognize the new values. So any of the name-value pairs above this comment
	that we need to override for browsers with correct box-model implementations
	will be listed below.
	
	We use the voice-family property because it is likely to be used very infrequently,
	and where it is used it will be set on the body tag. So the second voice-family value 
	of "inherit" will override our bogus "\"}\"" value and allow the proper value to
	cascade down from the body tag.

	The style rule immediately following this rule offers another chance for CSS2
	aware browsers to pick up the values meant for correct box-model implementations.
	It uses a CSS2 selector that will be ignored by IE5x PC.
	
	Read more at http://www.glish.com/css/hacks.asp
	*/
	
	voice-family: "\"}\"";
	voice-family: inherit;

	}
	
html>body #centercontent {

}


#centercontenttybd {
	background:#fff;
	/*
	IE5x PC mis-implements the box model. Because of that we sometimes have
	to perform a little CSS trickery to get pixel-perfect display across browsers.
	The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
	parsing bug in IE5x PC that will prematurly close a style rule when it runs
	into the string "\"}\"". After that string appears in a rule, then, we can override
	previously set attribute values and only browsers without the parse bug will
	recognize the new values. So any of the name-value pairs above this comment
	that we need to override for browsers with correct box-model implementations
	will be listed below.
	
	We use the voice-family property because it is likely to be used very infrequently,
	and where it is used it will be set on the body tag. So the second voice-family value 
	of "inherit" will override our bogus "\"}\"" value and allow the proper value to
	cascade down from the body tag.

	The style rule immediately following this rule offers another chance for CSS2
	aware browsers to pick up the values meant for correct box-model implementations.
	It uses a CSS2 selector that will be ignored by IE5x PC.
	
	Read more at http://www.glish.com/css/hacks.asp
	*/
	
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 205px;
	}
	
#centercontentsearch {
	background:#fff;

	/*
	IE5x PC mis-implements the box model. Because of that we sometimes have
	to perform a little CSS trickery to get pixel-perfect display across browsers.
	The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
	parsing bug in IE5x PC that will prematurly close a style rule when it runs
	into the string "\"}\"". After that string appears in a rule, then, we can override
	previously set attribute values and only browsers without the parse bug will
	recognize the new values. So any of the name-value pairs above this comment
	that we need to override for browsers with correct box-model implementations
	will be listed below.
	
	We use the voice-family property because it is likely to be used very infrequently,
	and where it is used it will be set on the body tag. So the second voice-family value 
	of "inherit" will override our bogus "\"}\"" value and allow the proper value to
	cascade down from the body tag.

	The style rule immediately following this rule offers another chance for CSS2
	aware browsers to pick up the values meant for correct box-model implementations.
	It uses a CSS2 selector that will be ignored by IE5x PC.
	
	Read more at http://www.glish.com/css/hacks.asp
	*/
	
	voice-family: "\"}\"";
	voice-family: inherit;

	}

html>body #centercontenttybd {
	margin-left: 205px;
	margin-right:201px;
	}

#centercontent2column {
	background:#fff;
	margin-left: 205px;
	/*
	IE5x PC mis-implements the box model. Because of that we sometimes have
	to perform a little CSS trickery to get pixel-perfect display across browsers.
	The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
	parsing bug in IE5x PC that will prematurly close a style rule when it runs
	into the string "\"}\"". After that string appears in a rule, then, we can override
	previously set attribute values and only browsers without the parse bug will
	recognize the new values. So any of the name-value pairs above this comment
	that we need to override for browsers with correct box-model implementations
	will be listed below.
	
	We use the voice-family property because it is likely to be used very infrequently,
	and where it is used it will be set on the body tag. So the second voice-family value 
	of "inherit" will override our bogus "\"}\"" value and allow the proper value to
	cascade down from the body tag.

	The style rule immediately following this rule offers another chance for CSS2
	aware browsers to pick up the values meant for correct box-model implementations.
	It uses a CSS2 selector that will be ignored by IE5x PC.
	
	Read more at http://www.glish.com/css/hacks.asp
	*/
	
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 207px;
	}
html>body #centercontent2column {
	margin-left: 207px;
}

#rightcontent {
	top: 216px;
	width: 190px;
	background: #EDEDED;
	float: right;
	}

#banner {
	background:#fff;
	height:40px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:39px;
	}
	
html>body #banner {
	height:39px;
	}
		
#siteInfo{
	clear: both;
	font-size: 70%;
	color: #666666;
	padding: 15px 0px 50px 0px;
	background-color: #EDEDED;
	width: 960px;
	background-image: url(images/footerbg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: center;
	border-top: 20px solid #FFFFFF;
}

#greyspace {
	background-color:#EDEDED;
/*	height: inherit;*/
/*	padding-top: -1px;*/
}



/************* #globalNav styles **************/

#globalNav{
	padding: 5px 5px 5px 17px;
	font-size: 70%;
	width: 960;
	color: #cccccc;
	background-color: #EDEDED;
}

/*#globalNav img{
 display: block;
}*/

/*#globalNav a {
	font-size: 70%;
}
*/
/************* #headerimage styles *************/

#headerimage img{
	float: right;
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 70%;
	padding: 5px 5px 5px 17px;
	color: #999999;
	background-color: #FFFFFF;

/*	border-bottom-color: #EDEDED;
	border-bottom-style: solid;
	border-bottom: 1px;*/
}



/*********** #leftcontent link styles ***********/

#leftcontent ul a:link, #leftcontent ul a:visited {display: block;}
#leftcontent ul {list-style: none; margin: 0; padding: 0;}



/* fix for browsers that don't need the hack */
html>body #leftcontent li {
	border-bottom: none;
}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	font-size: 70%;
	font-weight: bold;
	float: left;
	width: 180px;
}

#sectionLinks h3{
	padding: 0px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #EDEDED;
	background-image: url(images/bigbullet_ro.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sectionLinks li {
	border-bottom: 1px solid #EEE;
	background-image: url(images/bigbullet.gif);
	background-repeat: no-repeat;
	background-position: left;
/*	padding: 10;*/
}

/*********** #quickLinks styles ***********/

#quickLinks{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 6px;
	font-size: 70%;
	font-weight: normal;
	width: 180px;
}

#quickLinks h3{
	padding: 10px 0px 2px 10px;
}

#quickLinks a {
	display: block;
	padding: 2px 0px 2px 10px;
}

#quickLinks a:hover{
	background-color: #EDEDED;
	background-image: url(images/bullet_smallonwhite_ro.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#quickLinks li {
	border-bottom: 1px solid #EEE;
	background-image: url(images/bullet_smallonwhite.gif);
	background-repeat: no-repeat;
	background-position: left;
}


/************** #content styles ***************/

#centercontent p {
}

.redtext {
	color: #FF0000;
}


/************** #rightcontent styles ***************/

#rightcontent{
	font-size: 70%;
	background-color: #FFFFFF;
/*	line-height: 110%;	*/
}

#rightcontent h3 {
	font-size: 130%
}

#rightcontent table {
	margin-left: 5px;
}

#rightcontent tr {
	padding-bottom: 2px;
	padding-top: 2px;
}

#rightcontent a:hover{
	background-color: #FFFFFF;
}



/************** .feature styles ***************/

.feature{
	font-size: 70%;
	border-bottom-color: #EDEDED;
	border-bottom-style: dotted;
	border-bottom: 2px;
}

.feature img{
	padding: 0px 10px 0px 3px;
/*	float: left;*/
	border: 0px;
}

.feature table{
	margin-top: 10px;
}

.feature tr{
	padding-bottom: 10px;
	padding-right: 10px;
}

.feature td{
	padding-bottom: 10px;
	padding-right: 10px;
}

/*.feature ul a:link, .feature ul a:visited {display: block;}
.feature ul {list-style: none; margin: 0; padding: 0;}*/

.feature li{
	list-style-image: url(images/bullet_smallonwhite.gif);
	padding-bottom: 3px;
}

/** sub level feature **/

.subfeature {
	font-size: 70%;
	border-bottom-color: #EDEDED;
	border-bottom-style: dotted;
	border-bottom: 2px;
}
.subfeature img{
	padding: 0px 10px 0px 3px;
	border: 0px;
}
.subfeature table{
	margin-top: 10px;
	margin-bottom: 15px;
}
.subfeature li{
	list-style-image: url(images/bullet_smallonwhite.gif);
	padding-bottom: 3px;
}

/************** .feature 2 styles ***************/

.feature2{
	font-size: 70%;
	border-bottom-color: #EDEDED;
	border-bottom-style: dotted;
	border-bottom: 2px;
}

.feature2 img{
	padding: 0px 10px 0px 3px;
/*	float: left;*/
	border: 0px;
}

.feature2 table{
	margin-top: 10px;
}



/*.feature ul a:link, .feature ul a:visited {display: block;}
.feature ul {list-style: none; margin: 0; padding: 0;}*/

.feature2 li{
	list-style-image: url(images/bullet_smallonwhite.gif);
	padding-bottom: 3px;
}


/************** .feature 3 styles ***************/

.feature3{
	font-size: 70%;
	border-bottom-color: #C20045;
	border-bottom-style: dotted;
	border-bottom: 2px;
	margin-top: 5px;
	padding-bottom: 5px;
}

.feature3 img{
	padding: 0px 10px 0px 3px;
/*	float: left;*/
	border: 0px;
}

.feature3 table{

}

.feature3 td{
	padding-bottom: 3px;
	padding-right: 10px;
	padding-top: 3px;
}

/*.feature ul a:link, .feature ul a:visited {display: block;}
.feature ul {list-style: none; margin: 0; padding: 0;}*/

.feature3 li{
	list-style-image: url(images/bullet_smallonwhite.gif);
	padding-bottom: 3px;
}

.feature3 h1{
	font-family: Verdana,Arial,sans-serif;
	color: #CE0031;
	font-size: 130%;
	margin-top: 0px;
	margin-bottom: 0px;
}


.feature4{
	font-size: 70%;
}

.feature4 img{
	padding: 0px 10px 0px 3px;
/*	float: left;*/
	border: 0px;
}

.feature4 table{
	margin-top: 10px;
}

.feature4 tr{
	padding-bottom: 10px;
	padding-right: 10px;
}

.feature4 td{
	padding-bottom: 10px;
	padding-right: 10px;
}

/*.feature ul a:link, .feature ul a:visited {display: block;}
.feature ul {list-style: none; margin: 0; padding: 0;}*/

.feature4 li{
	list-style-image: url(images/bullet_smallonwhite.gif);
	padding-bottom: 3px;
}



/************** .back styles ***************/

.back {
	text-align: right;
	font-size: 70%;
	font-weight: bold;
}


/************** .spotlight styles ***************/



/*.spotlight left{
	border:1px solid #CCCCCC;
	width: 50%;
	border-bottom: 1px;
	float:left
}

.spotlight left{
	border:1px solid #CCCCCC;
	width: 50%;
	border-bottom: 1px;
	float:right
}*/


/************* #logos styles ***************/

#logos{
	padding-top: 10px;
	font-size: 65%;
	float: left;
	width: 180px;
}

#logos img{
	vertical-align: top;
	text-align: center;	
}

#logos a:hover{
	background-color: #FFFFFF;
}

/************** #validation styles ***************/
/*
#validation{
	padding-top: 10px;
	float: right;
}
*/





/************* general styles ***************/

.floatleft {
float: left;
}


.floatright {
float: right;
}

.footnote{
	font-style: italic;
	color: #666666;
}

.paddingbottom {
	padding-bottom: 6px;
}


/*.weblink li {
	list-style-image: url(images/weblink.jpg);
}
*/

/************* form styles  - user input ***************/

#formmain {
	margin-top: 20px;
}
#formmain legend {
	color: #006600;
}
#formmain fieldset {
	padding-bottom: 10px;
}
#formmain fieldset div {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 2px;
}
#formmain fieldset .errornotification {
	margin-top: 5px; 
	margin-bottom: 10px; 
	margin-left: 11em;
}
#formmain fieldset label {
	width:10em;
	text-align: right;
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	display: inline;
}
#formmain fieldset legend {
	font-weight: bold;
}
#formbuttons {
	margin-top: 10px;
}
#formbuttons legend {
	color: #006600;
}
#formbuttons fieldset {
	padding-bottom: 10px;
}
#formbuttons fieldset div {
	margin-left: 12em;
	margin-right: 10px;
	margin-top: 10px;
}

.calendar {
	line-height: 100%;
	font-size: 10px !Important;
}


.sitesearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	border: 1px solid #666666;
	
}

.seachboxtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #CE0031;
}


ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	list-style-position: outside;
	list-style-type: decimal;
}

.whitetxt {
	color: #FFFFFF;
}

a.whitelink:link{
	color: #FFFFFF;
	text-decoration: none;
}

a.whitelink:visited{
	color: #FFFFFF;
	text-decoration: none;
}

a.whitelink:hover{
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #000000;
}
.largewhite {
	font-size: 120%;
	color: #FFFFFF;
}

.yfbg {
	background-image: url(spotlight/images/yfwdlogo.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #000000;
}

#goingglobal {

}

#goingglobal h1{
	font-size: 120% !Important;
	color: #406a60;
}

#goingglobal h2{
	font-size: 100%;
	color: #406a60;
}

/* #goingglobal a:link {
	color: #0000ff;
	text-decoration: underline;
}

#goingglobal a:visited {
	color: #0000ff;
	text-decoration: underline;
}

#goingglobal a:hover {
	color: #000000;
	text-decoration: underline;
}
*/

#goingglobal li{
	list-style-image: url(images/bullet_smallonwhite3.gif);
	padding-bottom: 4px;
}

a.ggmenu {
	font-size: 90%;
	padding-left: 10px;
	padding-right: 12px;
	margin-left: 0px;
	background-image: url(goingglobal10/images/ggbullet.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	text-transform: uppercase;

}

a.ggmenu:link {
	color: #1f1d22 !Important;
	text-decoration: none !Important;
}

a.ggmenu:visited {
	color: #1f1d22 !Important;
	text-decoration: none !Important;
}

a.ggmenu:hover {
	color: #1f1d22 !Important;
	text-decoration: underline !Important;
	background-color: transparent !Important;
	
}

.globallybg {
	background-image: url(export/bgrepeat.jpg);
	background-repeat: repeat-x;
	background-position: 394px;
}

/* Styles for News and Events tabs */

#newsandevents
{
	width:544px;
	padding: 2px;
	border-top: solid 0px #818181;
	background-image: url(images/newsgrad.gif);
	background-repeat: repeat-x;
	background-position: top left;
	
}

#newsandevents p
{
	 margin-bottom: 10px;
	 margin-top: 0px;
}

#newsandeventsheader
{
	width:544px; 
	height: 53px; 
	border: solid 0px #000000; 
	background-color: #ABABAB;
}

#divHideEvents
{
	border: solid 0px #000000; 
	width: 110px; 
	height: 43px; 
	float: left; 
	background-color: #ffffff; 
	color: #C8002F; 
	padding-top: 10px; 
	padding-left: 20px;
}

#divHideNews
{
	border: solid 0px #000000; 
	width: 110px; 
	height: 43px; 
	float: left; 
	background-color: #ffffff; 
	color: #C8002F; 
	padding-top: 10px; 
	padding-left: 20px; 	
}

#divEvents 
{
	 background-color: #ffffff; 
	 padding: 10px;
}

.ggawardstitle{
	color: #3C9423;
}

#container img  {

}




