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

revised:

13.01.06 :: tried to adjust position of form in IE 5.5 & 6 (was already fine in other browsers) 

31.03.04 :: added class for submenus 

23.02.04 :: adjusted for inclusion of title images (i.e. for all pages except the home page, which has no title image)
			adjusted h2 left margin
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: 120px 0 0;
padding: 0;
/* background: url("images/mtsbkgrnd.jpg") no-repeat  #fff; */
font-family: verdana,helvetica,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-top: 1.5em; 
	margin-left: 0.75em; 
	margin-bottom: 0.5em;
	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;}


	#rightcol li.submenu {	font-size: xx-small;
				margin-left: 25px;	}

.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: 140px;
margin-left: 15px;
margin-bottom: 10px;
padding-top: 20px; 
padding-left: 10px; 
top: 10px;

/*/*/ /*/ display: none; /* */
}
	.formtext { font-size:70% }	
	.contactform  { margin-right: 350px; }
	
	
	
	.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 }