/*********************
COMMON  STYLES  

FOR TEACH INTERNATIONAL

*********************/
/********************

colors

dark blue:#2C315B;
green hover:#60A842;
light blue heading: #0066FF

*********************/
*{
margin:0px;
padding:0px;
}
body { 
	behavior:url("../includes/csshover.htc");
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
}
/******************
** HEADER STYLES **
******************/

#font{
float:right;
text-align:right;
margin:0px;
padding:0px;
}
#font img{
margin:0px;
}

#font label{
font-size:.8em;
color:#1E6426;
}
#font input{
font-size:.8em;
}

.smalltext{
line-height:1.25em;
font-size:.75em;

}

#footermenu{

	width:100%;
	text-align:center;
	padding-top:10px;
		
}
/* colors for the footer menu are found in the individual styles for either jobcenter or standard pages */
#footermenu, #footermenu a, #footermenu a:link, #footermenu a:visited{

text-decoration:none;
font-size:.95em;
}
#footermenu a:hover{
color:#ffffff;
}

/*********************
** TOP MENU STYLES **
*********************/
#top_menu{
width:95%;
float:right;
text-align:right;
padding-right:5px;
padding-top:8px;
color:#000000;
}
#top_menu a, #top_menu a:link, #top_menu a:active,#top_menu a:hover, #top_menu a:visited{
font-size:.75em;

}
#top_menu a, #top_menu a:link {
color:#2C315B;
text-decoration:none;
}
#top_menu a:hover{
color:#ffffff;

}

/*********************
** MAIN MENU STYLES **
*********************/
#main_menu{
	/*width:90%;*/
	height:15px;
}
.main_nav{
	padding-left:7px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.main_nav ul{padding-top:12px;
	margin: 0;
	padding: 0;
	cursor: default;
	display: block;
}
.main_nav ul li{	
	list-style: none;
	float:left;
	position: relative;
	padding:2px 2px;
}
/* setup font size */
  .main_nav ul li a, .main_nav ul li a:visited, .main_nav ul li a:link, .main_nav ul li a:hover{
font-size:.9em;
}
.main_nav ul li.nohover:hover{
	color:#8AB2E3;
}
.main_nav ul li.nohover{
	color:#8AB2E3;
}
.main_nav ul li, .main_nav ul li a:visited, .main_nav ul li a:link{
	color:#2C315B;
}
.main_nav ul li:hover, .main_nav ul li a:hover{
	color:#60A842;
}
.main_nav ul li a:hover, .main_nav ul li a:visited{
	text-decoration:none;
}

/*sub menu layotu styles*/
.sub_menu{
	background-color:#FFFFFF;
	background-image:url("../images/sub_bg.jpg");
	background-position:top center;
	background-repeat:repeat-y;
	top:15px;
	left:3px;
	z-index:100;
}
.sub_menu .top{
	width:144px;
	height:10px;
	background-image:url("../images/subtop.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
}
.sub_menu .list{
	background-image:url("../images/sub_bg.jpg");
	background-position:top left;
	background-repeat:repeat-y;
	padding:0px;
	margin-top:0px;
}
.sub_menu .bottom{
	width:144px;
	height:8px;
	padding:0px;
	margin:0px;
       background-image:url("../images/subbottom.gif");
	background-position:bottom center;
	background-repeat:no-repeat;
	
}
.sub_menu ul{
	margin:0px;
	padding:0px;
	width:144px
}
.sub_menu ul li{	

	float:none;
	padding:0px;
	margin:0px;
	background-image:url("../images/subspacer.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:8px;
	margin-left:4px;
	display:block;
	
}
.sub_menu ul li a:link, .sub_menu ul li a{
	padding-left:10px;
	background-image:url("../images/subbullet.jpg");
	background-position:center left;
	background-repeat:no-repeat;
}
/* set the colors */
.sub_menu ul li a:link, .sub_menu ul li a,.sub_menu ul li, .sub_menu ul li a:visited{
	color:#ffffff;
}
.sub_menu ul li a:hover{
	background-image:url("../images/subbullet_hover.jpg");
	background-position:center left;
	background-repeat:no-repeat;
	color:#2C315B;
}
.sub_menu ul li.last{
	background-image:none;
	padding-bottom:0px;
		background-image:url("../images/subspacer.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
		/*padding-bottom:8px;*/
		
	}
.main_nav ul   li .sub_menu{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	margin-left: 0px;
}

.main_nav ul  li:hover .sub_menu{
/*When hovered, make them appear*/
	display:block;
}
/***********************
** RIGHT NAV BLUE BOX **
***********************/
#right_nav{
font-size:9px;
font-weight:bolder;
width:158px;
position:relative;
background-image:url("../images/right_nav_bg.jpg");
background-position:right;
background-repeat:repeat-y;
background-color:#00A1DF;
}
#right_nav a, #right_nav a:active, #right_nav a:hover,#right_nav a:link, #right_nav a:visited{
font-size:9px;
color:#ffffff;
text-decoration:none;
}
#right_nav form{
margin:0px;
padding:0px;
}
#right_menu_top_head{

background-image:url("../images/right_nav_top_head.jpg");
background-position:left top;
background-repeat:no-repeat;
padding-top:5px;

}
#right_menu_top_content{

width:156px;
background-image:url("../images/right_nav_top_content.jpg");
background-position:2px 12px;
background-repeat:repeat-x;

/**/


}
#right_menu_bottom_content{
width:156px;
background-image:url("../images/right_nav_top_content.jpg");
background-position:top;
background-repeat:repeat-x;
/**/
padding-top:5px;
line-height:1.6em;

}
#right_menu_bottom_footer{
width:158px;
background-image:url("../images/right_nav_bottom_footer.jpg");
background-position:left bottom;
background-repeat:no-repeat;

}
#right_menu_top_content .modual{

	padding-left:7px;
	background-image:url("../images/right_sep.gif");
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom:7px;
	padding-top:5px;

}
#right_menu_top_content .modual label{
font-size:1em;
	color:#2C315B;
	margin:0px;
}
#right_menu_top_content .modual select, #right_menu_top_content .modual input{
font-size:1em;
}
#right_menu_top_content .modual select{
	width: 120px;
}

#right_menu_top_content .modual form{
	
}
#right_menu_bottom_content{
color:#ffffff;
}
#right_menu_bottom_content .modual{
	padding-left:7px;
	background-image:url("../images/right_sep.gif");
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom:7px;

}
#right_menu_bottom_content .modual_last{
	padding-left:7px;
	padding-bottom:14px;
	padding-top:5px;
}
#right_menu_bottom_content .modual label{
width:45px;
float:left;
font-size:1em;
color:#2C315B;
padding:0px 5px 0px 0px;
line-height:1.7em;
text-align:right;

}
#right_menu_bottom_content .modual input{
font-size:1em;
margin-bottom:1px;
}
#right_menu_bottom_content .modual .right{
margin-left:100px;
margin-top:4px;
}

/*****************

FLASH POSITIONING

*****************/

#slide_show{
position:absolute;
left:186px;
top:0px;

}

#headerSearch {float:right;padding:5px;}
#headerSearch input {border:1px solid #2C315B;font-size:0.9em;padding:2px;width:120px;}
#headerSearch input.submit {background:#60A842;color:white;font-size:0.8em;padding:2px;%padding:1px;width:auto;}

#searchreturn {clear:both;padding:15px;}
#searchreturn p {margin-bottom:1em;}
#searchreturn p a {font-size:1.5em;margin-bottom:0.5em;}

#searchreturn .pagination {font-size:1.5em!important;text-align:center;}
#searchreturn .pagination a {font-size:1em;}