﻿/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img, abbr,acronym { border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; }

html, body {
	height: 100%;
	font: 12px/16px Georgia, "Times New Roman";
	color: #575a5e;
}

div.container {
	background: url(../image/vertical-border.gif) left repeat-y;
	width: 626px;
	margin: 0px auto;
}

table.container {
	top: 0px;
	bottom: 0px;
	background: url(../image/vertical-border.gif) right repeat-y;
}
	
	table.container tr.header,
	table.container tr.message {
		background: url(../image/horizontal-splitter.gif) bottom no-repeat;
	}
	
	table.container tr.message {
		color: #000000;
	}
	
	table.container tr.header span {
		display: none;
	}
	
	table.container tr.header a {
		display: block;
		margin: 5px;
	}
	
	table.container tr.message {
		text-align: center;
		text-transform: uppercase;
		font-style: italic;
		font-size: 14px;
	}
		
		table.container tr.message .source {
			font-size: 70%;
			text-transform: none;
			text-align: center;
			color: #575a5e;
		}
		
		table.container tr.message td {
			padding: 10px;
		}
		
	table.container td.left {
		background: url(../image/vertical-border.gif) right top repeat-y;
	}
	
	table.container tr.menu-level-1  div,
	table.container tr.menu-level-2  div{
		font-size: 10px;
		line-height: 22px;
		background: url(../image/horizontal-section-splitter.gif) bottom left no-repeat;
		padding-top: 6px;
		padding-bottom: 6px;l
	}
	
	table.container tr.menu-level-2  td div {
		height: 22px;
		padding: 2px 0px 2px 14px;
		width: 267px;
	}
	
		table.container tr.menu-level-1 .left a,
		table.container tr.menu-level-1 .right a {
			display: block;
			width: 311px;
			height: 92px;
		}
			
			table.container tr.menu-level-1  a span {
				display: none;
			}
			
			table.container tr.menu-level-1 .left a {
				background: url(../image/menu-cia.gif) 0px 0px no-repeat;
			}
			
			table.container tr.menu-level-1 .left a.active,
			table.container tr.menu-level-1 .left a:hover {
				background: url(../image/menu-cia.gif) 0px -92px no-repeat;
				padding: 0px;
			}
			
			table.container tr.menu-level-1 .right a {
				background: url(../image/menu-sriftai.gif) 0px 0px no-repeat;
			}
			
			table.container tr.menu-level-1 .right a.active,
			table.container tr.menu-level-1 .right a:hover {
				background: url(../image/menu-sriftai.gif) 0px -92px no-repeat;
				padding: 0px;
			}
			
			table.container tr.menu-level-2 a {
				text-decoration: none;
			}
			
			table.container tr.menu-level-2 li {
				width: 33%;
				float: left;
			}
			
			table.container tr.menu-level-2 li.first {
				text-align: left;
			}
			
			table.container tr.menu-level-2 li {
				text-align: center;
			}
			
			table.container tr.menu-level-2 li.last {
				text-align: right;
			}
			
	table.container tr.content {
		vertical-align: top;
	}
	
	table.container tr.content div.scroller {
		overflow: auto;
		height: 476px;
		margin: 12px 0px 12px 14px;
	}
	
	table.container tr.content div.content {
		width: 264px;
	}
	
	table.container tr.footer {
		height: 30px;
		font-size: 10px;
		text-align: center;
	}
	
	table.container tr.footer{
		background: url(../image/horizontal-splitter.gif) top no-repeat;
	}

.scroll-button-down span,
.scroll-button-up span {
	display: none;
}

.scroll-button-up {
	background: url(../image/scroll-button-up.gif) top no-repeat;
}

.scroll-button-down {
	background: url(../image/scroll-button-down.gif) top no-repeat;
}

h2 {
	font-weight: bold;
	font-size: 1.33em;
	margin-bottom: 1em;
	color: #000000;
}

a {
	color: #000000;
	text-decoration: none;
}

td.left a.active,
td.left a:hover,
td.middle a:hover {
	padding-bottom: 3px;
	background: url(../image/link-underline-green.gif) bottom left repeat-x;
}

td.right a.active,
td.right a:hover {
	padding-bottom: 3px;
	background: url(../image/link-underline-red.gif) bottom left repeat-x;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

form input, form textarea {
	width: 100%;
}

form textarea {
	height: 5em;
}

form input.submit {
	width: auto;
	color: #000000;
	font-style: italic;
	font-weight: bold;
	background: none;
	border: none;
	cursor: pointer;
}

form ul.errors {
	margin-top: 0px;
	font-size: 80%;
	color: #FF0000;
}

form textarea,
form input {
	font: 12px/16px Georgia, "Times New Roman";
}

form .inline-label-field {
	margin-top: 0.5em;
}

form .inline-message-set {
	color: #888C91;
}

.paragraph-close-button {
	display: block;
	width: 26px;
	height: 27px;
	background: url(../image/close-button.gif) top no-repeat;
}

.paragraph-close-button span {
	display: none;
}

div.content ul li.new a {
	color: #FF0000;
}