body {
    margin: 10;
    padding: 0;

    /* text styles */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: ;

    /* window background */
	background: #cccccc;
}

#page {
    display: block;
    min-height: 600px;
    height: auto;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    width: 850px;
    padding-bottom: 0em;
    margin: 0 auto;

    /* whole page */
    border: 1px solid #5e7796;

    /* page (below header) */
    background: white;
}
/* for Internet Explorer */
/*\*/
* html #page {
    height: 600px;
}
/**/

#header {
    width: auto;
    background: white;
    background-image: url(/images/asistm_logo.png);
    background-repeat: no-repeat;
    font-size: 0;
}

/* Above the line */
#header #top {
    height: 119px;
    border-bottom: 1px solid #5E7796;
}

/* Below the line */
#header #bottom {
    height: 10px;
}

#header #logo {
    float: left;
    border: 0;
    margin: 20px;
}

/* Navigation Items */
#mainmenu {
    position: absolute;
    margin-top: 93px;
    width: 850px;
    text-decoration: none;
}

#mainmenu .option a, #mainmenu .option-current a{
    /* needs to be explicitly set for IE */
    text-decoration: none;
    color: #663366;
}

#mainmenu .option a:hover, #mainmenu .option-current a:hover {
    color: black;
}

#mainmenu .option, #mainmenu .option-current {
    float: right;
    text-align: center;
    vertical-align: middle;
    padding: 5px;

    /* gap between tabs */
    margin-right: 5px;
    background-color: #dddddd;
    border-left:  1px solid #5E7796;
    border-right:  1px solid #5E7796;
    border-top:  1px solid #5E7796;
    border-bottom:  1px solid #5E7796;
    height: 15px;
}

#mainmenu .option-current {
    z-index: 500;

    background-color: white;
    border-bottom:  1px solid white;
}

/* .option:hover doesn't work in IE */
#mainmenu .option:hover, #mainmenu .option-current:hover {
    background-color: #cccccc;
}

#mainmenu .option:hover a, #mainmenu .option-current:hover a {
    color: black;
}

#mainmenu .option .button, #mainmenu .option-current .button {
    border: 0px;
}

#mainmenu .option .caption, #mainmenu .option-current .caption {
    font-weight: bold;
    font-size: 90%;
    margin: 0px;
    padding: 0px;
}

/* optionWithButton could do with some work */
#mainmenu .optionWithButton a {
    /* needs to be explicitly set for IE */
    text-decoration: none;
    color: #663366;
}

#mainmenu .optionWithButton a:hover {
    color: black;
}
#mainmenu .optionWithButton {
    float: right;
    text-align: center;
    width: 70px;
    padding: 0px;
}
#mainmenu .optionWithButton .button {
    border: 0px;
}
#mainmenu .optionWithButton .caption {
    font-size: 90%;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
}

#header #top #maintitle, #header #top #title {
	color: #666666;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	vertical-align: bottom;

	/* NEEDS ATTENTION */
}



#maincontent {
    line-height: 1.4em;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 0px;
    margin: 0px;
    min-width: 500px;
    margin-top: -30px
}

/* footer displays within the page, copyright below it */
#footer, #copyright {
    margin-left: 20px;
    margin-right: 20px;
    text-align:center;
    padding: 5px;
    font-size: 75%;
}

#footer {
    margin-top: 2em;
    color: gray;
}

#copyright {
    color: #333333;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
	color: #666666;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
}

h2 a {
	color: #666666;
	text-decoration: none;
}

h2 a:hover {
	color: #663366;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }

hr {
    border: 1px solid #666666;
}

#maincontent a{
    color: #5e7796;
    font-weight:bold;
}

#outline {
    border: 1px solid #666666;
}

#section {
    text-align:center;
    background: #cccccc;
    padding: 5px 0px 5px 0px;
}

.allocs{
    border: 1px solid #666666;
    background: #cccccc;

}

#nowrap{
    white-space: nowrap;
    display: block;
}

#parttbl{
    /*background: #F0F0F0;*/
}

#parttbl table		{
		margin: 0;
		padding: 0;
		line-height: 1.4em;
		border-collapse: collapse;
		border: 2px solid #ADBBCA;
		color: #4F6480;
		background: #F0F0F0;
}
#parttbl table caption	{
	margin: 0;
	height: 32px;
	padding: 10px 0 0 0;
	color: #4F6480;
	line-height: 2em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	}

#parttbl thead		{
	color: #fff;
	background: #666666;
	}


#parttbl tfoot		{
	background: #fff;
	}

#parttbl tfoot tr td, tfoot tr th, tbody tr td	{
	padding: 4px;
	}


#parttbl tbody tr	{
	border: 1px solid #ADBBCA;
	}

#parttbl th	{
	padding: 8px;
	border: 1px solid #ADBBCA;
	background: #5E7796;
	color: #ffffff;
	}

#parttbl tbody td	{
	background: #FFFFFF;
	border: 1px solid #ADBBCA;
	}

#parttbl tbody tr.odd		{
	background: #C4CFDB;
	}

#parttbl tbody tr.odd td		{
	background: #F0F0F0;
	color: #4F6480;
	}

.done{
    color: #666666;
    font-weight: normal;
}

.waiting{
    color: #5e7796;
    font-weight: bold;
}
.nosurvey{
    color: #000000;
    font-weight:bold;
}

#section a{
    color: #333333;
}

.bordered-box {
    border: 1px solid #333333;
    background: #cccccc;
    padding: 10px 10px 10px 10px;
    text-align: center;
}
dt{
    font-weight: bold;
    color: #333333;
}