body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	background: #EFF7F7;
	}

/* layout */

#wrap {
	min-width: 500px;
	max-width: 1400px;
	}
#content {
	float: right;
	width: 79%;
	font-size: 95%;
	color: #000;
	line-height: 1.5em;
	}
#sidebar {
	float: left;
	width: 21%;
	}

/* gutters */

#content .gutter {
	padding: 25px;
	background: url('graphics/content-bg.gif') repeat-x top left;
	}

#sidebar .gutter, #sidebar-2 .gutter {
	background: url('graphics/content-bg.gif') repeat-x top left;
	padding: 25px;
	}


/* header */

#header {
	border-bottom: 5px solid #75E6F1;
	}
	

	
/* content */

#content h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 150%;
	color: #663;
	font-weight: normal;
	}

dl.content {
	margin: 15px 0;
	padding: 15px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}
dl.content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
dl.content dt {
	margin: 0 0 .5em 0;
	font-family: Verdana, sans-serif;
	font-size: 140%;
	color: #693;
	}
dl.content dt img {
	float: left;
	margin-left:0; 
	margin-right:15px; 
	margin-top:0; 
	margin-bottom:0; 
	padding-left:0; 
	padding-right:4px; 
	padding-top:0; 
	padding-bottom:4px;
	}
dl.content dd {
	margin-left: 169px;
	font-size: 125%;
	line-height: 1.5em;
	color: #666;
	}

/* sidebars and menu */

.box { 
	font-size: 85%;
	line-height: 1.5em;
	color: white;
	background: #fff;
	margin-left:0; 
	margin-right:0; 
	margin-top:0; 
	margin-bottom:20px; 
	padding-left:0; 
	padding-right:0; 
	padding-top:0; 
	padding-bottom:12px
	list-style-type: none;
	width: 200px; /* width of menu (don't forget to add 	border with below!) */
	border-left: 8px solid #52E1F1; /* thick left 			border of menu */
	}

.box h3 {
	margin: 0;
	padding: 12px;
	font-family: Verdana, sans-serif;
	font-size: 140%;
	font-weight: normal;
	color: #693;
	}

.box p, .box ul {
	margin: 0;
	padding: 0 12px;
	color: white;
	}

.box li{
	border-bottom: 1px solid #885b5c; /* Gray border 	beneath each menu item */
	}

.box li a{
	background: white url('graphics/vstrip.gif') 	repeat-y 	left top; /* Background image positioned to the 		left(v) top(h) corner initially */
	font: bold 13px Verdana, sans-serif;
	display: block;
	color: black;
	width: auto;
	border-bottom: 1px solid white; /* White border 		beneath each menu item link, to add depth */
	padding: 7px 0; /* Vertical (top/bottom) padding 		for each menu link */
	text-indent: 8px;
	text-decoration: none;
	}


.box li a:visited, .slidedoormenu li a:active{
	color: black;
	}

.box li a:hover{
	background-position: -387px 0; /* Shift background 		image horizontally 387px, or the start of the 2nd 	background image */
	color: black;
	}

.box li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
	}


.box li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

/* contact form and links*/

#content #contactForm {
	margin: 0px 20px 10px 0px;
	padding: 10px;
	font-size: 80%;
	height: 400px;
	width: 300px;
}

#content #contentForm .column {
	float: right;
}


#content #contactForm p {
	margin: 0px 0px 10px 0px;
}

#content #contactForm label {
	width: 80px;
	clear: left;
	float: left;
}

#content #contactForm input, #content #contactForm select {
	margin: 0px 0px 10px 0px;
	width: 280px;
	float: left;
}

#content #contactForm textarea {
	width: 280px;
	float: left;
}

#content #contactForm .required {
	font-weight: bold;
}

#content #contactForm .buttonGroup input {
	width: 60px;
	margin: 10px 4px 0px 0px;
}

.blue {
	background-color: #e2f4ff;
	border: 1px solid #b2e2ff;
}

/* magic information */

#content .column .linuxHide {
	display: none;
}

#content .product .learnLinux {
	display: none;
}

#content .column .product .learnLinux {
	display: block;
}











/*  IE fixes */

#content, #sidebar {
	height: 1%;
	}

* html .box li a{
	width: 160px;
	}

.box li a{ 
	/* Menu link width value for IE */
	width: 100%;
	}


.content { 
	display: inline-table; 
	}

/* Hides from IE/Mac \*/
* html .feature { 
	height: 1%; 
	}
.content { 
	display: block; 
	}

	}
/* End hide from IE/Mac */