/* Classes used by WYSIWYG editor */
@import "/smt/user/styles/classes/classes.css";

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
img,hr { border: none; }
img { vertical-align:top; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

html > body { width:100%; height:100%; }

/* PAGE STRUCTURE */
#body {
}

	 #wrapper {
	 overflow:hidden;
	 width:880px;
	 margin:0px auto;
	 position:relative;
	 margin-top: 8px;
	 }

		 #header {
		 height:180px;
		 width:880px;
		 clear:both;
		 margin-bottom: 15px;
		 position: relative;
		 }
 
		 #content {
		 width:880px;
		 height: 450px;
		 float:left;
		 clear:both;
		 }

		 html > body #content {
		 min-height:450px;
		 height:auto;
		 }
			 
			#content-right {
			overflow:hidden;
			}
			
				#content-main {
				overflow:hidden;
				}
				
				#content-related {
				float:right;
				overflow:hidden;
				}
			
			#content-left {
			float:left;
			overflow:hidden;
			}
			
			/* 1 Column layout  */			 
			.col1 #content-right {
			}
				
				col1 #content-main {
				}

				.col1 #content-related {
				 display:none;
				 }
				
			.col1 #content-left {
			display:none;
			}
				
			/* 2 Column layout  */
			.col2 #content-right {
			float:right;
			width:600px;
			}
			
				.col2 #content-main {
				}
				
				.col2 #content-related {
				display:none;
				}
				
			.col2 #content-left {
			width:180px;
			}
			
			/* 3 Column layout  */
			.col3 #contentright {
			float:right;
			width:727px;
			}
			
				.col3 #contentmain {
				float:left;
				width: 520px;
				margin: 0px 8px;
				}
				
				.col3 #contentrelated {
				width: 180px;
				float: right;
				}
			
			.col3 #contentleft {
			width: 150px;
			overflow:hidden;
			height:500px;
			}

		 #footer {
		 clear:both;
		 height:30px;
		 width:880px;
		 }

/* PAGE DESIGN */
a:link,a:visited,a:active,a:hover {
}

a:hover {
}

h1 {
}

h2 {
}

h3 {
}

p {
margin-bottom:5px;
}

td {
vertical-align:top;
text-align:left;
}

body {
font-size:12px;
text-align:center;
}

	 #wrapper {
	 text-align:left;
	 }
	
	#header {
	}
	
	#content {
	}
	
		#contentright {
		}
		
			#contentmain {
			}
			
			#contentrelated {
			}
	
		#contentleft {
		}
	
	#footer {
	}
 
/***** COMPONENTS ****/

fieldset {
border: 3px dotted #99CC00;
position: relative;
}

legend {
margin: 0px 10px;
padding: 0px 10px;
font-size: 20px;
}

fieldset span, fieldset p {
margin: 0px 5px;
}

span.readmore {
position: absolute;
bottom: 0px;
right: 0px;
}

span.author {
}

h1,h2,h3,h4,h5,h6 {color: #99cc00;
}

h1 {
font-size: 20px;
margin: 0 0 5px;
}

h2 {
font-size: 18px;
margin: 0 0 4px
}

h3 {
font-size: 14px;
margin: 0 0 3px
}

h4 {
font-size: 12px;
padding-bottom:8px;
}

h5 {
font-size: 10px;
line-height:12pt;
padding-bottom: 6px;
text-align: right;
}

h6 {
font-size:10pt; 
line-height:12pt; 
margin-bottom: 1px; 
}

a,a:link {
text-decoration:none;
color:#99cc00;
margin: 0px;
padding: 0px;
}

p {
margin-bottom:5px;
}

p:first-letter {
text-transform:uppercase;
}

#body { 
font-family:Arial,Verdana,Helvetica,sans-serif; 
font-size:12px;
color:#666666;
}

	#wrapper { }

		#content { }
		
			#contentright {}
			
				#contentmain { line-height:22px; }
				
				#contentrelated {
	text-align:left;
}
		
			#contentleft {}
	
	#top { }

/* GENERAL CLASSES */

.fields {
float:left;
clear:both;
margin:0px 0px 5px 0px;
}

	.fields label {
	float:left;
	clear:left;
	width:100px;
	}
	
	.fields .input {
	float:left;
	width:250px;
	}

	.fields .textarea {
	float:left;
	width:250px;
	}
					
/* COMPONENTS */

/***** Logo *****/
#logo { text-align: center; width: 150px; float: left; margin-top: 46px; }

/***** Banner *****/
#banner { text-align: center; width: 520px; height: 180px; float: left; margin: 0 15px; }

/***** Languagepicker *****/
#languagepicker { float: right; margin-right: 5px; }

/***** Renewable *****/
#renewable { text-align: center; width: 180px; float: right; margin-top:20px; position: absolute; bottom: 0px; right: 0px; }
	
	#renewable img { margin-top: 10px; }

/***** Page Content *****/
#page-content { }

/***** Menu *****/
.menu {border-top:3px dotted #99CC00;}

/***** Cases *****/
#cases {border-top:3px dotted #99CC00;}