/*--------------------------------------------------------------------------
>> Core XHTML Elements and Page elements
---------------------------------------------------------------------------- */
body 
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: url("header-bg_new2.gif") repeat-x top; 
    background-color:#FFFFCC;
}

/* body switcher, changes background in case of missing subnavigation */
#bodyso 
{
	background: url("header-bg_new.gif") repeat-x top;
}
a, a:visited 
{
	color: #6300C9;
	text-decoration: none;
}
a:hover 
{
	text-decoration: underline;
}
a:active 
{
	background-color: #00ffff;
}
#logo 
{
	margin-top: 29px;
	float: right;
}
em 
{
	background-color: #fbffba;
	font-style: normal;
}
/*--------------------------------------------------------------------------
>> Home "Guides" 3 Big areas on home page that hype up and guide the user.
---------------------------------------------------------------------------- */
.home_guide 
{
	float: left;
	width: 250px;
	background: url("home_bg.gif") no-repeat bottom;
	font-size: 12px;
	padding: 0;
	margin-top: 10px;
}
#home_center 
{
	margin-left: 5px;
	margin-right: 5px;
}
.home_guide a, .home_guide a:hover, .home_guide a:visited, .home_guide a:active, .home_guide a img, .home_guide a h2, .home_guide a p
{
	color: black;
	text-decoration: none;
	border: none;
}
.home_guide img 
{
	margin: 0 1px 0 1px;
	border: none;
}
.home_guide p 
{
	margin: 0;
	padding: 10px 30px 10px 10px;
	background: url("home_arrow.gif") no-repeat right top;	
}
/*--------------------------------------------------------------------------
>> Container. Houses everything except for the footer.
---------------------------------------------------------------------------- */
#container 
{
	float: left;
	width: 760px; /* hack for center, stable browser support */
	position: relative;
	left: 50%;
	width: 760px;
	margin-left: -380px; 
	margin-bottom: 30px;
}
/*--------------------------------------------------------------------------
>> Header, houses logo, sub and main navigations. Is Found inside container
---------------------------------------------------------------------------- */
#header 
{
	height: 107px;
/*	background-color: yellow; */
	float: left;
	width: 100%;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
}
#header img 
{
	border: none;
/*	position: absolute;
	top: -45px;
	left: 0px; */
}
/*--------------------------------------------------------------------------
>> Main navigation: 1st tier. Tabs at the top.
---------------------------------------------------------------------------- */
#mainav 
{
	float: left;
	margin-top: 57px;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}
#mainav li 
{
	float: left;
	background: url("door2part2.gif") no-repeat right top;
	margin-top: 0;
	margin-right: -1px;
	padding: 0;
}
#mainav a 
{
	background: url("door1part2.gif") no-repeat left top;
	display: block;
	padding: 9px 15px 5px 15px;
	text-decoration: none;
	color: black;
	font-family: Tahoma;
	font-size: 12px;
}

/* current */
#mainav #current 
{
	background-image: url("door2part2.gif"); 
}
#mainav #current a 
{
	background-image: url("door1part2.gif"); 
	padding-bottom: 7px;
}

/*--------------------------------------------------------------------------
>> Sub navigation: 2nd tier navigation of the site
---------------------------------------------------------------------------- */
#subnavigation 
{
	width: 760px;
	font-size: 11px;
	font-family: Tahoma;
	clear: both;
	float: left;
	list-style: none;
	margin: 9px 0 90px 0;
	padding: 0;
}
#subnavigation li 
{
	float: left;
	padding: 0 16px 0 0;
	font-weight: bold; /* Makes all unliked text bold -> current page stays bold while all other links are set to normal as seen below */
} 
#subnavigation li a 
{
	font-weight: normal; /* Disables bold for links */
	color: black;
	text-decoration: none;
}
#subnavigation li a:hover 
{
	text-decoration: underline; 
}
/*--------------------------------------------------------------------------
>> The body content: headings, text, paragraphs, forms...
---------------------------------------------------------------------------- */
#content 
{
	margin: 0px 0 0 0;
	width: 520px;
	float: left;
}
#content h1 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 24px;
	margin: 40px 0 10px 0;
}
#content ul li h1 
{
	margin-top: 20px;
}
#content h2 
{
	color: #313430;
	font-weight: normal;
	padding-bottom: 0px;
	font-size: 19px;
	margin: 20px 0 0px 0;
	clear: left;
}
#content h3 
{
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 2px 0;
}
#content p 
{
	font-size: 13px;
	line-height: 15px;
	text-align: left;
	margin: 2px 0 15px 0;
/*	margin: 15px 0 15px 0; */
	color: #343434; 
}
#content img 
{
	margin: 10px 10px 10px 0;
	border: 1px solid #6499be;
}
#content img.icon 
{
	margin: 2px 0px -2px 0;
}
#content a img 
{
	border: none;
}
#content img.imagefloat 
{
	margin: 0 5px 10px 0;
	float: left;
	border: none;
}
#content ul li, ul 
{
	list-style: url(bullet.gif);
}
/*--------------------------------------------------------------------------
>> Content: quick information on download
---------------------------------------------------------------------------- */
#quickinfo 
{
	float: left;
	width: 180px;
	margin: 0 10px 10px 0;
	/* border: 1px solid black; */
}
#quickinfo table 
{
	border: none;
}
#quickinfo table tr td 
{
	/* border-bottom: 1px dotted black; */
	padding-top: 5px;
}
#quickinfo table tr th 
{
	text-align: left;
}
/*--------------------------------------------------------------------------
>> Content: form
---------------------------------------------------------------------------- */
#content form 
{
	width: 490px;
	position: relative;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
}
#content fieldset 
{
	border: none;
	width: 486px;
	position: relative;
	float: left;
	padding: 0 3px 0 8px;
	margin: 0px;
}
#content form select 
{ 
	width: 200px; 
}
#content label span 
{ 
	display: block; 
}
#content .regular 
{	
	width: 120px; 
}
#content .longedit 
{	
	width: 194px; 
}
.regularrefer 
{ 
	width: 220px; 
}
#content textarea 
{ 
	width: 472px; 
}
#content #submit 
{ 
	margin: 30px 0 0 0; 
}
#content label 
{
	float: left;
	margin: 10px 12px 0 0;
}

/*--------------------------------------------------------------------------
>> Levin Alexander Image Replacement technique -- replaces headings for
side navigation and the main 3 guides: download, learn, resources on home page
---------------------------------------------------------------------------- */
.replace 
{
	position: relative;
	margin: 0px; padding: 0px;
	/* hide overflow:hidden from IE5/Mac \*/
	float: left;
	overflow: hidden;
	/* */
}
.replace span 
{
	display: block;
	position: absolute;
	margin-left: 0;
	top: 0px;
	left: 0px;
	z-index: 1; /*for Opera 5 and 6*/
}

/* side navigation replacement */
#h2-search, #h2-search span 
{
	height: 29px; width: 209px; 
	background-image: 
	url("search.gif");
} 
#h2-newsletter, #h2-newsletter span 
{
	height: 29px; 
	width: 209px; 
	background-image: url("newsletter.gif");
}
#h2-recommend, #h2-recommend span 
{
	height: 29px; 
	width: 209px; 
	background-image: 
	url("recommend.gif");
}
#h2-news, #h2-news span 
{
	height: 29px; 
	width: 209px; 
	background-image: url("mmnews.gif");
}

/* home page replacement */
#home-download, #home-download span 
{
	height: 38px; 
	width: 250px; 
	background-image: url("home_download.gif");
}
#home-learn, #home-learn span 
{
	height: 38px; 
	width: 250px; 
	background-image: url("home_learn.gif");
}
#home-resources, #home-resources span 
{
	height: 38px; 
	width: 250px; 
	background-image: url("home_resources.gif");
}

/*--------------------------------------------------------------------------
>> Side navigation: Search, Newsletter subscription, Recommended links, News
---------------------------------------------------------------------------- */
#sidenav 
{
	position: relative;
	width: 209px; 
	float: right; 
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
/*--------------------------------------------------------------------------
>> Side Navigation: Search
---------------------------------------------------------------------------- */
#search 
{
	width: 209px;
	float: left;
	background: url("searchbg.gif") no-repeat bottom;
	margin: 40px 0 10px 0;  
	padding: 0;
}
#search p 
{
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
}
#search form 
{
	padding: 10px 12px 10px 12px; 
	float: left;
	margin: 0;	
}
#search form input 
{
	float: left;
	margin-right: 10px;
}  
/*--------------------------------------------------------------------------
>> Side Navigation: Newsletter
---------------------------------------------------------------------------- */
#newsletter 
{
	width: 209px;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	background: url("sidenavbg.gif") no-repeat bottom;  
}
#newsletter p 
{
	background: url("newsletter2.gif") no-repeat top;	 
	width: 185px;
	padding: 10px 12px 10px 12px;
	float: left;
	margin: 0;	
}
#newsletter form 
{
	padding: 10px 12px 10px 12px;
	float: left;
	margin: 0;	
}
#newsletter form input 
{
	float: left;
	margin-right: 10px;
}
/*--------------------------------------------------------------------------
>> Side Navigation: Recommended links
---------------------------------------------------------------------------- */
#recommend 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 209px;
	float: right;
	background: url("sidenavbg.gif") no-repeat bottom; 
	padding: 0;
}
#recommend ul 
{
	margin: -10px 0 0px 0;
	padding: 18px 0 0 0;
	clear: left;
	background: url("recommend2.gif") no-repeat top right; 
}
#recommend ul li 
{
	padding: 0px 12px 18px 12px;
	list-style: none;
	margin: 0;
	line-height: 16px;
}
#recommend a {

}
/*--------------------------------------------------------------------------
>> Side Navigation: News 
---------------------------------------------------------------------------- */
#news 
{
	width: 209px;
	float: right;
	background: url("sidenavbg.gif") no-repeat bottom; 
	padding: 0;
	margin: 27px 0 0px 0;
}
#news .date 
{
	font-weight: bold;
	list-style: none;	
}
#news ul 
{
	margin: -10px 0 0px 0;
	padding: 18px 0 0 0;
	clear: left;
	background: url("recommend2.gif") no-repeat top right; 
}
#news ul li 
{
	padding: 0px 12px 18px 12px;
	list-style: none;
	margin: 0;
}
/*--------------------------------------------------------------------------
>> Footer
---------------------------------------------------------------------------- */
#footer 
{
	position: relative;
	clear: both;
	background: url(footerbg.gif) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 101px;
	padding: 22px 0 0 10px;
	margin-bottom: 0px;
	border-bottom: #BEBEBE 1px solid;
}
#footer p 
{
	color: #333333;
	width: 760px;
	position: relative;
	left: 50%;
	width: 760px;
	margin-left: -380px; 
}

/*--------------------------------------------------------------------------
>> Input Buttons
---------------------------------------------------------------------------- */

input.Button 
{ 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 14px; 
   font-weight: bold; 
   color: black; 
   background-color: #97E314; 
   padding: 2px; 
   height: 25px; 
   width: 100px; 
   border: 1px solid #000000;
}
input.Button2 
{ 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 14px; 
   font-weight: bold; 
   color: black; 
   background-color: #97E314; 
   padding: 2px; 
   height: 25px; 
   width: 200px; 
   border: 1px solid #000000;
}
input.Button3 
{ 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 14px; 
   font-weight: bold; 
   color: black; 
   background-color: #97E314; 
   padding: 2px; 
   height: 25px; 
   width: 150px; 
   border: 1px solid #000000;
}
input.Button4 
{ 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 14px; 
   font-weight: bold; 
   color: black; 
   background-color: #97E314; 
   padding: 2px; 
   height: 25px; 
   width: 160px; 
   border: 1px solid #000000;
}
input.Button:hover 
{ 
  color: white;  
  background-color: #0000FF;
  border: 2px solid #000000;
}
input.Button2:hover 
{ 
  color: white;  
  background-color: #0000FF;
  border: 2px solid #000000;
}
input.Button3:hover 
{ 
  color: white;  
  background-color: #0000FF;
  border: 2px solid #000000;
}
input.Button4:hover 
{ 
  color: white;  
  background-color: #0000FF;
  border: 2px solid #000000;
}