/*******************************************************************************
 *                                                                             *
 * m2r - site style sheet                                                      *
 *                                                                             *
 *******************************************************************************/

div
    {
    position:relative;
    }

body
    {
    background: #fff url(/images/background_fade.jpg) repeat-x;
    text-align:center;
    font-family:verdana, arial, sans-serif;
    font-size:12px;
    color:#000;
    line-height:16px;
    margin:0;
    }
	
body a img {
	border: 0;
}


#container
    {
    background:#fff;
    margin:0 auto;
    width:778px;
    text-align:left;
    }

p.skip
    {

    margin:0;
    padding:0;
    text-indent:-5000px;

    }

.right
    {
    float:right;
    }

.left
    {
    float:left;
    }

h2
    {
    font-size:14px;
    }


h3	{
    font-size:12px;
    }


a
    {
    color:#577dbe;
    text-decoration:underline;
    }

a:hover
    {
    color:#acacac;
    text-decoration:none;
    }
	
.uploadCV {
	color: #e7db91;
	text-decoration: none;
	font-size: 1.8em;
	background: url(/images/yellow_arrow.gif) right no-repeat;
	padding: 5px 40px 5px 0;
	
	border: 1px solid red;
}


/* -------------------------------------------------------- header styles */



#header
    {

    height:137px;
    background:#E6DB91;
    border-bottom:1px solid #aab6bc;

    }

#header p.skip
    {
    margin:0;
    padding:0;
    background:#f5f6f6;
    }



#header #nav
    {

    width:778px;
    height:24px;
    float:left;
    background:#535353;
	padding-top: 4px;

    }


#header #nav ul
    {

    width:768px;
    height:28px;
    margin:0;
    padding:0;
    list-style:none;
	padding-left: 10px;
    }


#header #nav ul li
    {
    float:left;
    font-size:11px;

    line-height:20px;
   
    height:20px;
	/* 
	width:85px;
    border-right:1px solid #aab6bc;
    border-bottom:1px solid #aab6bc;
	*/
    margin:0;
    padding:0 16px 0 16px;
	
	border-right:1px solid white;

    }


#header #nav ul li.home
    {
    float:left;
    text-align:right;
    width:50px;
    height:28px;


    }
	
#header #nav ul li.about
    {
    float:left;
    text-align:right;
    width:60px;
	padding-right: 33px;
	padding-left: 31px;
    height:28px;


    }


#header #nav ul li.last
    {
    float:left;
    border-right:none;

    }


#header #nav a
    {
	
    color:#fff;
    text-decoration:none;

    }


#header #nav a:hover
    {
    color:#000;
    text-decoration:none;
    }



#header h1
    {

    float:left;
    background:#d7e3e3 url(../images/m2r_logo.jpg) no-repeat;
    width:191px;
    height:104px;
    text-indent:-5000px;
    border-right:1px solid #aab6bc;

    margin:0;
    padding:0;
    }

html>body #header h1
    {
    height:109px;
    }


#header h1 a
    {

    width:100%;
    height:100%;
    display:block;

    }


#header #flash
    {
    float:left;
    width:540px;
    height:108px;
    border-right:1px solid #aab6bc;
    border-bottom:1px solid #aab6bc;
    }





/* -------------------------------------------------------- left styles */



#left
    {
    float:left;
    width:191px;
    }


#left #top
    {
    height:166px;
    overflow:hidden;
    padding:14px;
    }

/* new code */

#left #middle
    {
    height:60px;
    overflow:hidden;
    padding:14px;
    }

#left #middle .join
    {
    border:1px #165E7B solid;
    background-color:#D7E3E3;
    }

/* end new code */

#left #top .vote
    {
    border:1px #165E7B solid;
    background-color:#D7E3E3;
    }

#left #top, #left #bottom
    {
    border-bottom:1px solid #aab6bc;

    }


#left #top h2
    {
    margin:0;
    padding:0;
    color:#577dbe;
    }

#left #middle h2
    {
    margin:0;
    padding:0;
    color:#577dbe;
    }

#left #top p
    {
    float:left;
    margin:5px 0 0 0;
    }

#left #top a
    {
    color:#000;
    }


#left #top img
    {
    float:left;
    }


#left #top ul
    {
    font-weight:600;
    line-height:24px;
    text-align:right;
    margin:0 12px 0 0;
    padding:0;
    list-style:none;
    }

#left #top ul li
    {
    margin:0;
    padding:0;
    }

#left #top .smallnavtext
    {
    font-size:0.95em;
    }

#left #top ul li a
    {
    text-decoration:none;
    color:#aab6bc;
    }


#left #top ul li a:hover
    {
    color:#d7e3e3;
    }


#left #bottom
    {
    bottom:0;
    height:100%;
    }


#left #bottom h2
    {
    text-indent:-5000px;
    background:url(../images/latestvacancies_new.jpg) left bottom no-repeat;
    height:154px;
    padding:0;
    margin:0;
    }




#left #bottom a
    {
    width:100%;
    height:100%;
    display:block;
    }




#main
    {
    line-height:18px;
    font-size:11px;
    float:left;
    margin:0;
    padding:0;
    width:539px;
    border-right:1px solid #aab6bc;

    border-left:1px solid #aab6bc;

    }


#main ul
    {
    margin-left:30px;
    padding-left:30px;
    }

#main img
    {
    margin:0 0 14px 14px;
    }


#main #latestnews h2,#main #remedies h2
    {
    font-size:17px;
    color:#aab6bc;
    margin:0 0 5px 0;
    padding:0;
    }

#main h2, #main h3
    {
    color:#527dbd;
    font-size:17px;
    margin:14px 0 14px 14px;
    }

#main h3
    {
    font-size:15px;
    }

h3.newsH3 {
	clear: both;
}
	
#main p
    {
    margin:5px 14px 8px 14px;
    }

#main #latestnews p, #main #remedies p
    {
    margin:0 0 5px 0;
    }





#main #homeflash
    {
    float:left;
    border-bottom:1px solid #aab6bc;
    width:540px;
    height:194px;
    }



#main #latestnews
    {
    padding-left:14px;
	padding-top: 14px;

    float:left;
    width:326px;
    height:205px;
    border-right:1px solid #aab6bc;

	padding-right: 0px;
    }



#main #latestnews p.title
    {
    font-weight:600;
    }


#main #latestnews a
    {
    text-align:right;


    }

/* #main #latestnews a
    {
    margin:20px 0 0 0;
    padding:0;

    height:30px;
    display:block;
    text-indent:-5000px;
    background:#fff url(../images/button_morenews.gif) top right no-repeat;
    }




#main #latestnews a:hover
    {
    background:#fff url(../images/button_morenews.gif) top right no-repeat;
    }


*/

/* start news scroller code */

#main #latestnews #marqueecontainer
{
    position: relative;
    width: 304px;
    height: 100px;
    background-color: white;
    overflow: hidden;
    border: 0px;
    padding: 8px;
    padding-left: 0px;
}

/* end news scroller code */

#main #remedies
    {
    padding:14px;
    width:170px;
    float:left;
	height: 214px;
    background:#fff url(../images/surf_new.jpg) 1px bottom  no-repeat;
    }



#main #remedies p, #main #remedies h2
    {
    width:160px;
	padding: 0;
	margin: 0;
    }

#main #remedies a
    {

    padding:0;
    margin:0;
    width:130px;
    height:30px;
    display:block;
    text-indent:-5000px;
    background:#fff url(../images/button_download.gif) top right no-repeat;
    }




#main form
    {
    margin-left:14px;
    }

#right
    {

    }

#footer
    {
    clear:both;
    height:61px;
    line-height:30px;
	
    /*background:#aab6bc;*/
	background-color: #8d8d8d;
    padding-left:20px;
    margin:0;
    }

#footer ul, #footer li
    {
    margin:0;
    padding:0;
    }

#footer li
    {
    margin:10px 0 0 0;
    padding:0 5px 0 4px;
    color:#000;
    border-right:1px solid white;
    display:inline;
    }

#footer li.last
    {
    border:none;
    }

#footer li a
    {
    color:#fff;
    text-decoration:none;
    }

#footer li a:hover
    {
    text-decoration:underline;
    }

#footer p
    {
        margin-top:0px;
        margin-left:4px;
		color: #FFFFFF;
    }

.red
    {
    color:#FF0000;
    }

.datafield
{
    border:1px #165E7B solid;
}

.formbutton
{
    border:1px #165E7B solid;
}





#new_rss_buttons {
	width: 300px; 
}		
#new_rss_buttons a {
}
#new_rss_buttons a:hover {
	color: #999999;
	text-decoration: none;
}









/** JOB LIST PAGE **/

p.rssImg {
	text-align: center;
}	

.displayNone {
	display: none;
}