/* Start of CMSMS style sheet '2010 | TRI | MAIN STRUCTURE' */
#maincontainer{
width: 1000px;
margin: 0 auto;
background-color: #364f81;
}

#designbuild{
height: 40px;
background-image: url(images/header_design_build.jpg);
background-repeat: no-repeat;
}

#logobar{
height: 55px;
background-image: url(images/header_logo_tri.jpg);
background-repeat: no-repeat;
}

#linkbar{
height: 72px;
background-image: url(images/header_link_bar.jpg);
background-repeat: no-repeat;
}


#contentwrapper{
float: left;
width: 100%;
background-color: #364f81;
}

#contentcolumn{
margin-left: 818px; /*Set left margin to LeftColumnWidth*/
height: 376px;
background-image: url(images/right_side_back.jpg);
background-repeat: no-repeat;
}

#contentcolumninside{
margin-left: 818px; /*Set left margin to LeftColumnWidth*/
background-image: url(images/right_side_back.jpg);
background-repeat: no-repeat;
background-color: #364f81;
}

#leftcolumn{
float: left;
width: 818px;
margin-left: -1000px;
height: 376px;
}

#leftcolumn_inside{
float: left;
width: 818px;
margin-left: -1000px;
background-image: url(images/left_fade.jpg);
background-repeat: no-repeat;
background-color: #364f81;
color: #fff;
background-color: #364f81;
}

#contentcolumn2{
margin-left: 265px;
height: 220px;
background-color: #364f81;
color: #fff;
}

#leftcolumn2{
float: left;
width: 265px; 
margin-left: -1000px;
height: 220px;
background-color: #364f81;
color:#7a97c7;
font-family: georgia,serif;
font-style: italic;
font-size: 120%;
line-height: 1.2em;
}

#sepbar01 {
clear: left;
width: 100%;
height: 42px;
background-image: url(images/sep_bar_01.jpg);
background-repeat: no-repeat;
}

#sepbar02 {
clear: left;
width: 100%;
height: 60px;
background-image: url(images/sep_bar_02.jpg);
background-repeat: no-repeat;
}

#contentcolumn3{
margin-left: 694px;
height: 101px;
background-color: #364f81;
background-image: url(images/super_footer_right.jpg);
background-repeat: no-repeat;
}

#leftcolumn3{
float: left;
width: 694px;
margin-left: -1000px;
height: 101px;
background-color: #364f81;
background-image: url(images/super_footer_left.jpg);
background-repeat: no-repeat;
font-size: 76%;
line-height: 1.2em;
color: #b08956;
}

#contentcolumn4{
margin-left: 490px;
background-color:#6e4111;
height:420px;
background-image:url(images/foot_right.jpg);
background-repeat:no-repeat;
color: #ffffff;
}

#leftcolumn4{
float: left;
width: 262px;
margin-left: -1000px;
background-color:#6e4111;
height:420px;
color: #b08956;
}

#rightcolumn4{
float: left;
height:420px;
width: 228px;
margin-left: -738px;
background-color:#6e4111;
background-image:url(images/foot_center.jpg);
background-repeat:no-repeat;
color: #b08956;
font-size: 95%;
}

#formblock {
width: 480px;
height: 400px;
overflow: auto;
}


/* LINKS n SPACERS */


a.lwyl
{
	display:block;
	width:132px;
	overflow:hidden;
}

a:hover.lwyl
{
	display:block;
	text-indent:-132px;
	}

a.process
{
	display:block;
	width:257px;
	overflow:hidden;
}

a:hover.process
{
	display:block;
	text-indent:-257px;
	}
	
.spacer01 {
padding: 0 20px 0 50px;
}

.spacer02 {
padding: 0 45px 0 0;
float:right;
}

.spacer03 {
padding: 0 50px;
}

.spacer04 {
padding: 0 50px 0 0;
}

.spacerleft {
padding: 20px 40px 0 50px;
}

.spacercenter {
padding: 20px 20px 0 0;
}

.spacerright {
padding: 0px 0px 0 20px;
}

.spacercontent {
padding: 0 50px 5px 50px;
}

br.clear {
clear: left;
}

.feedbackform{
padding: 0px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 450px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 120px; /*width of label (left column)*/
text-transform: uppercase;
border-bottom: 1px dotted #fff;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 253px;
height: 100px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}

/* End of '2010 | TRI | MAIN STRUCTURE' */

