/* --------------------------------------------------
2 col CSS for Mather Technology Solutions site

revised: 

03/09/07
13.02.04
22.01.04
		 
tested with: 

Mac (OS X): Safari 1.0, IE 5.2.2, Opera 6.0
Win: IE 5.50, IE 6, Netscape 7, Opera 7.23

following in the footsteps of 'position is everything'

 -------------------------------------------------- */

html {margin: 0; padding: 0; border: 0;}

/* adjust the margin between the main body and the banner here */
body {
margin: 100px 0 0;
padding: 0;
background: url("images/mtsbkgrnd.jpg") no-repeat  #fff;
font-family: verdana,sans-serif;
font-size: 90%;
}

img {border: 0}

p {margin: 1.3em 1.0em;}

h1 {
display: none; 
/*/*/ /*/ display: block; color: #ff6; padding: 2em 0 0 3em; font-size: 1.5em;/* */
}

h2 {margin: .5em 0; font-size: 1.4em;}

h3, h4 {margin: 2em 0 .5em; font-size: 1.2em;}

/* a {color: #000; text-decoration: underline;} */

a { color:#c30 }

#leftcol {margin: 0 40% 0 0; padding: .5em .5em .5em 2em; color: #000;}

#leftcol a {font-weight: bold; color: #c30;}

#leftcol a:hover {color: #008;}

/* #leftcol ul {margin: 5px 0 0 20px; list-style-type: none; padding: 0;} */
#leftcol ul {margin: 0 1.5em; list-style-type: circle; padding: 1.0em;}

#leftcol li {margin: 0.5em 1.0em 0.5em 0em;}


/* change the top value here to adjust the height of the navbar */
#rightwrap {position: absolute; right: 3%; top: 120px; width: 30%; min-width: 210px;}

/* change the padding value to adjust the distance of the navbar from the right edge of the page*/
#rightcol {/*border: 2px solid #000*/ padding: 0 .3em 1.5em .7em; background:transparent;}

#rightcol a {font-weight: bold;}

#rightcol a:hover {color: #555cb4;}

#rightcol ul {margin: .5em 0; padding: 0; list-style: none;}

#rightcol li {margin: .5em 0 .5em 1em; padding: 0;}

#rightcol ul li a {
	background: #fff;
	width: 140px;
	height: 2em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right:  1px solid #ccc;
	padding: 0 0 0 5px; 
	color: #c30;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:    x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    small;}
	
#rightcol a.selected	{display: block; text-decoration: none; 
							background: #f9f9f9;	
							color : #CC9999;
							/* width: 140px; */
							font-weight: bold;
							height: 2em;
							border-top: 1px solid #ccc;
							border-left: 1px solid #ccc;
							border-bottom: 1px solid #ccc;
							border-right:  1px solid #ccc;
	}	
#rightcol ul li a:hover {color: #000;background: #ccc;}
#rightcol h3 {font-size: 1.1em;}

#rightcol p {margin: .3em 0 .3em 1em;}

.alignright {margin-top: 0; text-align: right;}

.small {font-size: .9em;}

#stretch {color: #ffd; line-height: 1px;}


/* adjust the position of banner here */
#title-img {
background: url("../images/mts_logo_0_0.gif") top left no-repeat; 
position: absolute;
width: 100%;
height: 71px;
margin-left: 15px; 
top: 10px;

/*/*/ /*/ display: none; /* */
}
	.formtext { font-size:70% }	
	.homeprevnext { margin-top: 50px; font-size:80% }
	.whitebox {margin:1px;border:1px solid #fff;padding: 5px;background: url(../images/contentfill.gif) repeat;}
	#footer {margin-top:90px; padding:0;background:transparent;}		
	.copy { border-top:1px solid #ccc;background:#fff;text-align:center; font-size:70%; padding: 0px 20px }
	
	/*--------NEWSBOX-----------*/

#newsbox {
		float:right;
  			  width:250px;
			  border:solid 1px #ccc;
			  margin: 20px -10px 10px 5px;
			  padding:5px;
			  font-family: tahoma, verdana, arial, sans-serif, geneva;
			  font-size: 1.1em;
			  background:#f9f9ff;	
		}	

.newsitem {	
	display : block ;
 	margin : 1px;
	border: solid 1px #ccc;
 	background: #ffffff; 
	padding: 2px;
}

.newshead1 {	
	font-size:1.1em;	
	color:#ffffff;
}

.newstext1 {	
	font-size: 0.9em;
}

.newstext2 {	
	font-size: 0.8em;
}

/* not yet used... */
.splash {	
	display : block ;
 	background : transparent ; 
	padding: 0;
	color: #9999FF;
}