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

/* ---------------------------------------------------- CSS RESET ------------------------------------------------- */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;


}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1; 
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	float: left;
}

div	{
float: left;
}


/* ---------------------------------------------------- GENERAL ------------------------------------------------- */

/* BODY */

html {
	background: url(/_layouts/transgrid.portal.website/images/bg_bottom.jpg) repeat-x bottom;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	display: table;
}

body	{
background: url(/_layouts/transgrid.portal.website/images/bg_top.jpg) no-repeat center top;
padding: 0;
margin: 0;
height: 100%;
width: 100%;
display: table;
}


/* MAIN */
.maincontainer	{
height: 100%;
float: none;
width: 980px;
clear: both;
margin: 10px auto 30px auto;
margin-top: 10px;
}

#whitebg	{
padding: 0px 10px 0px 10px;
background: url(/_layouts/transgrid.portal.website/images/whitebg.png) repeat-y top left;
display: inline;
}

/* header */
#header	{
background: url(/_layouts/transgrid.portal.website/images/header.png) no-repeat;
width: 980px;
height: 100px;
}

/*logolink*/
#logolink {
float: left;
width: 180px;
height: 80px;
margin: 10px: 
}

/* header search */
#search1	{
float: right;
margin: 40px 30px 0px 0px;
width: 210px;
display: inline;
    clear: both;
    margin: 10px 30px 0 0;
}

#search1input	{

margin: 0px 0px 10px 0px;
height: 22px;
background: #FFFFFF;
}

#search1input input	{
float: left;
border: 1px solid #FFFFFF;
height: 18px;
width: 130px;
}

#search1text p	{
color: #FFFFFF;
clear: both;
}

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

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

#search1 a:hover	{
color: #FFFFFF;
text-decoration: underline;
}


.searchbutton {
float: right;
background: url(/_layouts/transgrid.portal.website/images/searchbutton.gif) no-repeat;
width: 70px;
height: 22px;
}

#search3	{
padding: 0px 0px 0px 10px;
margin: 5px 0px 0px 0px;
background: url(/_layouts/transgrid.portal.website/images/search3bg.gif) no-repeat top left;
width: 180px;
height: 75px;
display: inline;
}

#search3input	{
border: 1px solid #999999;
margin: 17px 0px 5px 0px;
background: #FFFFFF;
display: inline;
}

#search3input input[type='text'], #search3input input.text	{
float: left;
border: 1px solid #FFFFFF;
height: 18px;
width: 100px;
}

#search4	{
float: left;
width: 190px;
display: inline;
}

#search4input	{
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
height: 22px;
background: #FFFFFF;
}

#search4input input	{
border: 1px solid #FFFFFF;
float: left;
border: none;
width: 100px;
height: 20px;
}

#subscribe .error {
border: solid 1px #FF0000 !important;
}

.form .error {
border: solid 1px #FF0000 !important;
}

.errortext {
font-size: 8pt;
position: relative;
top: -9px;
color: #FF0000;
}

/* navigation */
#navigation	{
font-family: Arial, Helvetica, sans-serif;
font-size: 10.5pt;
background: url(/_layouts/transgrid.portal.website/images/navigationbg.png) no-repeat; 
width: 930px;
height: 30px;
padding: 0px 0px 0px 50px;
}

#navigation	ul{
margin: 9px 0px 0px 0px;
}

#navigation	li{
display: inline;
}

#navigation li a	{
color: #676767;
background: url(/_layouts/transgrid.portal.website/images/diamondblue.gif) no-repeat left 4px;
padding: 0px 15px 0px 15px;
text-decoration: none;
}

#navigation	.current a {
color: #000000;
background: url(/_layouts/transgrid.portal.website/images/diamondgreen.gif) no-repeat left 4px;
}

#navigation	li a:link {
color: #676767;
background: url(/_layouts/transgrid.portal.website/images/diamondblue.gif) no-repeat left 4px;
padding: 0px 15px 0px 15px;
text-decoration: none;
}

#navigation	li a:hover {
color: #000000;
background: url(/_layouts/transgrid.portal.website/images/diamondgreen.gif) no-repeat left 4px;
}

#navigation	li a:active {
color: #676767;
background: url(/_layouts/transgrid.portal.website/images/diamondblue.gif) no-repeat left 4px;
padding: 0px 15px 0px 15px;
text-decoration: none;
}





/* pages */
.pagecontainer	{
padding: 0px 0px 20px 0px;
display: inline;
}

.image	{
margin: 20px 0px 20px 0px;
display: inline;
}

.caption	{
background: #EFEFEF;
margin: 15px 0px 15px 0px;
display: inline;
}

.caption p	{
margin: 3px 5px 5px 5px;
}

.space	{
height: 10px;
width: 100%;
}

.contentblock	{
width: 485px;
clear: both;
margin: 0px 0px 10px 0px;
display: inline;
}


.contentblock	li	{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 1.5em;

}

.formPadding {
padding-left: 20px; padding-top: 0px; padding-right: 20px;
}

.form p	{
margin: 10px 0px 2px 0px;
}

.form div	{
margin: 10px 0px 10px 0px;
}

.form select, .form input, .form textarea 	{
border: 1px solid #999999; 
}





.submit	{
margin: 10px 0px 0px 0px;
}

.footer 	{
width: 485px;
clear: both;
margin: 0px 0px 10px 0px;
display: inline;
}

.footer p	{
margin: 10px 0px 0px 0px;
}


/* ---------------------------------------------------- FONTS (styles may be overruled in individual sections) ------------------------------------------------- */

h1, .ms-rteCustom-Heading1 {
clear: both;
font-family:Arial, Helvetica, sans-serif;
font-size: 16pt;
line-height: 17pt;
font-weight: lighter !important;
letter-spacing: -0.02em;
color: #1E41A0;
}

h2, .ms-rteCustom-Heading2 {
clear: both;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
line-height: 13pt;
color: #1E41A0;
margin-bottom: 5px;
}

.ms-rteCustom-Heading2 {
clear: both;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
line-height: 13pt;
font-weight:bolder;
color: #1E41A0;
margin-bottom: 5px;
}

h3, .ms-rteCustom-Heading3 {
clear: both;
font-family:Arial, Helvetica, sans-serif;
font-size: 11pt;
line-height: 13pt;
margin: 0px 0px 3px 0px;
}

.ms-rteCustom-Heading3 {
clear: both;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
line-height: 13pt;
font-weight:bolder;
color: #1E41A0;
margin: 0px 0px 3px 0px;
}

p, .ms-rteCustom-BodyText {
font-family:Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 13pt;
clear: both;
color: #333333;
}

.smalltext, .ms-rteCustom-SmallText {
font-size: 8pt;
line-height: 11pt;
}

.bluetext, .ms-rteCustom-BlueText {
color: #1E41A0;
}

.boldtext, .ms-rteCustom-BoldText {
font-weight: bold;
}

.sortresults	{
float: right;
position: relative;
top: -35px;
display: block;
}



a:link, .ms-WPBody a:link	{
color: #00A07D;
text-decoration: none;
}

a:visited, .ms-WPBody a:visited	{
text-decoration: none;
color: #00A07D;
}

a:hover, .ms-WPBody a:hover	{
color: #1E41A0;
text-decoration: none;
}

/* ---------------------------------------------------- HOME ------------------------------------------------- */

#homepage	{
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 20px;
width: 960px;
background: url(/_layouts/transgrid.portal.website/images/homepage_bg.gif) repeat-y;
display: inline;
}

#homepage h1, #homepage .ms-rteCustom-Heading1 {
padding: 2px 0px 5px 0px;

}

#homebanner	{
width: 960px;
height: 233px;
/*background: url(/_layouts/transgrid.portal.website/images/banner1.jpg) no-repeat;*/

}

#hometext   {
background-image: url(/_layouts/transgrid.portal.website/images/homeheading1.png);
background-position: top left;
background-repeat: no-repeat;
margin: 85px 0px 0px 20px;
display: inline;
}

#hometext h1	{
position: relative;
left: -1000px;
height: 0px;
font-size: 24pt;
color: #FFFFFF;
margin: 0px 0px 5px 0px;
}

#hometext p	{
width: 450px;
}

#hometext img	{
margin: 0px 0px 3px 0px;
}

#hometext p {
font-size: 11pt;
color: #FFFFFF;
}

#hometext a:link {
color: #FFFFFF;
text-decoration: underline;
}

#hometext a:visited {
color: #FFFFFF;
text-decoration: underline;
}

#hometext a:hover	{
color: #000000;
text-decoration: underline;
}



/* HOME CONTENT */
.homecolumn	{
width: 215px;
margin: 0px 20px 0px 0px;
display: inline;
}

.homecolumn	.illustration {
margin: 10px 0px 10px 0px;
}

.homecolumn	p {
float: left;
width: 180px;
margin: 0px 0px 8px 0px;
}

.homecolumn	p a {
float: left;

width: 180px;
}

.homecolumnlast	{
width: 215px;
}

.homecolumnlast p	{
float: left;
width: 215px;
margin: 0px 0px 8px 0px;
}

.homecolumnlast	p a {
float: left;

width: 215px;
}

#search2	{
margin: 5px 0px 0px 0px;
background: url(/_layouts/transgrid.portal.website/images/search2bg.gif) no-repeat top left;
height: 127px
}

#search2input	{
margin: 40px 0px 0px 10px;
border: 1px solid #999999;
height: 22px;
width: 190px;
background: #FFFFFF;
display: inline;
}

#search2input input	{
border: none;
height: 18px;
width: 107px;
border: 1px solid #FFFFFF;
float: left;
}



/* ---------------------------------------------------- PAGES ------------------------------------------------- */


/* PROJECTS CONTENT */
#page	{
padding: 0px 0px 10px 0px;
display: inline;
}

#projects #pagebanner	{
width: 740px;
height: 77px;
background: url(/_layouts/transgrid.portal.website/images/projectsbanner.jpg) no-repeat;
margin: 0px 0px 0px 20px;
display: inline;
}


/* TABLE */
.table1	{
width: 485px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
margin: 10px 0px 10px 0px;
}

.table1	td {
width: 100%;
}

.table1 .alt	{
background: #EFEFEF;
}

.table1 th	{
text-align: left;
color: #1E41A0;
padding: 0px 5px 5px 5px;
font-size: 13pt;
}


.table1 td	{
padding: 10px 5px 10px 5px;

}

.download	{
background: url(/_layouts/transgrid.portal.website/images/pdf.png) no-repeat;
padding: 1px 0px 0px 20px;
}


/* VIDEOS */

.video	{
float: left;
background: url(/_layouts/transgrid.portal.website/images/videobg.jpg) no-repeat;
width: 234px;
height: 86px;
margin: 0px 13px 13px 0px;
display: inline;
}

.video img	{
float: left;
margin: 10px 7px 10px 10px;
}

.videotext	{
float: left;
width: 110px;
margin: 10px 0px 0px 0px;
}

.videotext	.bluetext	{
line-height: 12pt;
}

.videotext	.smalltext	{
padding: 3px 0px 0px 0px;
}

.videolast	{
float: left;
background: url(/_layouts/transgrid.portal.website/images/videobg.jpg) no-repeat;
width: 234px;
height: 86px;
margin: 0px 0px 13px 0px;
}

.videolast img	{
float: left;
margin: 10px 7px 10px 10px;;
}

/* GALLERY */

.gallery	{
float: left;
background: url(/_layouts/transgrid.portal.website/images/gallerybg.jpg) no-repeat;
width: 155px;
height: 165px;
margin: 0 6px 10px 0;
}

.gallery img	{
float: left;
margin: 13px 0px 5px 13px;
}

.gallery .smalltext	{
float: left;
width: 138px;
margin: 0px 13px 4px 13px;
}

.gallery a	{
margin: 0px 0px 3px 13px;
font-size: 10pt;
}

.gallerylast	{
float: left;
background: url(/_layouts/transgrid.portal.website/images/gallerybg.jpg) no-repeat;
width: 155px;
height: 165px;
margin: 0px 0px 0px 0px;
}

.gallerylast img	{
float: left;
margin: 13px 0px 5px 13px;
}

.gallerylast .smalltext	{
float: left;
width: 138px;
margin: 0px 13px 4px 13px;
}

.gallerylast a	{
margin: 0px 0px 3px 13px;
font-size: 10pt;
}


/* Carrer GALLERY */

.careerGallery	{
float: left;
background: url(/_layouts/transgrid.portal.website/images/overviewbg.jpg) no-repeat;
width: 155px;
height: 195px;
margin: 0 6px 10px 0;
}

.careerGallery img	{
float: left;
margin: 13px 0px 5px 13px;
}

.careerGallery .smalltext	{
float: left;
width: 138px;
margin: 0px 13px 4px 13px;
}

.careerGallery a	{
margin: 0px 0px 3px 13px;
font-size: 10pt;
}

.careerGallerylast	{
float: left;
background: url(/_layouts/transgrid.portal.website/images/overviewbg.jpg) no-repeat;
width: 155px;
height: 195px;
margin: 0px 0px 0px 0px;
}

.careerGallerylast img	{
float: left;
margin: 13px 0px 5px 13px;
}

.careerGallerylast .smalltext	{
float: left;
width: 138px;
margin: 0px 13px 4px 13px;
}

.careerGallerylast a	{
margin: 0px 0px 3px 13px;
font-size: 10pt;
}

/* GOVERVIEW */

.overview	{
float: left;
background: url(/_layouts/transgrid.portal.website/images/overviewbg.jpg) no-repeat;
width: 155px;
height: 196px;
margin: 10px 10px 10px 0px;
display: inline;
}

.overview h2 {
font-size: 11pt;
height: 30px;
width: 155px;
padding: 10px 10px 0px 13px;
}

#last2	{
margin: 10px 0px 5px 0px;

}

.overview img	{
float: left;
margin: 3px 0px 5px 13px;
display: inline;
}

.overview .smalltext	{
float: left;
width: 138px;
margin: 0px 13px 0px 13px;

}

.overview a	{
margin: 0px 0px 3px 13px;
font-size: 10pt;
font-weight: bold;
}
 
 /* PAGINATION */
 
.pagination {
width: 485px;
clear: both;
display: inline;
background: url(/_layouts/transgrid.portal.website/images/line1.gif) no-repeat top left;
padding: 10px 0px 0px 0px;
}

.pagination ul	{
font-weight: bold;
margin: 3px 0px 0px 0px;
}


.pagination li {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
display: inline;

}

.pagination .first {
background: url(/_layouts/transgrid.portal.website/images/first.gif) no-repeat left 2px;
padding: 0px 0px 0px 12px;
}

.pagination .last {
background: url(/_layouts/transgrid.portal.website/images/last.gif) no-repeat right 2px;
padding: 0px 12px 0px 0px;
}

.captcha {
border: 1px solid #999999;
padding: 10px;
}

.pagination2 {
width: 485px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
background: url(/_layouts/transgrid.portal.website/images/line1.gif) no-repeat bottom left;
}

.pagination2 ul	{
font-weight: bold;
}


.pagination2 li {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
display: inline;

}

.pagination2 .first {
background: url(/_layouts/transgrid.portal.website/images/first.gif) no-repeat left 2px;
padding: 0px 0px 0px 12px;
}

.pagination2 .last {
background: url(/_layouts/transgrid.portal.website/images/last.gif) no-repeat right 2px;
padding: 0px 12px 0px 0px;
}

/* LEFT HAND NAVIGATION */
.lefthandnav 	{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #666666;

}

.lefthandnav a	{
color: #666666!important;
}

.lefthandnav a:hover	{
color: #00A07D;
text-decoration: none;
}

/* LEVEL 1 */
.lefthandnav  li {
	padding: 8px 10px 10px 20px;
	background-image: url(/_layouts/transgrid.portal.website/images/lhn_line.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

/* LEVEL 2 */
.lefthandnav li ul li  {
color: #676767;
border: none;
background: none;
padding: 8px 0px 0px 16px;
}

/* LEVEL 3 */
.lefthandnav li ul li ul li   {
color: #676767;
border: none;
background: none;
padding: 8px 0px 0px 12px;
}

/* LEVEL 4 */
.lefthandnav li ul li ul li ul li   {
color: #676767;
border: none;
background: none;
padding: 6px 0px 0px 12px;
}

/* LEVEL 1 link*/
.lefthandnav li a {
	background-image: url(/_layouts/transgrid.portal.website/images/diamondblue.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	color: #676767!important;
	display: block;
	padding-left: 4px;
}

.span1, .span2  {
	position: relative;
	left: 15px;
}

.span3, .span4  {
	position: relative;
	left: 12px;
}

.lefthandnav li a:hover{
	background-image: url(/_layouts/transgrid.portal.website/images/diamondgreen.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 1 lhncurrent*/
.lefthandnav li .lhncurrent{
	background-image: url(/_layouts/transgrid.portal.website/images/diamondgreen.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 1 haschildren*/
.lefthandnav li .haschildren {
	background-image: url(/_layouts/transgrid.portal.website/images/triangle.gif);
	background-position: 4px 2px;
	background-repeat: no-repeat;
	color: #676767!important;
}

.lefthandnav li  .haschildren:hover {
	background-image: url(/_layouts/transgrid.portal.website/images/trianglegreen.gif);
	background-position: 4px 2px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 1 expanded*/
.lefthandnav li .expanded {
	background-image: url(/_layouts/transgrid.portal.website/images/triangleexpanded.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}

.lefthandnav li .expanded:hover{
	background-image: url(/_layouts/transgrid.portal.website/images/triangleexpandedgreen.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 2 link*/
.lefthandnav li ul li a {
	background-image: url(/_layouts/transgrid.portal.website/images/diamondblue.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	color: #676767!important;
}

.lefthandnav li ul li a:hover {
	background-image: url(/_layouts/transgrid.portal.website/images/diamondgreen.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 2 lhncurrent*/
.lefthandnav li ul li .lhncurrent {
	background-image: url(/_layouts/transgrid.portal.website/images/trianglegreen.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 2 haschildren*/
.lefthandnav li ul li .haschildren {
	background-image: url(/_layouts/transgrid.portal.website/images/triangle.gif);
	background-position: 4px 2px;
	background-repeat: no-repeat;
	color: #676767!important;
}

.lefthandnav li ul li .haschildren:hover {
	background-image: url(/_layouts/transgrid.portal.website/images/trianglegreen.gif);
	background-position: 4px 2px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 2 expanded*/
.lefthandnav li ul li .expanded {
	background-image: url(/_layouts/transgrid.portal.website/images/triangleexpanded.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}

.lefthandnav li ul li .expanded:hover {
	background-image: url(/_layouts/transgrid.portal.website/images/triangleexpandedgreen.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 3 link*/
.lefthandnav li ul li ul li a  {
	background-image: url(/_layouts/transgrid.portal.website/images/dash.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #676767!important;
}

.lefthandnav li ul li ul li a:hover  {
	background-image: url(/_layouts/transgrid.portal.website/images/dashgreen.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 3 lhncurrent*/
.lefthandnav li ul li ul li .lhncurrent  {
	background-image: url(/_layouts/transgrid.portal.website/images/dashgreen.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 3 haschildren*/
.lefthandnav li ul li ul li .haschildren  {
	background-image: url(/_layouts/transgrid.portal.website/images/dash.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 3 expanded*/
.lefthandnav li ul li ul li .expanded  {
	background-image: url(/_layouts/transgrid.portal.website/images/dash.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}

.lefthandnav li ul li ul li .expanded:hover {
	background-image: url(/_layouts/transgrid.portal.website/images/dashgreen.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 4 link*/
.lefthandnav li ul li ul li ul li a  {
	background-image: url(/_layouts/transgrid.portal.website/images/dash.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #676767!important;
}

.lefthandnav li ul li ul li ul li a:hover {
	background-image: url(/_layouts/transgrid.portal.website/images/dashgreen.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 4 lhncurrent*/
.lefthandnav li ul li ul li ul li .lhncurrent {
	background-image: url(/_layouts/transgrid.portal.website/images/dashgreen.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 4 haschildren*/
.lefthandnav li ul li ul li ul li .haschildren  {
	background-image: url(/_layouts/transgrid.portal.website/images/dash.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}

/* LEVEL 4 expanded*/
.lefthandnav li ul li ul li ul li .expanded  {
	background-image: url(/_layouts/transgrid.portal.website/images/dash.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #000000!important;
}
 
/* breadcrumbs */
.breadcrumbs	{
width: 485px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
margin: 5px 0px 0px 0px;
}

.breadcrumbs ul li	{
display: inline;
padding: 0px 8px 0px 0px;
}

.breadcrumbs a	{
padding: 0px 10px 0px 0px;
background: url(/_layouts/transgrid.portal.website/images/breadcrumbarrow.gif) no-repeat right 5px;
}

/* pagecontent */
.pageheader	{
width: 485px;
clear: both;
display: inline;
padding: 0px 0px 5px 0px;
margin: 15px 0px 5px 0px;
}

.pagecontent {
width: 485px;
clear: both;
padding: 0px 20px 0px 20px;
background: url(/_layouts/transgrid.portal.website/images/verticalline.gif) no-repeat top right;
}


.tools	{
float: right;
height: 16px;
position: relative;
top: 3px;
}

.tools .margin	{
margin-left: 5px;
}



.pageheader .line1	{
display: inline;
margin-top: 5px;
}

.pageheader .line1	{
margin-top: 5px;
}

.underline	{
background: url(/_layouts/transgrid.portal.website/images/line1.gif) no-repeat bottom left;
padding: 0px 0px 5px 0px;
width: 485px;
margin: 0px 0px 5px 0px;
}

#rightcolumn	{
width: 235px;
display: inline;
}

#rightcolumn #subscribe,  #rightcolumn #story, #rightcolumn #address {
width: 185px;
padding: 0px 20px 0px 20px;
display: inline;
}

.greyarea	{

background:url(/_layouts/transgrid.portal.website/images/rightcolumnbg.jpg) no-repeat;
padding: 20px 20px 20px 20px;
display: inline;
}

.greyarea .smalltext	{
padding: 0px 20px 0px 0px;
}

#rightcolumn #video	img {
border: 1px solid #FFFFFF;
margin: 0px 0px 4px 0px;
}

#rightcolumn #links	{
width: 235px;
margin: 0px 0px 20px 0px;
}

#rightcolumn #address	{
margin: 0px 0px 20px 0px;
}

#rightcolumn #links	img {
margin: 1px 0px 0px 0px;
}

#rightcolumn #story	{
margin: 0px 0px 20px 0px;
}

#subscribe	{
margin: 10px 0px 10px 0px;
}

#subscribe h2	{
margin: 0px 0px 10px 0px;
}

#subscribe input	{
border: 1px solid #999999;
margin: 0px 0px 10px 0px;
width: 190px;
}

#subscribe img	{
float: right;
margin: 0px -10px 0px 0px;
}

#subscribe .smalltext	{
float: left;
position: relative;
top: 3px;
}

/* GENERAL page CONTENT */
#leftcolumn	{
width: 180px;
margin: 10px 0px 10px 20px;
display: inline;
}

/* SPACER */
#spacer	{
background: url(/_layouts/transgrid.portal.website/images/spacer.png) no-repeat;
width: 980px;
height: 20px;
display: inline;
}

#spacer2	{
background: url(/_layouts/transgrid.portal.website/images/spacer2.png) no-repeat;
width: 980px;
height: 20px;
display: inline;
}

/* footer */
#footer	{
background: url(/_layouts/transgrid.portal.website/images/footerbg.png) repeat-y;

padding: 15px 0px 0px 10px;
margin: 0px 0px 10px 0px;
}

.footercolumnfirst	{
margin: 0px 0px 0px 20px;
width: 125px;
display: inline;
}

.footercolumn	{
margin: 0px 0px 10px 10px;
width: 125px;
display: inline;
}

.footercolumnfirst h2	{
height: 42px;
}

.footercolumn h2	{
height: 42px;
}

.footercolumnfirst li	{
margin: 0px 0px 3px 0px;
}

.footercolumn li	{
margin: 0px 0px 3px 0px;
}

#footer h2	{
font-size: 11pt;
}

#footer li	{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
line-height: 14pt;
padding: 0px 0px 5px 0px;
}

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

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

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

#footer h2 a:link	{
text-decoration: none;
color: #1E41A0;
}

#footer h2 a:visited	{
text-decoration: none;
color: #1E41A0;
}

#footer h2 a:hover	{
text-decoration: underline;
color: #1E41A0;
}


/* legal */
#legal	{
background: url(/_layouts/transgrid.portal.website/images/legalbg.png) no-repeat;
width: 100%;
height: 50px;
}

#legal	p	{
font-size: 8pt;
margin: 25px 40px 0px 20px;
color: #FFFFFF;
}

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

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

#legal a:hover	{
color: #FFFFFF;
text-decoration: underline;
}

.floatleft	{
float: left;
clear: none;
}

.floatright	{
float: right;
clear: none;
}


/* SITEMAP */

.sitemap	{
margin: 30px 0px 30px 30px;
}

.sitemap .lefthandnav 	{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #666666;
}

.sitemap .lefthandnav a	{
color: #666666;
}

.sitemap .lefthandnav a:hover	{
color: #00A07D;
text-decoration: underline;
}


.sitemap .lhn1_current a	{
color: #000000;
}

.sitemap .lhn2_current a	{
color: #000000;
}

.sitemap .lhn3_current a {
color: #000000; 
}

.sitemap .lhn4_current a	{
color: #000000;
}



/* LEVEL 1 */
.sitemap .lefthandnav  li 	{
padding: 8px 0px 10px 15px;
border-bottom: 1px solid #CCCCCC;
background: url(/_layouts/transgrid.portal.website/images/diamondblue.gif) no-repeat 0 10px;
color: #000000;
font-weight: bold;
}

/* LEVEL 2 */
.sitemap .lefthandnav li ul li  {
margin: 0px 0px 0px 20px;
color: #00CCCC;
border: none;
background: none;
padding: 8px 0px 0px 15px;
background: url(/_layouts/transgrid.portal.website/images/triangle.gif) no-repeat 0 10px;
font-weight: normal;
}


/* LEVEL 3 */
.sitemap .lefthandnav li ul li ul li   {
margin: 0px 0px 0px 30px;
color: #FF9900;
border: none;
background: none;
padding: 8px 0px 0px 12px;
background: url(/_layouts/transgrid.portal.website/images/dash.gif) no-repeat 0 15px;

}

/* LEVEL 4 */
.sitemap .lefthandnav li ul li ul li ul li   {
color: #FF9900;
border: none;
background: none;
padding: 6px 0px 0px 12px;
background: url(/_layouts/transgrid.portal.website/images/dash.gif) no-repeat 0 12px;
}


/* SLIDESHOW */

.hide {
	display: none;
}

#slideshow	{
    margin: 5px;
    float: right;
    background: url(/_layouts/transgrid.portal.website/images/slideshowbg.png) no-repeat;
    width: 236px;
    height: 223px;
    display: inline;
}
#slideshowcontent	{
    margin: 20px 30px 5px 30px;
    width: 190px;
    display: inline;
}

#slideshow #slideshowloader {
	background: url('images/home/loading.gif') no-repeat center center;
	width: 32px;
	height: 0;
	padding: 32px 0 0 0;
	display: block;
	overflow: hidden;
}
#slideshow ul#imageviewer {
	width: 175px;
	height: 165px;
	overflow: hidden;
    z-index:1;
}
#slideshow ul#imageviewer li {
	width: 175px;
	position: absolute;
}

#slideshow	.smalltext {
    line-height:11pt;
    width: 176px;
}
#slideshowcontent img	{
    margin: 0px 0px 5px 0px;
}

#slideshow #controllers 
{
	position: relative;
	text-align: center;
   	width: 180px;
    height:13px;
	
	top: 7px;
}

#slideshow #controllers ul li 
{
    float:left;
	margin: 0px 3px 0px 3px;
}
#slideshow #controllers ul li a:hover,
#slideshow #controllers ul li a.active {
	text-decoration: none;
	color: #000;
}
#slideshow #controllers a, #slideshow #controllers ul
{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	
	top: 1px;
    float:left;
}	
#slideshow #controllers #previous, #slideshow #controllers #next, #slideshow #controllers #control
{
    height:0px;
    overflow: hidden;
    display:block;
    width: 12px;
	padding: 13px 0 0 0;
}
#slideshow #controllers #previous
{
    background:url(/_layouts/transgrid.portal.website/images/first.gif) no-repeat 0 0;    
}
#slideshow #controllers #next
{
    background:url(/_layouts/transgrid.portal.website/images/last.gif) no-repeat 0 0;   
}
#slideshow #controllers #control
{
    float: right;
}
#slideshow #controllers .play 
{
    background:url(/_layouts/transgrid.portal.website/images/last.gif) no-repeat 0 0;
}
#slideshow #controllers .pause {
    background:url(/_layouts/transgrid.portal.website/images/pause.gif) no-repeat 0 0;
}

/* SUBSCRIBE BUTTON */

#subscribe_rounded	{
	background: url(/_layouts/transgrid.portal.website/images/big_button_rounded.jpg) no-repeat;
	width: 195px;
	height: 48px;
	padding: 7px 0px 0px 0px;
	text-align: center;
	margin: 0px 20px 0px 20px;
}

#subscribe_rounded p a:link, #subscribe_rounded p a:visited 	{
	color: #FFF;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	font-weight:bold;
}

#subscribe_square	{
	background: url(/_layouts/transgrid.portal.website/images/big_button_square.jpg) no-repeat;
	width: 195px;
	height: 46px;
	padding: 6px 0px 0px 25px;
	margin: 20px 20px 20px 20px;
}

#subscribe_square p	a:link, #subscribe_square p	a:visited {
	color: #FFF;
	font-size: 14px;
	line-height: 16px;
	font-weight:bold;
}

#subscribe_square p	a:hover, #subscribe_rounded p a:hover {
	
	color: #000;
	
	}











/*correctly position the editor panel in the page*/
div.editorform
{
    clear: both;
    width: 100%;
}
table.editorform
{
    clear: both;
    background-color: #fffbd9;
    border:solid 1px #ffff80;
    margin:0px;
}

/*style the editor panel*/
.ms-formfieldcontainer
{
    clear:both;
}
.ms-formfieldlabelcontainer
{
    margin:10px 10px 0px 10px;
}
div.ms-formfieldlabelcontainer span.ms-formfieldlabel
{
    font-weight:bold;
    display:block;
    font-size:10pt;
    margin:0px 0px 0px 0px;
    padding:3px 5px;
}
.ms-formfieldvaluecontainer
{
    clear:both;    
    padding:0px 0px 0px 0px;
    margin:0px 10px 4px 10px;
    border:none;
}
.ms-formfieldvaluecontainer span textarea, .ms-formfieldvaluecontainer span input, .ms-formfieldvaluecontainer span select, .ms-RadioText label
{
    font-size:9pt;
    padding:3px;
}
.requireddate div div span span
{
    clear:both;
    display:block;
}
.requireddate
{
    font-size:8pt;
}

/*WebPart edit dropdown button display in correct position*/
.ms-WPHeader td .ms-HoverCellInActive
{
    width:40px;
}
.ms-WPHeader td a .ms-HoverCellInActive
{
    width:13px;
}

/*Search results display*/
.srch-stats
{
    background-color: Transparent !important;
}
.srch-sort-right
{
    margin: 0px 0px 10px 0px;
}
.srch-stats
{
    background: url(/_layouts/transgrid.portal.website/images/line1.gif) no-repeat bottom left;
    padding: 5px 0px 5px 0px;
    text-align: left;
    width: 485px;
}

.srch-Page
{
    background-color: Transparent !important;
    padding: 5px 0px 5px 0px;
    text-align: left;
    width: 485px;
}
.srch-results
{
    background: url(/_layouts/transgrid.portal.website/images/line1.gif) no-repeat bottom left;
    margin:10px 0px 0px 0px;
}
.srch-results h2 a:link, .srch-results h2 a:visited
{
    color: #1e41a0 !important;
}
.srch-URL a:link, .srch-URL a:visited
{
    color: #00A07D !important;
}
.srch-Description
{
    margin:0px 0px 3px 0px; 
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 12pt;
    clear: both;
    color: #333333;
}
.srch-Metadata
{
    line-height:10pt;
}

/*Alter the advanced search*/
#tgadvancedsearch
{
    width: 485px;
}
#tgadvancedsearch .ms-WPBody input[type='text'], #tgadvancedsearch .ms-WPBody input.text
{
    border: solid 1px #CDCDCD;
    margin: 5px 10px 5px 10px;
}
#tgadvancedsearch .ms-WPBody input
{
    margin: 5px 10px 5px 10px;
}
#tgadvancedsearch .ms-WPBody input[type='submit'], #tgadvancedsearch .ms-WPBody input.submit
{
    color: #ffffff;
    background-color: #00A07D;
    border: none;
    text-transform: uppercase;
}
#tgadvancedsearch .ms-WPBody input[type='submit']:hover, #tgadvancedsearch .ms-WPBody input.submit:hover
{
    background-color:#18419C;
    cursor:pointer;
}

.ms-advsrchText label
{
 }
.ms-standardheader {
color:#333333;
}
.ms-WPBody td, .ms-advsrchText {
    margin:0px 0px 3px 0px; 
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 12pt;
    clear: both;
    color: #333333;
}

/*Position the site actions on the right hand side*/
#TGSiteActions
{
    float: right;
    margin: 5px 30px 0px 0px;
    height: 25px;
}

/*Ensure that the page edit toolbar visible*/
.console
{
    width: 960px;
}

/***  Start Rich Text Editor TABLE Styles  ***/
.ms-rteTable-TransGrid
{
    /*border-collapse:collapse;*/
    border: none;
    font-size: 8pt;
    margin: 10px 0px;
    width: 485px;
    font-family: Arial, Helvetica, sans-serif;
    color: Black;
}
.ms-rteTableHeaderRow-TransGrid
{
    font-weight: 700; /*     .table1 TH     */
    font-size: 13pt;
    color: #1e41a0;
    text-align: left;
}
.ms-rteTableHeaderFirstCol-TransGrid
{
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 0px;
}
.ms-rteTableHeaderLastCol-TransGrid
{
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 0px;
}
.ms-rteTableHeaderOddCol-TransGrid
{
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 0px;
}
.ms-rteTableHeaderEvenCol-TransGrid
{
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 0px;
}
.ms-rteTableOddRow-TransGrid
{
    /*     .table1 .alt     */
    background: #efefef; /*     .table1 TD     */
}
.ms-rteTableEvenRow-TransGrid
{
}
.ms-rteTableFirstCol-TransGrid
{
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.ms-rteTableLastCol-TransGrid
{
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.ms-rteTableOddCol-TransGrid
{
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.ms-rteTableEvenCol-TransGrid
{
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.ms-rteTableFooterRow-TransGrid
{
}
.ms-rteTableFooterFirstCol-TransGrid
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.ms-rteTableFooterLastCol-TransGrid
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.ms-rteTableFooterOddCol-TransGrid
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.ms-rteTableFooterEvenCol-TransGrid
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}
/***  End Rich Text Editor TABLE Styles  ***/


/***  NGA STYLES ***/

#NGA .lozenge	{
margin: 10px 0px 0px 0px;
background: #ECECEC;
}

#NGA .lozenge ul	{
margin: 5px 0px 0px 0px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#NGA .lozenge li		{
display: inline;
padding: 0px 10px 0px 0px;
margin: 0px 6px 0px 0px;
border-right: 1px solid #999999;
}

#NGA .lozenge .last	{
margin: 0px;
padding: 0px;
border-right: none;
}

#NGA .lozenge2	{
width: 485px;
margin: 10px 0px 0px 0px;
background: #ECECEC;
}

#NGA .lozenge2 ul	{
margin: 5px 0px 0px 0px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#NGA .lozenge2 li		{
display: inline;
padding: 0px 10px 0px 0px;
margin: 0px 6px 0px 0px;
border-right: 1px solid #999999;
}

#NGA .lozenge2 .last	{
margin: 0px;
padding: 0px;
border-right: none;
}

#NGA .lozenge_left	{
padding: 0px 5px 0px 5px;
height: 23px;
background: #ECECEC url(NGA_images/rounded_left.gif) no-repeat top left;
}

#NGA .lozenge_right	{
height: 23px;
float: right;
width: 10px;
background: #ECECEC url(NGA_images/rounded_right.gif) no-repeat top right;
}

#NGA .form_panel	{
width: 200px;
border: 1px solid #CCCCCC;
background: url(NGA_images/panel_bg.jpg) repeat-x left bottom;
padding: 15px;
margin: 0px 10px 0px 0px;
height: 260px;
}

#NGA #form_panel_last	{
margin: 0px;
}

#NGA #form_panel_last img	{
margin: 0px;
}

#NGA .form_panel input	{
width: 160px;
position: relative;
top: -7px;
}

#NGA .form_panel img	{
margin: 10px 0px 10px 0px;
}

#NGA .form_panel p {
margin: 0px 0px 10px 0px;
}

#NGA .form_panel .smalltext {
line-height: 14px;
}

#NGA label {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px 10px 0px 0px;
}

#NGA .line {
background: url(/_layouts/transgrid.portal.website/images/line1.gif) no-repeat top left;
height: 1px;
width: 485px;
margin: 10px 0px 15px 0px;
}

#NGA .progress	{
margin: 10px 0px 20px 0px;
}

#NGA .warning	{
color: #FF0000;
border: 1px solid #FF0000;
padding: 4px 4px 4px 25px;
background: url(NGA_images/warning.jpg) no-repeat 5px center;
}


#NGA input, #NGA select	{
margin: 4px 5px 0px 0px;
}

#NGA #save	{
margin: 0px 0px 0px 10px;
}