@charset "utf-8";
/* CSS Document for Trinity International College*/
.normalLink:active, .normalLink:visited, .normalLink:link{
	color:#333399;
	text-decoration:none;
}
.normalLink:hover{
	/*color:#aa0000;*/
	text-decoration:underline;
}
.whiteLink:active, .whiteLink:visited, .whiteLink:link{
	color:#FFFFFF;
	text-decoration:none;
}
.whiteLink:hover{
	/*color:#aa0000;*/
	text-decoration:underline;
}
#h1,h2,h3,h4,p{
	margin:0px;
	padding:0px;
	}
#Container{
	width:890px;
	margin:auto;
	padding:0px;
	}
#header{
	width:890px;
	float:left;
	margin-top:0px;	
	background-image:url(../images/header_bg.gif);
	background-repeat:no-repeat;
	}
#banner{
	width:140px;
	height:146px;
	float:right;
	background-image: url(../images/top_right.gif);
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 4px;
}
#topNova{
	width:890px;
	float:left;
	background-color: #8C261A;
	
	}
#topNova ul{
	margin:0px;
	padding:0px;
	float:left;
	}
#topNova li{
	list-style-type:none;
	float:left;
	
	display: block;
	}
#topNova li:hover{
	/*background-color:#f8af15;
	display: block;*/
	}
* html #topNova li:hover{ /*IE only hack*/
width: 100%;
}
#topNova li a{

	text-decoration:none;
	color:#ffffff;
	padding: 10px 18px 10px 12px;
	display:block; font-size:10px; color:#FFFFFF; text-decoration:none;
	}
#topNova li a:hover{
	color:#666666;
	}

#mainbody{
	width:1000px;
	float:left;
	padding: 6px;
	color: #8C261A;
	background-color: #FFFFFF;
	}
#leftnoav{
	width:210px;
	float:left;

	padding: 0px;
	}
#left_Noav{
	width:172px;
	float:left;
	padding: 0px;
	background-image: url(../images/left_nova_bg.gif);
	background-repeat: repeat-y;
	}

#round_bottom{
	background-image:url(../images/round_bottom3.gif);
	background-repeat:no-repeat;
	width:172px;
	float:left;
	height: 5px;
	margin-bottom:10px;
	}
#round_bottom_left{
	background-image:url(../images/round_bottom3.gif);
	background-repeat:no-repeat;
	width:178px;
	float:right;
	background-repeat:no-repeat;
	height: 5px;	
	margin-bottom:10px;
	}
#top_round{
	width:172px;
	height:23px;
	float:left;
	background-image:url(../images/top_round3.gif);
	background-repeat:no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ADADFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#333399;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	}
#right_top_round{
	width:178px;
	height:23px;
	float:right;
	background-image:url(../images/right_top.gif);
	background-repeat:no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fcb731;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	
	}
#menu_left{
	z-index:25;
	width:170px;
	float:left;
	background-image: url(../images/left_nova_bg3.gif);
	background-repeat: repeat-y;
}
	
	
#menu_left ul{
	z-index:25;
	margin:0px;
	padding:0px 0px 0px 2px;
	}
#menu_left li{
	z-index:25;
	margin:0px;
	padding:6px 0px 6px 3px;
	list-style-type:none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F8C663;
	width:200px;
	}
#menu_left ul li ul li{
	z-index:25;
	margin:0px;
	padding:6px 0px 6px 3px;
	list-style-type:none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F8C663;
	width:200px;
	}
	
/* Start menu_letf1 */
#menu_left1{
	z-index:25;
	width:200px;
	float:left;
}
	
	
#menu_left1 ul{
	z-index:25;
	margin:0px;
	padding:0px 0px 0px 2px;
	}
#menu_left1 li{
	z-index:25;
	margin:0px;
	padding:6px 0px 6px 3px;
	list-style-type:none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4750BF;
	width:200px;
	}
#menu_left1 ul li ul li{
	z-index:25;
	margin:0px;
	padding:6px 0px 6px 3px;
	list-style-type:none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4750BF;
	width:195px;
	}

/* End menu_left1 */
#leftnoav li:hover{
	background-color:#ffa600;
	cursor: pointer;
	color:#FFFFFF;
	text-decoration: none;
	}

#leftnoav li a{
	text-decoration:none;
	color: #B50A15;	
	cursor:pointer;	
}
#leftnoav li a:hover{
	/*color:#ffffff;*/
	text-decoration: none;
	}
.title {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin-top: 6px;
	color: #8C261A;
	width: 300px;
}

#content {
	float: left;
	width: 698px;
	margin-left: 8px;
	text-align: justify;
	
}
#centar_banner {
	width: 500px;
	float: left;
	height: 300px;
	
	margin-bottom: 5px;
	border: 1px solid #ECE9D8;
}
#centerpart{
	width:512px;
	float:left;
	
	
}
#rightpart{
	float:right;
	width:186px;
	
}
#backgroundBox{
	background-color: #f8f8f8;
	float:left;
	margin-bottom:5px;
}
#login_box {
	float:right;
	width: 173px;	
	padding-left:5px;	
	padding-top:10px;	
	background-image: url(../images/right_nova_bg.gif);
	background-repeat:repeat-y;
	padding-bottom:5px;	
}
#text     p,#news_event     p,#notice_board     p,#resources1    p,.link   a,#resources p {
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-align: right;
	margin-top: 6px;
	
	
}
#news_event            a,#notice_board           a,#resources1       a,.link   a,#resources p a{
	text-decoration:none;
	color: #B0060E;
	text-align:right;
}
#news_event          a:hover,#notice_board         a:hover,#resources1        a:hover,.link   a:hover,#resources p a:hover{
	color: #FDAD16;
}
#collegepic {
	float: left;
	width: 208px;
	height: 160px;
	background-repeat: no-repeat;
	margin-left: 10px;
	border: 1px solid #DD7714;
}
#collegepic img {
	padding: 2px;
}
#newsbox {
	float: left;
	width: 688px;
	margin-top: 4px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #f8f8f8;
	padding: 4px;
	border: 1px solid #ECE9D8;
	height: 180px;
	
}
#news_box {
	padding: 4px;
	width: 260px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	
}

#welcome {
	width: 400px;
	float: left;
	border: 1px solid #ECE9D8;
}

#other_box img {
	border: 1px solid #962F1A;
	padding: 2px 2px 2px 2px;
	margin: 3px;
}


#notice_board{
	width:240px;
	float:left;
	margin-right:5px;
	color: #A96F01;
	}
#notice_board    h3 {
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	background-image: url(../images/title_round.gif);
	width: 240px;
	background-repeat: no-repeat;
	padding: 6px 0px 6px 0px;
	}
#notic_box{
	width:230px;
	float:left;
	padding:4px;
	height: 128px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	}
.notic_text {
	float: left;
	width: 220px;
	padding: 6px 0px 5px 0px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ECE9D8;

}
.event_text{
	float: left;
	width: 245px;
	padding: 6px 0px 5px 0px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ECE9D8;
}
.link {
	float: left;
	width: 230px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	margin: 5px 0px 3px 0px;
	text-decoration: none;
}

#news_event {
	float: left;
	width: 264px;
	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.news_text {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3366ff;
	padding: 4px 0px 4px 0px;
	
}
.icon {
	float: left;
	width: 10px;
	padding: 5px 0px 5px 0px;
}

#news_event       h3        {
	padding: 5px 0px 7px 0px;
	font-size: 11px;
	text-align: center;
	background-image: url(../images/title_round1.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
.news_title {
	font-size: 10px;
	padding-bottom: 4px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.news_title1{
	font-size: 10px;
	padding: 5px 0px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ECE9D8;
}

#event_callender {
	width: 190px;
	float: right;
	margin: 0px 0px 2px 0px;
	height: 154px;
	background-color: #FDAD16;
}
#event_callender   h3 {
	text-align:center;
	font-size:10px;
	color: #FFFFFF;
	background-color: #BE3F0F;
	}
#callender {
	height: 160px;
	width: 190px;
	float: right;
	background-color: #f8f8f8;
}
#right_box {
	float: right;
	width: 190px;
	margin-left: 4px;
}
#other_box {
	float: left;
	width: 688px;
	margin-top: 2px;
	background-color: #f8f8f8;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: 1px solid #ECE9D8;
}	
#resources {
	float: left;
	width: 240px;
}
#resources1 {
	float: left;
	width: 243px;
}
.resources_title,.core_title {
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECE9D8;
}
#resources  h3 {
	text-align:center;
	font-size:10px;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	background-image: url(../images/title_round.gif);
	background-repeat: no-repeat;
	}
#resources1 h3 {
	text-align:center;
	font-size:10px;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	background-image: url(../images/title_round1.gif);
	background-repeat: no-repeat;
	}
#live_chat  {
	width: 180px;
	float:left;		
	background-color: #FFFFFF;
	height: 138px;
	background-image: url(../images/livehelp.gif);
	background-repeat: no-repeat;

}
#footer {
	background-color: #F8F8F8;
	float: left;
	width: 100%;
	padding: 20px 0px 20px 0px;
	margin-top: 3px;
}
#contentpage{
	float:left;
	background-image:url(../images/content_bg1.gif);
	background-repeat:repeat-y;
	height:100%;
	padding:0px 10px 0px 10px;
	color:#3366ff;	
}
#contentpage h3{
	font-weight:bold;
	font-size:11px;
	color:#c51500;
	border-bottom:1px dashed #ffa600;
	width:678px;
	text-transform:uppercase;
	padding-bottom:3px;
}
#news{
	margin-top:4px; border:1px solid #D3DDF2; padding:5px; background-color:#E8F3FF;
}
#news .date{
	color:#999999; font-size:10px;
}
#news .title1{
	color:#3366ff; margin:0px; margin-bottom:3px;  font-size:11px;font-weight:bold;color:#3366ff;
}
#news .title1 a{
	color:#3366ff; text-decoration:none;  font-size:11px;font-weight:bold;color:#3366ff;
}
#news .title1 a:hover{
	color:#ffa600;	
}
#news .content{
	 margin-bottom:5px;color:#000; font:normal 10pt "arial";
	
}

#news .more a, #pagenumber a{
	color:#3366ff;font-weight:bold;text-decoration:none;
	
}
#news .more a:hover, #pagenumber a:hover{
	color:#ffa600;	text-decoration: none; 
}
#content_head{
	background-color:#f8af15; float:left; color:#990000; font-weight:bold; padding:5px 20px 5px 20px;  text-transform:uppercase;
}
#content_head_bottom{
	border-top:2px solid #f8af15; float:left; width:668px; height:0px;
}
#content_text{
	width:678px; float:left; margin:10px 0px 10px 0px; color:#3366ff;
	font-size:12px;
}
#content_text a:link,#content_text a:visited,#content_text a:active{
	color:#003399;	
	font-size:11px;
}
#content_text a:hover{
	color:#990000;
	text-decoration:none;
}
#content_text table{	
	background-color:#F1D6AB;
	width:100%;
	border:1px solid #E3A577;
	padding:0px;
}
#content_text h1{
	background-color:#f8c172;
	padding:3px;
	font-size:13px;
	margin:0px;
}
#content_text h2{
	background-color:#f9d095;
	padding:0px;
	font-size:12px;
	margin:0px;
}
#content_text h4{
	background-color:#fde0b7;
	padding:0px;
	font-size:12px;
	margin:0px;
}

#content_text TR{
	background-color:#fef1d7;
}

#content_text TH{
	background-color:#F1C47E;
	padding:3px;
	font-size:13px;
	margin:0px;
}
#content_text ul{
	margin:5px;
	list-style:none;
}
#content_text li{
	padding:3px;
}
#content_text li a:link,#content_text li a:active,#content_text li a:visited{
	text-decoration:none;
	color:#3366ff;
}
#videodetail{
	float:left; width:350px; height:233px;
	padding:0px;
	margin:0px;
	border:1px solid #993300;
	padding-bottom:5px;
}
#videohead{
	background-color:#993300;
	color:#FFFFFF;
	font-size:11px;
	padding:5px;
	font-weight:bold;	
}
#videotitle{
	margin-left:5px;
	font-size:11px;
	margin-top:5px;	
	font-weight:bold;	
}
#videodescription{
	margin:5px;
	height:180px;
	overflow:auto;
}
.tablehead{
	
	/*background-color:#f9c89c;*/
	color:#2B3F92;
	margin:0px; padding:0px;
	font-size:12px;
	text-align:center;
	background-image:url(../menu/table_head.jpg);
	height:20px;
	background-repeat:repeat-x;
	}

.tablebody{
	

	height:auto;
}
.readitem{
	background-color:#E7EEE6;
	color:#000000;
}
.unreaditem{
	background-color:#CDDAC9;
}
#memberhome_box{
	border:1px solid #CCCCCC;
}


#messageboxbutton{
	float:left;  padding-right:10px;
	
}
#messageboxbutton a:link,a:visited,a:active{
	color:#006699;text-decoration: none;
}
#messageboxbutton a:hover{
	color:#aa0000;text-decoration: none;
}
input,textarea,select{
	font-size:10px;
	font-family:Arial, Arial, Helvetica, sans-serif;
	
}

#topButton{
	background:#FF9900;
	color:#FFFFFF;	
	margin-top:5px;
	font-size:12px;
	font-weight:bold;
	min-width:80px;
	height:18px;
	border:1px solid #204675;
}
#topButton a:link,#topButton a:active,#topButton a:visited{
  display:block;
  width:100%;
  height:100%;
  padding-top:2px;
  text-decoration:none;
  color:#FFFFFF;
}
#topButton:hover{
	background-color:#8C261A;
	cursor:pointer;	
}
#section_list{
	
}
#section_list a:link,#section_list a:active,#section_list a:visited{
	color:#aa0000;
	text-decoration:none;
	display:block;	
	padding:3px 0px 3px 5px;
	margin:0px;
}
#section_list a:hover{
	color:#FFFFFF;
	background-color:#FF9900
}
.upper{
margin-top:20px;
width:890px;


float:left;
}
.upper img{


}