/*  
Theme Name: MSI default
Description: 
Author: Michael Heilemann
*** REGARDING IMAGES ***
All CSS that involves the use of images, can be found in the 'index.php' file.
This is to ease installation inside subdirectories of a server.
Have fun, and don't be afraid to contact me if you have questions.
*/
/*	font-size: 62.5%; Resets 1em to 10px*/ 
/*'Lucida Grande'*/
/* Begin Typography & Colors */

A:link { text-decoration: none; border-color: white}
A:active {color: blue; text-decoration: none}
A:visited { text-decoration: none}
A:hover {color: #669966; text-decoration:none}

.pic A:link {color: #FFFFFF; text-decoration: underline} 
.pic A:active {color:  #FFFFFF; text-decoration: underline} 
.pic A:visited {color: #FFFFFF; text-decoration: underline} 
.pic A:hover {color: #FFFFFF; font-weight: 100;}

.nav1 A:link {color: #CC6699; text-decoration: none} 
.nav1 A:active {color:  #CC6699; text-decoration: none} 
.nav1 A:visited {color:  #CC6699; text-decoration: none} 
.nav1 A:hover {color: #CC00CC; font-weight: 800;}

.nav2 A:link {color: #FFFFFF; font-weight: bold; text-decoration: none}
.nav2 A:active {color: #FFFFFF; font-weight: bold; text-decoration: none}
.nav2 A:visited {color: #FFFFFF; text-decoration: none} 
.nav2 A:hover {color: #FFFFFF; text-decoration: underline}

.matrix A:link {color: #0000CC; text-decoration: none} 
.matrix A:active {color: #0000CC; text-decoration: none} 
.matrix A:visited {color: #0000CC; text-decoration: none} 
.matrix A:hover {color: #999999; font-weight: 800;}

.wlink A:link {color: #FFFFFF; text-decoration: none} 
.wlink A:active {color: #FFFFFF; text-decoration: none} 
.wlink A:visited {color: #FFFFFF; text-decoration: none} 
.wlink A:hover {color: #00FFFF; font-weight: 800;}




body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	background-color: white;
	color: black;
	text-align: left;
	}
	
#page {
	background-color: blue;
	border: 1px solid #959596;
	text-align: left;
	width: 7.5in;
	}

div.homeleftnav{
background-color: #FFFFFF;
padding: 2px;
margin-top: 0px;
}

div.homemidnav {
background-color: #FFFFFF;
padding: 2px;
margin-top: 0px;
}

div.homerightnav {
padding: 2px;
margin-top: 0px;
background-color: #FFFFFF;
}

div.langalignleft {
text-align: left;
direction:ltr;
}
div.langalignright {
text-align: right;
direction:rtl;
}


div.homerightnav {
padding: 2px;
margin-top: 0px;
background-color: #FFFFFF;

}


div.teamleft, div.teamright{
background-color: #FFFFFF;
padding: 2px;
margin-top: 0px;


}


ul.team {
  /*padding-left:3px;*/
  list-style: square;
  padding-right:5px;
  padding-top:2px;
	padding-left:8px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 14px;
	line-height: 16x;
}

span.team_title {
	color: #009966;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 26px;
	letter-spacing: -0.1px;
	line-height: 26px;
	font-weight: 600;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif
	}

p.team {
	color: #000000;
	font-size: 14px;
	line-height: 16x;
	text-align: justify;
	margin-top: 0;
	font-family: Georgia, "Times New Roman", Times, serif; 
	}



td.storybox {
	background-color: #FFFFFF;
	padding: 0px;
	}	

td.newsbox  {
	background-color: #FFFFFF;
	padding: 1px;
	color: #000000;
	font-size:11px;
	border-width: 1px;
	border-color: #999999;
	border-bottom-style: solid;	
	}	

div.feature {
	text-align:left;
	font-size:10px;
	font-weight:500;
	line-height: 12px;
	}



span.feature_title {
	color: #CC6600;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	letter-spacing: -0.1px;
	line-height: 16px;
	font-weight: 600;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif
	}


span.success {
	color: #003399;
	margin-top: 0px;
	margin-bottom: 0px;

	font-size: 32px;
	letter-spacing: -.2px;
	line-height: 32px;
	font-weight: 100;
	text-align:left;
	font-family: "Tw Cen MT"; 
	}

span.success_title {
	color: #339966;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 22px;
	letter-spacing: -.2px;
	line-height: 22px;
	font-weight: 600;
	font-family: "Tw Cen MT"; 
	}

p.success {
	color: #000000;
	font-size: 11px;
	line-height: 12px;
	text-align: left;
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}


span.success_menu {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;

	font-size: 14px;
	letter-spacing: -.05px;
	line-height: 14px;
	font-weight: 100;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; 
	}

span.aheader {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#009999;
font-weight:800;
}
ul.abutton {
list-style:square;
}


span.pheader {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color: #009933;
font-weight:800;
}
ul.pbutton {
list-style:square;
}

div.success div.newstext {
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif; 
	}


span.success_blurb {
	color: #00CC99;
	margin-top: 0px;
	font-size: 16px;
	letter-spacing: -1px;
	line-height: 16px;
	font-weight: bold;
	text-align:justify;
	font-family: Georgia, "Times New Roman", Times, serif; 
	}



span.smallfeature {
	margin-top: 0px;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 12px;

	
	font-family: Arial, Helvetica, sans-serif
	}



span.pagetitle {
	margin-top:0px;
	font-size: 18px;
	font-weight: 800;
	color: #006600;
	font-family: Arial, Helvetica, sans-serif
	}

span.smallgray {
	font-size: 12px;
	font-weight: 700;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif
	}







span.feature_abstract {
	margin-top:0px;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif
	}

div.quote {
	background-color: #FFFFFF;
	color: #000000;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-style: italic;

	font-size: 16px;
	letter-spacing: -0.5px;
	line-height: 16px;
	font-weight: bold;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif; 
	}

span.focus_title {
	margin-top:0px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 800;
	color: #663366;
	font-family: Arial, Helvetica, sans-serif
	}
span.focus_body {
	margin-top:0px;
	font-size: 12px;
	line-height: 12px;
	font-weight: 200;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif
	}

div.webbody {
	font-size: 12px;
	text-align:left;
	line-height: 14px;
	font-weight:500;
	font-family: Arial, Helvetica, sans-serif;
	}	
	


.aleft {
	text-align: left;
	}
.acenter {
	text-align: center;
	}
.aright {
	text-align: right;
	}


td.navbar2 {
		vertical-align: middle;
		text-align: center;
		background-color: #33CC33;
		color:#FFFFFF;
		font-family:arial;
		font-size: 24px;
			 }


p.news {
	font: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	margin-top: 0px;

	}
div.newstext {
margin-right: 5px;
margin-left:15px;
	}

span.quotez {
font-family:"Times New Roman", Times, serif;
font-size:22px;
font-weight:800;
font-style: italic;
color: #009966;
}
span.quotebody {
font-family: "Times New Roman", Times, serif;
font-size:14px;
font-weight:800;
font-style: italic;
color: #009966;
}
span.piccap {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:500;
color: #666666;
}
span.piccap2 {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:500;
color: #666666;
}





p.smallnews {
	font: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	margin-top: 0px;

	}

p.intro {
	font-size: 16px;
	font-weight: 800;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif
	}	

td.admin {
	background-color: antiquewhite;
	padding: 1px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;  
		font-weight: normal;
	}




td.focusbox  {
	background-color: #FFFFFF;
	padding: 1px;
	border-width: 1px;
	border-color: #333333;
	border-style: solid;
	}









td.featurebox  {
	background-color: #FFFFFF;
	padding: 15px;
	color: #000000;
	}	


td.aright {
		text-align:right;
		 }
td.center {
		text-align:center;
		 }

td.left {
		text-align:left;
		 }



h2 {
	font: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #333333;
	}


		 
#main-nav {

	color:#333;
        font-size:80%;
	font-weight:900;
	left:0px;
	top:0px;
	margin-top:-13px;
	z-index:4;
	position:relative;
	padding-top:5px;
	padding-bottom:5px;
} 

#main-nav ul {
        margin-left: 0;
        padding-left: 0;
		
        } 



#main-nav ul li {
  /*padding-left:3px;*/
  list-style: none;

	/*margin-right:8px;*/
  padding-right:5px;
  padding-top:8px;
	padding-left:8px;
}
        
                
#main-nav ul li.first-item {
        margin-left: 0;
        border-left: none;
        list-style: none;
        display: inline;
	left:0px;
	padding-left:0px;
}

#main-nav ul li a{
        color: #669966;
	text-decoration:none;
}

#main-nav ul li a:hover {
  color:#0099bb;
	text-decoration:none;
	border-bottom:1px solid #0099bb;
}