/*---------------------------------------------------------------------------
 *  Layout
 */
#mainLayout {
	width:770px;
	margin:auto;
	position:relative;
}
.Content {
    position: absolute;
    top: 119px;
    bottom: 8px;
    left: 220px;
    right: 0px;
}

#center {
    z-index: 3;
    padding-bottom: 8px;
}
/*---------------------------------------------------------------------------
 *  Default element styles
 */
body {
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	background-position:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height:18px;
    background-color: #434B4C;
    color: #333;
}
div, body, h1, h2, h3, h4, h5, h6, img, p, ul, ol, li  {
    padding: 0;
    margin: 0;
    border: 0;
    font-weight: normal;
}
a:link { color: #f90;}
a:active { color: #f90;}
a:hover { color: #f90; }
a:visited { color: #fc3;}
iframe {
    width:100%;
    height: 800px;
    border: 0;
}
p {
    margin: 10px 10px;
}
blockquote {
    margin-bottom: 10px;
}
td {
    font-size: 12px;
    padding: 2px;
}
th {
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    padding: 2px;
}
th.Row {
    text-align: left;
    vertical-align: top;
}
/*---------------------------------------------------------------------------
 *  Page banner
 */
#banner {
    color: #333;
	position:relative;
    top: 6px;
    bottom: 8px;
	background-image:url(../images/header-bg.jpg);
	background-repeat:no-repeat;
	height:106px;
}
#logo {
	background-image:url(../images/agilesque-logo-banner.gif);
	background-repeat:no-repeat;
	width:162px;
	height:67px;
    position: absolute;
    top: 15px;
    left: 5px;
}
#versions {
    position: absolute;
    width: auto;
    right: 0;
    top: 0;
    margin: 8px;
    font-weight: normal;
}
/*---------------------------------------------------------------------------
 *  Page content
 */
#content {
    margin: 0;
    background-color: white;
    color: #333;
    height: 100%;
}
#content  .contentWindow {
	border:1px solid #434B4C;
	background-color:#EBEBEB;
	padding:5px;
	margin-bottom:10px;}
#content h1 {
    width: 100%;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    font-size: 18px;
    background-color: #999;
    color: white;
    padding: 2px;
    padding-left: 6px;
    margin-top: 24px;
    margin-bottom: 12px;
}
#content h2 {
    margin-top: 0;
	background-image:url(../images/content-bg-titles.gif);
	background-repeat:repeat;
    margin-bottom: 5px;
    font-size: 12px;
    color: white;
	font-weight:bold;
    padding: 2px 0 2px 6px;
}
#content a { text-decoration: none; font-weight:bold; }
#content a:link { color: #f90; }
#content a:visited { color: #f90; }
#content a:active { color: #f90; }
#content a:hover { color: #f90; text-decoration:underline; }
#content li {
	margin-left:40px;
    margin-bottom: 6px;
}
#content th, #content td {
    background-color: #999;
}
.Source pre {
    padding: 15px 4px 4px 20px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    border: 1px solid #FF6600;
    background-color: #FFCC66;
    color: black;
	font-style:italic;
}
.Source:before {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: inherit;
    line-spacing: 100%;
}
.highlight {
    background-color: #999;
    border: 1px dotted #333;
    padding: 5px;
}
/* The following are for images, but can also apply to div's containing images. */
#content .Float {
    float: right;
    margin-left: 8px;
    margin-right: 0;
    margin-top: 8px;
    margin-bottom: 8px;
}
#content .Diagram {
    display: block;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 8px;
}
#content .Inline {
    display: inline;
}
.RuleOfThumb {
    font-weight: bold;
}
/*---------------------------------------------------------------------------
 *  Side panels
 */
.SidePanel {
	border:1px solid #434B4C;
	background-color:#EBEBEB;
	padding: 5px;
    font-size: 11px;
	width:200px;
	position:absolute;
	top:119px; }

.SidePanel h1 {
	background-image:url(../images/menu-bg-titles.gif);
	background-repeat:repeat-x;
	padding: 4px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 2px;
}
.SidePanel a { text-decoration: none; }
.SidePanel a:link { color: #000; }
.SidePanel a:visited { color: #666666; }
.SidePanel a:active { color: #f90; }
.SidePanel a:hover { color: #000; }
/*---------------------------------------------------------------------------
 *  Menus
 */

.MenuGroup {
    color: #333;
}
.MenuGroup ul {
    list-style-type: none;
}
.MenuGroup li {
    padding: 2px 5px;
	background-image:url(../images/menu-bg-off.gif);
	background-repeat:repeat-x;
	margin-bottom:2px;
}
.MenuGroup li a {
	display:block;
}
.MenuGroup li:hover {
	background-image:url(../images/menu-bg-roll.gif);
}
.MenuGroup .currentLink {
    background-image:url(../images/menu-bg-on.gif);
	background-repeat:repeat-x;
    color: #434B4C;
	font-weight:bold;
	border: 1px solid #F6960E;
}
.MenuGroup .currentLink:hover {
    background-image:url(../images/menu-bg-on.gif);
}
.MenuGroup #alliance, .MenuGroup #scrum, .MenuGroup #minds, .MenuGroup #apache, .MenuGroup #codehaus {
	background-position:center;
	background-repeat:no-repeat;
}
.MenuGroup #alliance {
	background-image:url(../images/agilealliance-member-off.gif);
	height:55px;
}
.MenuGroup #scrum {
	background-image:url(../images/certified-scrummaster-off.gif);
	height:55px;
}
.MenuGroup #minds {
	background-image:url(../images/agileminds-off.gif);
	height:35px;
}
.MenuGroup #apache {
	background-image:url(../images/apache-off.gif);
	height:35px;
}
.MenuGroup #codehaus {
	background-image:url(../images/codehaus-off.gif);
	height:35px;
}
.MenuGroup #alliance a {
	height:55px;
}
.MenuGroup #scrum a {
	height:55px;
}
.MenuGroup #minds a {
	height:35px;
}
.MenuGroup #apache a {
	height:35px;
}
.MenuGroup #codehaus a {
	height:35px;
}
.MenuGroup #alliance:hover {
	background-image:url(../images/agilealliance-member-on.gif);
	}
.MenuGroup #scrum:hover {
	background-image:url(../images/certified-scrummaster-on.gif);
	}
.MenuGroup #minds:hover {
	background-image:url(../images/agileminds-on.gif);
	}
.MenuGroup #apache:hover {
	background-image:url(../images/apache-on.gif);
	}
.MenuGroup #codehaus:hover {
	background-image:url(../images/codehaus-on.gif);
	}
/*---------------------------------------------------------------------------
 *  Document meta-information
 */
.Meta {
    margin-top: 64px;
    font-size: smaller;
    color: #333;
    text-align: right;
}
.Meta a { text-decoration: underline; }
.Meta a:link { color: #f90; }
.Meta a:visited { color: #f90; }
.Meta a:active { color: #f90; }
.Meta a:hover { color: #f90; }