/* ---------------------------------------- */
/* TUMEN RIVER VOCATIONAL SCHOOL CSS Page   */
/* Style Sheet by KMOV Design               */
/* Version 1 | November 2006         		*/   
/* (C) 2006 KMOV.org : All rights reserved  */
/* ---------------------------------------- */

/* TRVS BLUE 0071BC */

/*@import url("form.css");*/

body {margin: 0; padding: 0; background: #fff url(body_bg.gif) repeat-x top; text-align: center; font: 12px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; color: #333;}
table, td {font: 10px 'Lucida Grande', "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color: #76797c;}

/*<group=LINKS>*/
a:link, a:visited {color: #0071BC; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
/*a, a:visited {color:#258; text-decoration:none;}
 a:hover, a:active {text-decoration: underline; }
#main a, #sidebar a:visited {border-bottom-style:dotted;}
a img, a.btn, a.btn:visited, a.i, a.i:visited, a.i:hover { text-decoration: none;  }
*/

/*</group>*/

/*<group=HEADER>*/


#trvsheader {position: relative; font-size: 10px; color: #2e2e2e; height: 85px; width: 820px;}
#trvsheader #trvsname {position: absolute; top: 8px; left: 11px;}
#trvsheader #search {position: absolute; top: 22px; right: 10px; margin: 0;}
#trvsheader #textline {position: absolute; top: 61px; left: 10px;}
#trvsheader #textline img {vertical-align: -4px}
#trvsheader #rightlinks {position: absolute; top: 61px; right: 10px;}
#trvsheader span {color: #a1a5a9; font-size: 13px;}

#pageheader img {display:block;}
#pageheader {padding-top:5px;}
#trvsheader, #pageheader, #main, #footer {width: 820px; margin: 0 auto; text-align: left;}
/*</group>*/

/*<group=MAIN>*/

/*#main #top {background: url(docs/main_bg_top.gif) no-repeat; height: 262px; margin:0 -25px 0 -25px; }*/
/*background: url(main_bg_top.gif) no-repeat;*/
#main #top { height: 263px; margin:0 -25px 0 -25px; }
#main {background: white url(main_bg.gif) top left repeat-y; width:770px; padding:0 25px 0 25px; }
#main #mainfooter {background: url(mainfooter_bg.gif) no-repeat bottom; height: 98px; margin:0 -25px 0 -25px; clear: both;}

#breadcrumb {font-size: 11px; padding: 0; margin: 10px auto 20px; color: #333; border-bottom: 2px dotted #c8c8c8; padding-bottom: 20px; width: 800px; text-transform: uppercase;}
/* NOTE HERE ! */
#main div.column { text-align:left; margin-top:14px; margin-bottom:-261px; margin-left: 0px; top:-261px; position:relative; }
#content {float:right; width:520px;}

#main p {margin: 0 0 1em 0;}
#main p.last {margin: 0;}
#main p.intro {font-weight: bold;}
#main .lite {color: #79767c;}
#main .more {text-align: right;}
#main h1 {font-size: 20px; margin:.3em 0 .4em 0; color:#000; }
/*#main h2 {font-size: 12px; margin:0; color:#000; padding-bottom: 10px;}*/
#main h2 { 
	font-size: 13px; 
	line-height: 18px;
 	font-weight: bold; 
	color: #0071BC;
	margin: 0.5em 0 0.5em 0;
	text-transform: uppercase;
}	

#main h3 { text-transform: uppercase; margin: 5px 0 10px; color: #333333;
	font: 13px; font-weight: bold;
}
#main h4 {font-family : 'Lucida Grande', "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	color: #414247; font-weight: bold; text-transform: uppercase; 
	font-size: 100%; padding: 0 120px 0 0; }
#main h4 span{ position: absolute; right: 0; color: #BFC1C8; }
#main h5 {
	font-family : 'Lucida Grande', "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
	color: #414247; font-weight: normal; text-transform: none; font-size: 100%;  
	text-align: right;
	}
#main .bar {
	width:515px;
	display:block !important;
	background-color:#FFFFCC !important;
	padding: 5px 10px 5px 0px;
	/*margin:1em 0;*/
	}
#main h6 {font-family : 'Lucida Grande', "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
	color:#fff; text-shadow:#333 0 1px 3px; font-weight: bold; text-transform: uppercase; font-size: 120%; padding: 0 10px 0 0; }
#main .headingblue {
	color:#fff;
/*	width: 515px; */
	display:block !important;
	background-color:#0071BC;
	padding: 5px 0px 5px 10px;
	}
#main h7 { font-size: 12px; line-height: 18px; font-weight: bold; color: #0071BC; margin: 0 0 0.5em 0; text-transform: uppercase;
}	


/*</group>*/

/*<group=SIDEBAR>*/
/*left:-13px;*/

#sidebar {float:left; width:225px; font-size: 11px; margin:0; padding:0px; left: -3px; background-color: transparent;}
/*#sidebar div.column { text-align:left; margin-top:15px; *//*margin-bottom:-261px; margin-left: 10px; top:-261px; *//*position:relative; }*/
#sidebar h2 {font-size: 12px; margin: 0;}
#sidebar h3 {font-size: 13px; font-weight: normal; margin: 0 0 5px; color: black;}
#sidebar h4 {font-size: 10px; margin: 0;}
#sidebar h5 {
	font-family : 'Lucida Grande', "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
	color: #fff; font-weight: bold; text-transform: uppercase; font-size: 100%; text-align: left;
	}
#sidebar h5 a { color: #FFF; }
#sidebar .sidebox { width:215px; padding:10px 10px 5px 10px;  margin:-10px 0 10px 0; }
/* border-bottom:1px dotted #d9d9d9; */
#sidebar .button { padding:0; margin:0 0 5px 0; border:none; }
#sidebar #image1 { margin-top: -11px;}
#sidebar .barblue { width:225px; display:block; background-color: #0071BC; padding:5px 0px 5px 10px; margin:-10px 0 10px 0; }
#sidebar .about { border-bottom:1px dotted #d9d9d9; background-color: transparent; padding: -10px 0 10px 0;}

/* ZHE SHI BU YAO LE 
.date { font-style: normal; border-bottom: 1px dotted; cursor: help; }
FOR BOXES : .rule {width:400px; background:#c00; color:#fff; margin:1em 0;}
*/

/*</group>*/

/*<group=iCONS>*/

#main h4.log { background: url(icon/arrow_blue.gif) no-repeat 0 50%; padding-left: 15px; }
#main h4.cat { background: url(icn/cube.gif) no-repeat 0 50%; padding-left: 15px; }

/*

*/
.arrow { background: url(icon/arrow.gif) no-repeat 0 50%; padding-left: 20px; }
.arrowblue { background: url(icon/arrow_blue.gif) no-repeat 0 50%; padding-left: 20px; }
.arrowgrey { background: url(icon/arrow_grey.gif) no-repeat 0 50%; padding-left: 20px; }
.arroworange { background: url(icon/arrow_orange.gif) no-repeat 0 50%; padding-left: 20px; }
.arrowblue2 { background: url(icon/arrow_blue2.gif) no-repeat 0 50%; padding-left: 20px; }
#main a.pdf {background: url(icon12x12.gif) left top no-repeat; display: block; padding-left: 20px;}


/*</group>*/

/*<group=MAIN LIST ul>*/


#main dd {
	background: url(icon/li.gif) no-repeat 0 3px;	padding: 0 0 0 15px;
	margin: 0 0 10px 0; line-height: 130%; }
#main dl.list dd { background: url(icon/href.gif) no-repeat 0 2px;	padding: 0 0 0 20px; }

#main dl.list dd:hover { background: url(icon/href.gif) no-repeat 0 -28px;
	padding: 0 0 0 20px; }


#list dt.music { 	background: url(icon/music.gif) no-repeat; padding: 0 0 0 20px; }	

#main ul { margin: 10px 0; padding: 0; }

#main ul li { list-style: none; background: url(icon/href.gif) no-repeat 0 2px;	padding: 0 0 0 20px;
	margin: 0 0 10px 0; line-height: 110%; }
#main ul li:hover { list-style: none;
	background: url(icon/href.gif) no-repeat 0 -28px;
	padding: 0 0 0 20px; margin: 0 0 10px 0; line-height: 110%;
	}	


#main ul li a { font-weight: normal; }
#main ul.linklist li { background: url(icon/href.gif) no-repeat 0 2px;
	padding: 0 0 0 20px; }
#main ul.linklist li:hover { background: url(icon/href.gif) no-repeat 0 -28px;	padding: 0 0 0 20px; }
	
/*</group>*/

/*<group=BITS>*/

#main logtop { background:#B8D9E5 url(localnav.gif) repeat-x left top;
	display:block; width:100%; height:1.8em; padding:6px 0 0 0;
	text-align:center; color:#fff; font-size:12px; text-shadow:#333 0 1px 3px; }
.smalltext {font-size: 10px !important;}

/*</group>*/
/*<group=IMG FRAMES>*/

#sidebar .imgframe {
	border: none;
	padding: 10px;
}

.imgframe { 	border-right: 1px solid #EBEBEB; 	border-left: 1px solid #EBEBEB; 	border-bottom: 1px solid #EBEBEB; 	margin: 10px 0; 	}
.imgframe img { padding: 5px; 	border: 1px solid #D7D7D7; background: #fff; 	}
.imgframe img:hover { 	border-top: 1px solid #D7D7D7; 	border-right: 1px solid #C9C9C9; border-bottom: 1px solid #666666; 	border-left: 1px solid #C9C9C9; 	}

.imgframe2 { 	border-right: 1px solid #EBEBEB; 	border-left: 1px solid #EBEBEB; 	border-bottom: 1px solid #EBEBEB; 	margin: 10px 0; 	}
.imgframe2 img { 	padding: 5px; border: 1px solid #D7D7D7; 	background: #fff; 	}

/*</group>*/
/*<group=COMMENT>*/

.comments { padding: 10px 0 0 0; margin: 0 0 20px 0; border-bottom: 1px solid #DDD; clear: both; }
.cmtother { padding: 20px; margin: 0 0 20px 0; border: 1px solid #E9E9EB; }
.cmt { background: transparent; padding: 20px; margin: 0 0 20px 0; border: 1px solid #E9E9EB; }
.author { font-family : 'Lucida Grande', "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 110%; text-transform: uppercase; margin: 0 0 10px 0; float: left; }
.cmtdate { color: #888;	 text-transform: uppercase; margin: 0; padding: 0; float: right; }
.cmtbody { color: black; margin: 0 0 10px 0; clear: both; }
.cmt .cmtbody, .cmteven .cmtbody { border-bottom: 1px solid #E9E9EB; }

/*</group>*/



/*<group=PEOPLE>*/

.peoplebox {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #999999;
	background-color: transparent;
}


.grey {
	color: #999999;
	font-size: 11px;
	line-height: 100%;
}

.blue {
	color: #0071BC;
	font-size: 11px;
	line-height: 100%;
}

/*</group>*/



/*<group=more>*/

.left {float:left;}
.right {float: right;}

img.left {float:left; margin: 2px 10px 5px 0; border: 0;}
img.right {float: right; margin: 2px 0 5px 10px; border: 0;}
img.across {margin: 0 0 10px 0; border: 0;}

ul {list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.square {list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle {list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.arrow {list-style-image: url(arrow.gif); margin: 0 0 0 16px; padding: 0 0 1em 0;}
ol {list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li {padding-bottom: .3em;}
ul ul.circle {margin-top: .3em;}
ul ul.square {margin-top: .3em;}

ol.last {padding: 0;}
ul.last {padding: 0;}
dl.last {padding: 0;}
li.last {padding: 0;}

sup {vertical-align: baseline; font-size: 1em; color: #76797c;}

#footer {text-align: center; clear: both; font-size: 10px; padding: 0 0 15px; color: #76797c;}

div.clearer, div.clearer-notie {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

#main form {margin: 0;}
#search select, #search input {font-size: 10px; color: #76797c}
#search input.sbox { height: 12px; width: 130px; border: 0; background: white url(/docs/searchfield_bg.gif) repeat-x left top; padding: 3px;}
#search select {width: 122px; margin-top: 5px;}
#search .srchimgs {margin-bottom: 1px;}
html>body #search .srchimgs {margin-bottom: 0;}
/*
html>body*#search input {font-size: 12px}
html>body*#search .srchimgs {display: none;}
html>body*#search input.sbox {width: 150px;}
*/

/*</group>*/

/*<group=NAV>*/

/* ******** TRVS NAVIGATION************ */
#localnav { width:781px; height:28px; font-size:12px; margin:0 -14px 0 0px; position:relative; top:-261px; left: -4px;}
#localnav td a { background:#0071BC url(more_color.gif) repeat-x left top;
	display:block; width:100%; height:1.8em; padding:6px 0 0 0;
	text-align:center; color:#fff; font-size:12px; font-weight: bold; text-shadow:#333 0 1px 3px; }
#localnav td a:hover { color:#0071BC; background-color:#FFFFCC; left: -81px; text-decoration:none; }
#localnav td.active a { background-color:#81afd0; left: -162px; color:#0071BC; text-shadow:none; }
#localnav td.active a:hover { color:#0071BC; background-color:#81afd0; left:-162px; }

/*</group>*/

/*<group=FORM>*/

form { padding: 0; margin: 0 0 15px 0; /*	border-bottom: 1px solid #DDD;*/	clear: both; }
.fieldset { 	margin: 0; 	border: none; 	display: block; 	padding: 10px 0; 	background: transparent; 	}
label { 	float: left; 	width: 100px; 	padding: 2px 0 0 0; 	text-align: left; 	}
.fieldset input, .fieldset textarea { 	width: 300px;
	border-top: 1px solid #BBB; border-left: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7; 	border-right: 1px solid #D7D7D7;
	padding: 1px 5px; 	color: #333; 	margin: 0 0 10px 0; 	background: #FAFAFB; font-family: inherit; font-size: inherit; }
.fieldset input { width: 300px; }
.fieldset select { padding: 1px; }		
#submitform { 	clear: both; padding-top: 1em; text-align: left; margin: 0 0 0 100px; }
#submitform input { padding: 5px 10px; border: 0; background: #BFC1C8; font-size: inherit; color: #393A3C; 	}
#submitform input:hover { background: #B1B3BB; color: #000; }
.formoptional input { background: #F5F5F8; }
input:focus, textarea:focus, .fm-opt input:focus { background: #FFF; }

/*</group>*/
/*<group=TABLES>*/

#main .chart tr { width:505px; font-size:12px; margin:20px 0 20px 0; padding: 0 0 0 0; position: center;}
#main .chart td { text-align:center; font-size:12px; font-weight: normal; }

#main .subcolumn1-2 {float: left; width: 375px;}
#main .subcolumn2-2 {float: right; width: 375px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 {width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 {margin-right: 20px;}

#content.fullwidth {float:left; width:770px;}

#content .subcolumn1-2 { float:left; width: 245px;}
#content .subcolumn2-2 { float:right; width: 245px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 { width:135px; float:left; }
#content .subcolumn1-3, #content .subcolumn2-3 { margin-right:22px; }


/* Flickr */
#flickr img { width: 50px; height: 50px; }
#flickr a { padding: 3px; display: block; float: left;}
#flickr a:hover { background: #ddd; }