/******************************************************************************/
/*############################# C O A  S T Y L E S ###########################*/
/******************************************************************************/

/*~~~~~~~~~~global styles~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


body {
	margin: 0 0 0 0;
	background-color: #bcc3b6;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, san-serif;
	font-size: 10px;
	color: #231f20;
	text-align: center;
}


#content {
	width:961px;;
	margin-left: auto;
	margin-right: auto;
}

img {
	border: none;
}

/*~~~~~~~~~~header styles~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header_mycoa {
	margin: 0 0 0 0;
}

#header_mycoa .head01{
	width: 724px;
	height: 63px;
	background: url(../images/head_01.gif) top left no-repeat;
}

#header_mycoa .head02{
	width: 724px;
	height: 51px;
	background: url(../images/head_02.gif) top left no-repeat; 
}

#header_mycoa .head02 img {
	display: block; 
}

#header_mycoa .head03{
	width: 724px;
	height: 66px;
	background: url(../images/head_03.gif) top left no-repeat;
}

#header_mycoa .head03a{
	width: 724px;
	height: 66px;
	background: url(../images/head_03a.gif) top left no-repeat;
}

#welcome{
	font-size: 9px;
	font-weight: bold;
	margin: 4px 0 0 330px;
}

#welcome .user{
	font-size:12px;
	color: #636466;
}

#welcome a, #welcome a:hover, #welcome a:visited, #welcome a:active{
	color: #231f20;
}

#welcome .search{
	padding-top:10px;
}

#welcome .field{
	width: 217px;
	height: 15px;
	background-color: #d3d8cf;
	border: none;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, san-serif;
	font-weight: normal;
	padding: 4px 0 0 4px;
	margin: 0 0 0 0;
}

#welcome .noul{
	text-decoration: none;
}

#nav {
	margin: 0 0 0 22px;
}

#title {
	font-family: Times, serif;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}

/*~~~~~~~~~~left col styles~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#leftnav{
	margin: 0 0 0 0;
	text-align: left;
}

#leftnav .header{
	margin: 0 0 0 39px;
	background-color: #fff;
}


#leftnav .main{
	margin: 0 0 0 5px;
	width: 208px;
	background-color: #fff;
	font-weight: bold;
	padding: 3px 0 3px 6px;
}

#leftnav .mainsep{
	margin: 0 0 0 5px;
	width: 208px;
	background: #bcc3b6;
	height: 1px;
	line-height: 0;
	font-size: 1px;
}

#leftnav .main a, #leftnav .main a:hover, #leftnav .main a:visited, #leftnav .main a:active{
	color:  #231f20;
	text-decoration: none;
}

#leftnav .secteir{
	width: 229px;
	background: url(../images/left_sec_bg.gif) top right no-repeat;
}

#leftnav .sec{
	width:191px;
	margin: 0 0 0 17px;
	padding: 3px 0 3px 5px;
	font-weight: bold;
	background-color: #abb4ac;
}

#leftnav .sec_guide{
	width:191px;
	margin: 0 0 0 17px;
	padding: 0 0 0 0;
	font-weight: bold;
	background-color: #abb4ac;
}

#leftnav .sec a, #leftnav .sec a:hover, #leftnav .sec a:visited, #leftnav .sec a:active{
	color:  #231f20;
	text-decoration: none;
}

#leftnav .thirdtier{
	background-color: #abb4ac;
	width:196px;
	margin: 0 0 0 17px;
}

#leftnav .third{
	margin: 0 0 1px 12px;
}

#leftnav .third_guide{
	margin: 0 0 0 0;
}

#leftnav .third a, #leftnav .third a:hover, #leftnav .third a:visited, #leftnav .third a:active, #leftnav .third #selected {
	color:  #231f20;
	text-decoration: none;
	padding: 4px 0 4px 10px;
	width:174px;
	background-color: #9ba7a2;
	font-weight: bold;
	display: block;
	border:none;
}

#leftnav .third_guide a, #leftnav .third_guide a:hover, #leftnav .third_guide a:visited, #leftnav .third_guide a:active, #leftnav .third_guide #selected {
	color:  #231f20;
	text-decoration: none;
	padding: 4px 5px 4px 10px;
	width:181px;
	background-color: #9ba7a2;
	font-weight: bold;
	display: block;
	border:none;
}


#leftnav .third #selected {
	background-color: #0a2c4b;
	color: #fff;
}


#leftnav .sec_guide #selected {
	background-color: #0a2c4b;
	color: #fff;
	padding: 4px 5px 4px 10px;
	width:181px;
}

#leftnav .bookmark{
	margin: 0 0 0 0;
}

#leftnav .bookmarktop{
	background: url(../images/bookmark_top.gif) top left no-repeat;
	height: 25px;
	vertical-align: bottom;
	font-weight: bold;
	padding: 0 0 0 26px;
}

#leftnav .mid1{
	width:26px;
	height: 10px;
	background: url(../images/bookmark_mid1.gif) top left no-repeat;
}

#leftnav .mid2{
width: 229px;
	background: url(../images/bookmark_mid2.gif) repeat-y;
}

#leftnav .mid3{
	width:26px;
	height: 11px;
	background: url(../images/bookmark_mid3.gif) bottom left no-repeat;
}

#leftnav .actions{
	margin: 0 0 4px 135px;
}

#leftnav .actions a, #leftnav .actions a:hover, #leftnav .actions a:visited, #leftnav .actions a:active{
	color:  #697b7f;
}

/*~~~~~~~~~~middle col styles~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#midcol{
	margin: 0 0 0 0;
}

#midcol .topnav{
	margin: 0 10px 0 22px;
	color: #697b7f;
}

#midcol .topnav a {
	color:  #ed1c24;
}


#midcol h1{
	font-size: 18px;
	color: #ed1c24;
	font-weight: normal;
	margin: 18px 16px 0 58px;
}

#midcol .intro{
	margin: 5px 16px 0 37px;
	font-size: 11px;
	font-weight: bold;
}

#midcol .announcement {
	background: #FBCDCF url(../images/announcement_top.gif) top no-repeat;
	margin: 15px 0 0 15px;
	padding: 10px 0 0;
	width: 435px;
}

#midcol .announcement .content {
	background: #FBCDCF url(../images/announcement_bottom.gif) bottom no-repeat;
	padding: 0 5px;
}

#midcol .announcement .content img {
	float: left;
}

#midcol .announcement .copy {
	float: left;
	margin: 0 5px;
	clear: none;
	width: 398px;
	font-size: 11px;
	font-weight: bold;
}

#midcol .announcement .copy p {
	margin: 0 0 10px;
}

#midcol .myDocs {
	border: solid 1px #697C80;
	border-top: none;
	border-left: none;
	background: #E8EAE6;
	margin: 15px 0 15px 15px;
	padding: 11px 11px 0;
	width: 412px;
}

#midcol .myDocs .intro {
	margin: 0 11px;
}

#midcol .myDocs .intro p {
	margin: 0 0 10px;
}

#midcol .myDocs .document {
	width: 402px;
	padding: 5px;
	margin: 0 0 2px;
	background: #fff;
}

#midcol .myDocs .document img {
	float: left;
	margin: 0 7px  12px;
}

#midcol .myDocs .document .copy {
	float: left;
	clear: none;
	width: 370px;
	color: #697C80;
	font-weight:bold;
}

#midcol .myDocs .document .copy p {
	margin: 0 0 5px;
	font-style:italic;
}

#midcol .myDocs .archived {
	margin-top:20px;
}

#midcol .myDocs .archived .document{
	background: #BCC3B6;
}

#midcol .myDocs .document a.title {
	color: #ed1c24;
	font-weight: bold;
	font-style:normal;
}

#midcol .myDocs #moreDocs {
	display: none;
}

#midcol .myDocs #toggle {
	float: right;
	margin: 5px 0;
	background: url(../images/comment_icon.gif) right no-repeat; 
	padding: 0 22px 0 0;
}


#midcol .na{
	margin: 5px 16px 0 37px;
	font-size: 11px;
	font-style: italic;
	color: #a6a6a6;
}

#midcol .note{
	margin: 10px 16px 0 37px;
	font-size: 11px;
	font-style: italic;
	color: #636466;
}

#midcol h2{
	font-size: 13px;
	margin: 19px 0 2px 58px;
	padding: 0 0 0 0;
	width: 377px;
}

#midcol .practice-copy p{
	margin: 0 0 10px 0;
}

#midcol h3, #midcol .practice-copy {
	font-size: 11px;
	font-weight: bold;
	margin: 5px 16px 0 37px;
	padding: 0 0 0 0;
}


#midcol .defnote ol, #midcol .defnote ul{
	color:#636466;
}


#midcol .practice-copy ul, #midcol .practice-copy ol, #midcol .intro ul, #midcol .intro ol{
	
	margin: 0 16px 10px 0px;
	padding: 0;
	color:  #ed1c24;
	font-weight: bold;
	text-align:left;
}

#midcol .definterpretation ol, #midcol .definterpretation ul, #midcol .defnote ol, #midcol .defnote ul{
	margin: 0 0 0 17px;
	padding: 0;

}


#midcol .interpretations ol, #midcol .interpretations ul, #midcol .refcopy ol, #midcol .refcopy ul, #midcol .note ul, #midcol .note ol, #midcol .na ol, #midcol .na ul{
	margin: 0 0 0 17px;
	padding: 0;
}

#midcol .narrative ul, #midcol .narrative ol{
	margin: 0;
	padding: 0 0 0 17px;

}

#midcol .narrative ol{
	margin-left: 25px;
}

#midcol .narrative ul, #midcol .narrative ol{
	color: #231f20;
}

#midcol .na ol, #midcol .na ul{
	color: #a6a6a6;
}

#midcol .interpretations ol, #midcol .interpretations ul{
	color: #636466;
	font-weight: normal;
}

#midcol .intro .defintro ol, #midcol .intro .defintro ul{
	color: #231f20;
}


#midcol .practice-copy ol, #midcol .intro ol, #midcol .interpretations ol, #midcol .defnote ol, #midcol .refcopy ol, #midcol .note ol, #midcol .na ol, #midcol .narrative ol{
	list-style: lower-alpha;
}
#midcol ol a, #midcol ol a:hover, #midcol ol a:visited, #midcol ol a:active{
	color: #325a7f;
}


#midcol .update {
	color:  #ed1c24;
	background: url(../images/update_icon.gif) top left no-repeat;
	text-decoration: underline;
	padding: 0 0 0 18px;
	margin: 4px 0 4px 19px;
	vertical-align: middle;
	cursor: pointer;
}

#midcol .related {
	color:  #636466;
	font-size: 9px;
	margin: 4px 16px 0 37px;
	font-weight: bold;
}

#midcol .related a, #midcol .related a:hover, #midcol .related a:visited, #midcol .related a:active{
	color: #ed1c24;
}

#midcol .references {
	margin: 10px 0 0 15px;
	font-size: 11px;
}

#midcol .refcopy{
	margin: 0 22px 0 22px;
	color: #636466;
}


#midcol .interpretations {
	margin: 10px 16px 0 37px;
	margin: 10px 5px 0 16px;
	color: #636466;
	font-size: 11px;
	padding: 10px 10px 0 21px;
	background: #ccdfe6 url(../images/interpretation_top.gif) top right no-repeat;
}

#midcol .interpretations .bottom {
	height: 8px;
	margin: 0 0 0 -21px;
	background: #fff  url(../images/interpretation_bottom.gif) top left no-repeat;
}



#midcol .corenav {
	margin: 0 0px 0 22px;
	height: 18px;
	width: 107px;
}


#midcol .corenav.onOff {
	background: url(../images/corenav_on_off_bg.gif) no-repeat;
}


#midcol .corenav.onOn {
	background: url(../images/corenav_on_on_bg.gif) no-repeat;
}


#midcol .corenav.offOn {
	background: url(../images/corenav_off_on_bg.gif) no-repeat;
}


#midcol .corenav img {
	float: left;
}

#midcol .corenav a {
	height: 14px;
	float: left;
}

#midcol .corenav a.back {
	width: 40px;
	margin: 0 30px 4px 0;
}

#midcol .corenav a.next {
	width: 37px;
	margin: 4px 0 0;
}

#midcol .jumpto{
	margin: 15px 0 0;
	float: right;
}

#midcol .tools {
	margin: 5px 16px 0 37px;
	font-size: 11px;
}

#midcol .tools h2 {
	font-weight: normal;		
	font-size: 13px;
	margin: 19px 0 0 19px;
}

#midcol .tools h2 a {
	color: #ed1c24;

}

#midcol .tools p {
	margin: 0;
}

/*~~~~~~~~~~right col styles~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#rightcol {
	text-align: left;
}

#rightcol .purpose{
	background: #fff;
	width: 277px;
}

#rightcol .purposeinner{
	width: 198px;
	margin: 5px 26px 5px 26px;
	font-size: 14px;
	font-weight: bold;
}

#rightcol .relatedpdf{
	background: url(../images/pdf_top.gif) top left no-repeat;
	background-color: #fff;
	font-weight: bold;
	font-size: 10px;
}

#rightcol .relatedpdf ul{
	list-style-type: none;
	padding: 0;
	margin: 7px 0 14px 60px;
}

#rightcol .relatedpdf li{
	background: url(../images/doc_icon.gif) top left no-repeat;
	background-position: 0 0;
	padding-left: 20px;
	padding-bottom: 5px;
}

#rightcol .relatedpdf a, #rightcol .relatedpdf a:hover, #rightcol .relatedpdf a:visited, #rightcol .relatedpdf a:active{
	color: #78797a;
}

#rightcol .contacts{
	background: url(../images/contact_left.gif) top left no-repeat;
	background-color: none;
	font-weight: bold;
	font-size: 9px;
	color: #636466;
}

#rightcol .contact{
	margin: 8px 0 0 65px;
	background-color: #eef0ed;
}

#rightcol .contact td{
	height: 17px;
}

#rightcol .contact a, #rightcol .contact a:hover, #rightcol .contact a:visited, #rightcol .contact a:active{
	color: #636466;
	text-decoration: none;
}

#rightcol .comments{
	background-color: none;
	font-weight: bold;
	font-size: 9px;
	color: #636466;
}

#rightcol .comment{
	margin: 8px 0 0 65px;
	background-color: #eef0ed;
	width:185px;
}


/* open comment */
#rightcol .closedcomment{
	background: url(../images/comment_icon2.gif) no-repeat;
	width: 185px;
	height: 17px;
	border-bottom: solid 1px;
	border-color: #bcc3b6;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*--------------*/

/* closed comment */
#rightcol .opencomment{
	background-color: #fff;
	width: 161px;
	border-bottom: solid 1px;
	border-color: #bcc3b6;
	padding: 5px 5px 5px 19px;
	display: none;
	margin: 0 0 0 0;
}
/*--------------*/



#footer{
	margin: 20px 0 20px 0;
	color: #0a2c4b;
	font-weight: bold;
	font-size: 10px;
}


/*~~~~~~~~~~page specific styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*guidelines page*/

#midcol .intro .guidelines{
	font-weight: normal;
}

#midcol .intro .guidelines ul, #midcol .intro .guidelines ol{
	font-weight: normal;
	color: #231f20;
	margin-left: 17px;
}

#midcol .intro .guidelines li{
	margin-bottom: 10px;
}

#midcol .intro .guidelines a{
	color: #ed1c24;
}

#midcol .intro .guidelines dl{
margin: 0 0 0 20px;
padding: 0 0 0 0;
font-weight:normal;
}

#midcol .intro .guidelines dt{
margin: 0 0 0 0;
padding: 0 0 0 0;
font-weight: normal;
font-size: 11px;
}

#midcol .intro .guidelines dd{
margin: 0 0 10px 0;
padding: 0 0 0 0;
font-weight: normal;
}




/*search results*/
.searchresults{
padding: 0 0 0 37px;
	margin: 0 0 0 0;
	font-size: 11px;
	color: #231f20;
}

.searchresults h2{
	font-size:13px;
	padding: 0 0 0 0;
	margin: 15px 0 0 0;
}

.searchresults a, .searchresults a:hover, .searchresults a:visited, .searchresults a:active{
	color:#ed1c24;
}


/*purpose*/
#midcol ul{
	list-style: disc;
	margin: 0 16px 0 37px;
	padding: 0 0 0 0;
	color: #697b7f;
	font-size: 11px;
}

/*about*/
#midcol .about{
	font-size:13px;
	font-weight:bold;
	color: #231f20;
	margin: 0 16px 0 37px;
}

#midcol .aboutdef{
	font-size: 11px;
	font-weight: normal;
	margin: 0 16px 10px 37px;

}

.aboutdef a, .aboutdef a:hover, .aboutdef a:visited, .aboutdef a:active{
	color:#ed1c24;
}


/*account*/
#account{
	margin: 0 0 0 16px;
	text-align: left;
}

#account .fieldtitle{
	margin: 0 0 2px 5px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, san-serif;
}

#account .field{
	width: 170px;
	margin: 0 0 5px 0;
	border: solid 1px;
	background: #e8eae6;
	border-color: #bcc3b6;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, san-serif;
	font-weight: bold;
	font-size: 11px;
}


#adduser{
	width:306px;
	margin: 0 0 0 0;
	text-align: left;
	padding: 0 0 0 0;
}

#adduser .fieldtitle{
	margin: 0 0 2px 5px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, san-serif;
}

#adduser .field{
	width: 170px;
	margin: 0 0 5px 0;
	border: solid 1px;
	background: #fff;
	border-color: #bcc3b6;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, san-serif;
	font-weight: bold;
	font-size: 11px;
}

#adduser .usertable{
	border:solid 1px;
	height:37px;
	border-color:#bcc3b6; 
	font-size:11px; font-weight:bold;
	margin: 0 0 5px 0;
}

#adduser .usertable a, #adduser .usertable a:hover, #adduser .usertable a:visited, #adduser .usertable a:active{
	color: #697b7f;
	text-decoration: undeline;
	font-size: 10px;
}

/*register*/
#register{
	width:402px;
	margin: 0 0 0 0;
	text-align: left;
	padding: 0 0 0 0;
}

#registerinfo{
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 0;
	text-align: left;
	padding: 0 0 0 0;
}

#register .fieldtitle{
	margin: 0 0 2px 5px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, san-serif;
}

#register .dropdown{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 168px;
	font-size: 10px;
}

#register .field{
	width: 168px;
	margin: 0 0 5px 0;
	border: solid 1px;
	background: #fff;
	border-color: #bcc3e6;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, san-serif;
	font-weight: bold;
	font-size: 11px;
}

/*updates page*/
.updates{
	width: 400px;
	margin: 5px 0 0 35px;
}

.updateshead{
	font-weight:bold;
	font-size: 11px;
	margin: 20px 0 0 58px;
}

.updates td{
	padding: 3px 3px 3px 3px;
	border-bottom: solid 1px;
	border-right: solid 1px;
	border-color:#bcc3b6;
}

.updates a, .updates a:hover, .updates a:visited, .updates a:active{
	color:#ed1c24;
}


/*contact page*/
.contact{
	margin: 20px 0 0 37px;
	font-size: 11px;
}

.contact a, .contact a:hover, .contact a:visited, .contact a:active{
	color:#ed1c24;
}


/*glossary page*/
.smallspace{
	font-size:5px;
	width:5px;
}

dt{
	margin: 15px 16px 0 22px;
	font-size: 13px;
	font-weight: bold;
}

dd{
	font-size: 11px;
	font-weight:bold;
}

/*table of evidence1*/
#evidence, #evidence2{
	background-color:#e8eae6; 
	margin:20px 0 0 21px;
	font-size: 11px;
	font-weight: bold;
}

#evidence ul, #evidence2 ul{
	padding: 0 0 0 15px;;
	margin: 0 0 0 0;
	color: #231f20;
	width: 150px;
}

#evidence a, #evidence a:hover, #evidence a:visited, #evidence a:active, #evidence2 a, #evidence2 a:hover, #evidence2 a:visited, #evidence2 a:active{
	color: #eD1C24;
	text-decoration: undeline;
}

#evidence .evidencecell, #evidence2 .evidencecell{
	border-right: solid 1px;
	border-color:#bcc3b6;
	padding: 6px 6px 6px 6px;
	vertical-align:top;
}

#evidence .evidencecell2, #evidence2 .evidencecell2{
	border-color:#bcc3b6;
	background:url(../images/evidence_md.gif) top right no-repeat; font-size:13px;
	padding: 6px 6px 6px 6px;
	vertical-align:top;
}

#evidence .evidencecell3, #evidence2 .evidencecell3{
	border-top: solid 1px;
	border-right: solid 1px;
	border-color:#bcc3b6;
	padding: 6px 6px 6px 6px;
	vertical-align:top;
	
}

#evidence .evidencecell4 ol, #evidence .evidencecell5 ol, #evidence .evidencecell6 ol{
	list-style: lower-alpha;
	margin: 0 0 0 0;
	padding: 0 0 0 30px;
	width: 110px;
}

#evidence .evidencecell4 ul, #evidence .evidencecell5 ul, #evidence .evidencecell6 ul{
	color: #231f20;
	list-style-type: disc;
	margin: 0 0 0 0;
	padding: 0 0 0 30px;
	width: 110px;
}

#evidence .evidencecell4, #evidence2 .evidencecell4{
	border-top: solid 1px;
	border-right: solid 1px;
	border-color:#bcc3b6;
	padding: 6px 6px 6px 6px;
	vertical-align:top;
}

#evidence .evidencecell5, #evidence2 .evidencecell5{
	border-top: solid 1px;
	border-color:#bcc3b6;
	padding: 6px 6px 6px 6px;
	vertical-align:top;
}

.evidencecellrt{
	background: url(../images/evidence_tb_rt.gif) top left repeat-y;
}



/*glosary rollovers*/
.term{
	position: absolute;
	z-index: 10;
	width:100px;
	display: none;
	text-align: left;
}

.term ol {
	list-style: lower-alpha;
}

.term a, .term a:hover, .term a:visited, .term a:active{
	color: #fff;
	text-decoration: none;
}


/*add comment*/
#addcomment{
	margin: 0 0 0 0;
	position: absolute;
	z-index: 100;
	display:none;
}

#addcomment .field{
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, san-serif;
	font-size:11px;
	color:#000;
	border: solid 1px;
	font-weight: normal;
}


.red{
	color:#ed1c24;
}

 a,  a:hover,  a:visited,  a:active {
	color: #325a7f;
	text-decoration: underline;
}


.closed{
	
}

.open{
	
}

.update_text{
	font-size: 11px;
	font-weight: bold;
	width: 390px;
	margin-left: 25px;
	border: 2px solid #ed1c24;
	padding: 10px;
}

.update_text ol, .update_text ol li{
	list-style: lower-alpha;
	color: #000;
	margin-right: 10px;
}
.update_text ul, .update_text ul li{
	color: #000;
	margin-right: 10px;
}

.update_text dt{
	margin: 0;
	display: inline;
	font-size: 11px;
}