/***************************************************************
 *                                                             *
 *  Layout                                                     *
 *                                                             *
 *  Rules for page elements that surround the content and for  *
 *  positioning the content within those elements.             *
 *                                                             *
 ***************************************************************/


body { font-family: arial,helvetica,sans-serif; }


#message { height: 20px; display: inline; margin: 15px 0 15px 0 }

td.spacer { color: #688C4C; font-weight: bold; margin 20px 0 10px 0 }

td.note { color: #688C4C; font-size: 60%; vertical-align: sup; text-align: left }

#verbage {
	width: 160px;
}

#selection_grid {
	margin: 0 auto 40 auto;
	text-align: center;
	display: block;
}

#selection_grid h3 {
	text-align: left;
	font-weight: bold;
	color: #000000;
	margin-bottom: 3px;
}

#selection_grid td {
	border: dotted #333366 1px;
	width: 160px; 
}

.oj { background-color: silver; }

#selection_nav {
    float: right;
    display: block;
    margin: 20px 10px 25px 10px;
    border: solid thin silver;
    padding: 0.5em;
    background-color: #688C4C;
    color: #ffffff;
    font-size: 80%;
    font-weight: bold;
}


/*=============================================================*
 *  Conceal formatting intended for non-css aware browsers,    *
 *  e.g., pipes and horizontal rules used as substitutes for   *
 *  borders.                                                   *
 *=============================================================*/

.nocss {
    display: none;
}

/*=============================================================*
 *  Logo Section                                               *
 *=============================================================*/

#logodiv {
    position: absolute;
    top: 0; left: 0;
    right: 220px;
    width: 95%;
    height: 50px;
    border: solid 3px #333366;
    padding: 5px;
    background-color: #95BA78;
    color: #ffffff;
}

span.title {
    font-size: 150%;   
}

span.subtitle {
    margin-left: 0.25em;
    font-size: 90%;
    font-style: italic;
}

img.icon {
    vertical-align: middle;
}

/*=============================================================*
 *  Navigation Section                                         *
 *=============================================================*/

#navigation {
    position: absolute;
    top:0; right: 0; bottom: 0;
    width: 180px;
    height: 100%;
    border: solid 3px #333366;
    padding-bottom: 5em;
    background-color: #95BA78;
    color: #ffffff;
}

body>#navigation {
   position: fixed;
}

.nav-element {
    margin: 20px 10px 25px 10px;
    border: solid thin silver;
}

/* IE Windows d[oesn't handle the negative margins correctly */
div#navigation>div.nav-element {
    margin: 20px 10px 25px -25px;
}

#home    {
    text-align: center;
    padding: 0.5em;
    background-color: #688C4C;
    color: #ffffff;
    font-size: 80%;
    font-weight: bold;
}

#subnav1 {
    padding: 0.5em;
    background-color: #688C4C;
    color: #000000;
    font-size: 80%;
}

#subnav2 {
    padding: 0.5em;
    background-color: #688C4C;
    color: #ffffff;
    font-size: 80%;
}

#errors {
	background-color: #95BA78;
	height: 400px;
	overflow: scroll;
}

/*

#selection_nav {
	height: 300px;
	overflow: scroll;
}

*/



#subnav1 {
    padding: 0.5em;
    background-color: #688C4C;
    color: #ffffff;
    font-size: 80%;
}

#subnav1 p {
    margin-left: 0;
    font-weight: bold;
}

/* Used to identify current page in topic links */
.this-page {
    background-color: #ffcc00;
    color: #006699;
}

/*=============================================================*
 *  Content Section                                            *
 *=============================================================*/

#content-wrapper {
    margin: 0 180px 0 0;
}

#content {
    padding: 120px 30px 0.5em 2em;
}

#content b {
	font-weight: bold;
	color: #688C4C;
}


/*=============================================================*
 *  Page Information Section                                   *
 *=============================================================*/

/*  Create new positioning context for page information
    at the bottom of the page.  */
#page-info {
    position: relative;
    margin: 2em 250px 2em 2em;
    border-top: dotted #333366 1px;
    padding: 1em 0 1em 0;
}

/*  Top left side of new context */
#mod-date {
    position: absolute;
    top: 1em;
    left: 0;
}

/* Top right side of new context */
#standards {
    position: absolute;
    top: 1em;
    right: 250px;
}

#page-info>#standards {
    right: 0;
}


/*=============================================================*
 *  Navigation elements for pages that reference clippings     *
 *=============================================================*/

.ordered-links {
    margin: 1em 1em 2em 0;
    padding-top: 1em;
    color: #993300;
}

.previous {
    float: left;
}

.next {
    float: right;
}

.bge { background-color:  #95BA78 ; color: #333366 }

.bge_disabled { background-color: #95BA78; color: #D4CCC3 }

.bge_changed { background-color:  #FFFFFF ; color: #333366 }

.bge_delete {  color: red; font-weight: bold }

/***************************************************************
 *                                                             *
 *  Anchors                                                    *
 *                                                             *
 ***************************************************************/


a:visited {color: #688C4C; text-decoration: underline; font-weight: bold}
a:link {color: #688C4C; text-decoration: underline; font-weight: bold}
a:active {color: #688C4C; text-decoration: underline; font-weight: bold}
a:hover {cursor: hand; color: #000000; text-decoration: none}

a.rel:visited {color: #A766B3; text-decoration: underline; font-weight: bold}
a.rel:link {color: #A766B3; text-decoration: underline; font-weight: bold}
a.rel:active {color: #A766B3; text-decoration: underline; font-weight: bold}
a.rel:hover {cursor: hand; color: #000000; text-decoration: none}

#home a:link { color: #ffffff; text-decoration: none; font-weight: bold }
#home a:visited {color: #ffffff; text-decoration: none; font-weight: bold}
#home a:active {color: #ffffff; text-decoration: none; font-weight: bold}
#home a:hover {cursor: hand; color: #688C4C; background-color: #ffffff; text-decoration: none}

#subnav1 a:link { color: #ffffff; text-decoration: none; font-weight: bold }
#subnav1 a:visited {color: #ffffff; text-decoration: none; font-weight: bold}
#subnav1 a:active {color: #ffffff; text-decoration: none; font-weight: bold}
#subnav1 a:hover {cursor: hand; color: #688C4C; background-color: #ffffff; text-decoration: none}


#subnav2 a:link { color: #ffffff; text-decoration: none; font-weight: bold }
#subnav2 a:visited {color: #ffffff; text-decoration: none; font-weight: bold}
#subnav2 a:active {color: #ffffff; text-decoration: none; font-weight: bold}
#subnav2 a:hover {cursor: hand; color: #688C4C; background-color: #ffffff; text-decoration: none}


#selection_nav a:link { color: #ffffff; text-decoration: none; font-weight: bold }
#selection_nav a:visited {color: #ffffff; text-decoration: none; font-weight: bold}
#selection_nav a:active {color: #ffffff; text-decoration: none; font-weight: bold}
#selection_nav a:hover {cursor: hand; color: #688C4C; background-color: #ffffff; text-decoration: none}

#table_header {color: #688C4C ; text-align: center; font-size: 120% } 

h1{color: #688C4C ; text-align: left; font-size: 140% }
h1{color: #688C4C ; text-align: left; font-size: 120%; font-weight: bold }
h3{color: red ; text-align: left; font-size: 100%; font-weight: bold }







/***************************************************************
 *                                                             *
 *  Content Structure Elements                                 *
 *                                                             *
 ***************************************************************/

/*=============================================================*
 *  Body                                                       *
 *=============================================================*/

body	{
    font-family: verdana, arial, sans-serif;
}

p   {
    margin-left: 1em;
}

p.intro {
    margin-left: 0;
}

/*=============================================================*
 *  Headings                                                   *
 *=============================================================*/


/*=============================================================*
 *  Tables                                                     *
 *                                                             *
 *  Used for the presentation of tabular data only;            *
 *  not for layout                                             *
 *=============================================================*/

table {
    /* keep IE Win from expanding out of content area */
    margin-right: 5px;	
    border: 0;
    padding: 0;
}

th {
   padding: 0.4em 0.5em 0.4em 0.5em;
   background-color: #333366;
   color: #ffffff;
   text-align: left;
}

td {
    padding: 0.4em 0.5em 0.4em 0.5em;
}

tr.even {
    background-color: #cccccc;
    color: #000000;
}

/*=============================================================*
 *  Lists                                                      *
 *=============================================================*/

ul {
    margin-left: 0;
	padding-left: 1em;
}

p+ul  {
    margin-left: 1em;
}

ol {
    margin-left: 0;
}

ol ol {
    margin-left: 1em;
    padding-left: 1.5em;
}

li {
    margin-left: 0;
	padding-left: 1em;
    margin-bottom: 1em;
}

ol.outline li {
    list-style-type: decimal;
}

ol.outline ol li {
    margin-top: 1em;
    list-style-type: lower-alpha;
}

/*=============================================================*
 *  Graphics                                                   *
 *=============================================================*/

div.thumbnail	{
    margin: 0.5em 1em 2em 1em;
    float: left;
    width: 200px;
    text-align: center;
    font-size: 80%;
    font-style: italic;    
}

img {
    border: none;
}

/***************************************************************
 *                                                             *
 *  Topic or Page Specific Elements                            *
 *                                                             *
 ***************************************************************/


/*=============================================================*
 *  News Section                                               *
 *=============================================================*/

.packages table {
    border: 0;
}

/*=============================================================*
 *  FAQ                                                        *
 *=============================================================*/

p.question {
    border-top: solid 2px grey;
    padding-top: 1.5em;
    color: #333366;
    font-weight: bold;
}

.answer {
    padding-bottom: 0;
}

/*=============================================================*
 *  GPL                                                        *
 *=============================================================*/

.license-heading {
    text-align: center;