/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */

#container{
	margin:0 auto;
	background:#E8E6E3 url(/images/background/container_background.gif) repeat-y top center;
}
#containerFooter{
	margin:0 auto;
	background:#E8E6E3 url(/images/background/footer_background.gif) no-repeat top center;
}		
#page{ background-color:#FFF; }	
#customImageConstructionary { height:155px; background:#FFF url(/images/hero_Constructionary.jpg) no-repeat top left; }

#navigation{
	background: #DFE0E1 url(/images/background/nav_background.gif) repeat-y top left;
}	

/* -START red strip styling */

#redStrip, #redStrip2 { 
	margin: 124px 0 0 0; padding: 2px 3px 2px 4px;
	background-color:#DC002E;
	font-size:65%; 
}

#alphabet { 
	display: block; 
  float:left;
	width: 350px;
}
#states {
	/*
  display: block; margin: 0 0 0 410px;
	width:200px;
	clear:right;
	*/
  display:inline;
  float:right;
  float:left;
  width:255px;
  margin-left:8px;
}
#chapter span { color:#FFF;}

#chapterPreviewBox {
	padding:12px 10px 10px 10px;
	background-color: #F3F4F4;
}
/* -END red strip styling */

#fourLines{
	display:block;
	margin:0; padding:0;
	width:650px; height:59px;
	background:#FFF url(/images/fourLines.gif) no-repeat right 15px ;
}

/* ----- CLASSES ----- */

.CLMElogo { margin: 26px 0 30px 21px;}
.MElogo { margin: 14px 0 15px 20px;}
.introPanel { margin: 30px 0 0 30px;}
.introText { padding: 30px 30px 0 0;}
.goButton { margin: 0 0 0 -5px;}
.footer { background-color:#E8E6E3; font-size:65%;}

.searchPanel {padding:0 0 0 30px;}

.leftPanel { padding:0 24px 0 30px;}
.leftPanelBox { padding:0 18px 0 20px;}

.rightPanel { padding:32px 0 0 30px; background:#FFF url(/images/dottedLineV_1.gif) no-repeat 10px 20px;}
.rightPanelContainer { padding: 30px 0 0 0;}

td.pageNavContainer { padding-top:2em; border-bottom: 1px solid #858486; }
td.pageNavContent { padding-top: 5px; }

/* ----- HEADINGS ----- */

#memberArea {
	height:20px;
	margin:0 0 0 -1px; padding:0;
	text-indent:-100em;
	overflow:hidden;
	background: #FFF url(/images/headings/members_area.gif) no-repeat;
}

/* ----- PARAGRAPHS ----- */

#breadcrumbs {
	margin: 5px 0 30px 230px;
	color:#858486;
	font-size:65%;
}

p.construct { margin: 5px 0 30px 100px;}

/* ----- LISTS ----- */

#navigation ul{
	margin:3px 0 0 0; padding: 0;
	width:230px;
	list-style-type:none;
}

#navigation li{	
	margin:0 0 0 18px; padding: 0;
	font-size:65%;
	line-height:1em;
	/*text-transform:uppercase;*/
}

#footerNavigation {
	padding-top: 0px;
	background:#E8E6E3 url(/images/background/footer_backgroundl.gif) no-repeat top right;
}

#footerNavigation ul {
	margin:0 0 0 30px; 
	padding-top: 15px;
	list-style-type:none;
}

#footerNavigation li {
	display:inline;
	margin:0; padding:0;
	color: #858486;
}

/* ----- LINKS ----- */

/* redStrip styling */

#redStrip a, #redStrip2 a{
	color: #FFF; 
	padding: 2px 1px; 
	margin:1px 0 ;
	text-decoration:none;
}

#redStrip2 a{
	padding: 2px 3px; 
}


#redStrip a.selected, #redStrip a:hover, #redStrip2 a.selected, #redStrip2 a:hover {
	color: #DC002E;
	background-color: #FFF;

}

/* Navigation */
#mN_home a, #mN_abou a, #mN_clme a, #mN_cons a,
#mN_onSi a, #mN_cont a,
#mN_home_on a, #mN_abou_on a, #mN_clme_on a, #mN_cons_on a,
#mN_onSi_on a, #mN_cont_on a {
	display:block;
	margin:0; padding:0;
	width: 194px;
	background:transparent url(/images/navCSS.gif) no-repeat top left;
	border-bottom: 1px solid #e6e4e2;
	border-top: 1px solid #f1f1f1;
	text-indent:-100em;
	outline:none;
}

#mN_home a { height:15px; border-top-width: 0; }
#mN_abou a { height:21px; background-position: left -60px; }
#mN_clme a { height:21px; background-position: left -101px; }
#mN_cons a { height:21px; background-position: left -144px; }
#mN_onSi a { height:21px; background-position: left -186px; }
#mN_cont a { height:15px; background-position: left -29px;  border-bottom-width: 0; }

#mN_home a:hover { background-position: left -16px; }
#mN_abou a:hover { background-position: left -81px; }
#mN_clme a:hover { background-position: left -122px; }
#mN_cons a:hover { background-position: left -165px; }
#mN_onSi a:hover { background-position: left -207px; }
#mN_cont a:hover { background-position: left -45px; }

#mN_home_on a { height:15px; background-position: left -16px; }
#mN_abou_on a { height:21px; background-position: left -81px; }
#mN_clme_on a { height:21px; background-position: left -122px; }
#mN_cons_on a { height:21px; background-position: left -165px; }
#mN_onSi_on a { height:21px; background-position: left -207px; }
#mN_cont_on a { height:15px; background-position: left -45px; }

#breadcrumbs a { color: #858486; text-decoration:none;}
#breadcrumbs a:hover { color: #DC002E;}

#footerNavigation li a {
	border: 1px solid #858486;
	border-width: 0 0 0 1px;
	color: #858486;
	margin:0; padding:0 5px 0 5px;
	text-decoration:none; 
}

#footerNavigation li a:hover { color:#CB0027;}
#footerNavigation li.last a { border-width: 0; }

td.poweredby  {
	padding: 15px 0 0 30px;
}

/* ----- FORMS ----- */

.loginForm { padding: 32px 0 0 0; }
.searchForm { padding: 32px 0 0 0; }

fieldset { margin:0; padding:0; border:0;}

fieldset#searchCLME legend, fieldset#memberLogin legend { display:none; }
fieldset#searchCLME .searchHeading {
	height:20px;
	margin:0 0 0 -1px; padding:0;
	text-indent:-100em;
	overflow:hidden;
	background: #FFF url(/images/headings/search.gif) no-repeat;
}

fieldset#memberLogin .memberLoginHeading {
	height:20px;
	margin:0 0 0 -1px; padding:0;
	text-indent:-100em;
	overflow:hidden;
	background: #FFF url(/images/headings/members_login.gif) no-repeat;
}

form.searchForm input, form.loginForm input {
	display:block;
	margin-top: 2px; 
	margin-bottom: 8px; 
	padding-left:2px;
	border-width:1px;
	font-size:10px;
	color:#474747;
}

form.searchForm input.txtInput, form.loginForm input.txtInput, form.userDetail input.txtInput { background-color:#E8E6E3; }

.customLabel {
	display: block;
	width: 160px;
	line-height: 14px;
	font-size: 65%;
	color:#474747;
}

form input#checkbox_1 {
	clear: both;
	float: left;
	padding: 0; margin: 0 5px 0 0;
}

form.loginForm input.signInButton { padding:0; margin-left:-3px;}
.mainHeading { 
	font-size: 100%; 
	font-weight: bold;
}
.sidePanelText {
	margin:0 0 0.6em 0;
	font-size:65%;
}
a.templateLinks {
	color:#474747;
}
a.templateLinks:hover {
	color: #DC002E;  
	text-decoration:underline;
}
.inputUserDetail {
	display:block;
	margin-top: 2px; padding-left:2px;
	border-width:1px;
	font-size:10px;
	color:#474747;
	background-color:#E8E6E3;
}
.submitUserDetail {
	font-size:10px;
	color:#474747;
}
.labelUserDetail {
	display: block;
	width: 160px;
	line-height: 14px;
	padding: 0 0 8px 0;
	color:#474747;
}

/*
	custom
*/

#largeLetter{
	color: #DC002E;
	font-size: 150%;
}

.hseparator{
	background-image: url('/images/dottedLineH_1.gif');
	background-repeat: repeat-x;
	height: 10px;
	
}

.clmeError{
	padding: 4px;
	border: 1px solid #5F5F5F;
	margin-bottom: 30px;
	color : #5F5F5F;
}

.clmeRegTable td{
	color: #5A5A5A;
	padding: 4px;
}

.clmeRegTable input, .clmeRegTable select{
	/*
	color: #5A5A5A;
	background-color: #E3E3E3;
	*/
}

.customFormAsterisk{
	color: #DC002E;
}


.txtInput{
	background-color:#E8E6E3;
	display:block;
	margin-top: 2px; 
	margin-bottom: 8px; 
	padding-left:2px;
	border-width:1px;
	font-size:10px;
	color:#474747;
}


/* -------------------- Printable template ----------------*/
.printSide{
	padding-bottom: 13px;
}

.printPageHeading{
	color:#333333;
	font-size: 120%;
	padding:20px 30px 0px 0px;
}

#printcontainer {
	background: #fff;
	margin-left: 30px;
	margin-right: 50px;
}

#printfooterKomodo{
	margin-left: 40%;
}

#printheaderImg{
	padding: 20px 0 0 0px;
}

#printheader {
	border-bottom:1px solid #666666;
	padding:0 30px 8px 0;
	font-size:130%;
	font-weight:bold;
	color:#333333;
	text-align: right;
}

#printcontent {
	padding-top:15px;
	padding-bottom:50px;
	width: 100%;
	color:#333333;
}

#printfooterImg {
	height: 71px;
	background: url('/images/footerImg.gif') no-repeat;
}