/* * * * * *  fonts   * * * * * */
@import url(fonts.css) all;

html               { margin: 0; padding: 0; color: white; background: #000000; }
body               { margin: 0; padding: 0; }


/* * * * * *  html 5 fix  * * * * * */
section,
article,
header,
footer,
nav,
aside,
hgroup             { display: block; }


/* * * * * *  layout  * * * * * */
#background        { padding:0; background: #000000; }
#wrapper           { width: 684px; margin: 0 auto; border:none; border-bottom: none; color:#CCC; background: #000000; }
#wrapper:after     { display: block; clear: both; content: " "; }
#header            { position: relative; width: 100%; height: 115px; }
#content           { display: inline; float: left; width: 684px; margin: 0 0 15px 0; }



/* * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * *  HEADER AND FOOTER THINGS   * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * *  logo  * * * * * */
#header .logo                      { width: 684px; }
#header .logo h1                   { position: absolute; top: 0px; left: 0px; margin: 0 0 0 0; }
#header .logo a:focus              { background-color: transparent; }


/* * * * * *  footer  * * * * * */
#footer                            { width: 100%; font-size: 0.916em; color: #d5d5d5; background: url(../images/footer_rep.gif) 0 0 repeat-x; }
#footer .width                     { position: relative; width: 684px;; margin: 0 auto; background: url(../images/footer.png) 0 0 no-repeat; }
#footer a                          { color: #d5d5d5; }
#footer p                          { margin: 0; }
#footer p small                    { font-size: 1em; }
#footer p.copyright                { display: inline; margin: 35px 0 10px 40px; float: left; }
#footer p.designed                 { display: inline; margin: 35px 28px 10px 0; float: right; }


/* * * * * *  main menu  * * * * * */
/* * Ref. http://thaicss.com/ * */
#mainMenu                          								{ position: absolute; bottom: 0; left: 0; width: 684px;  }
#mainMenu ul                       								{ margin: 0; padding: 0px 0 0 0; text-align:left;}
#mainMenu ul[id^="comarts-nav"]:after 	   			{ content: " "; display: block; clear: both;}
#mainMenu ul[id$="horizontal"]>li 	   	   				{ float: left;  }
#mainMenu ul[id$="horizontal"]>li:first-child			{ border-left: none; }
#mainMenu ul[id|="comarts-nav"]>li.space			{ margin-right:29px;}
#mainMenu ul[id|="comarts-nav"]>li:hover>ul>li>a	{ display: block;}
#mainMenu ul[id|="comarts-nav"]>li>a 					{ text-align: center; color: #CCC; display: block; line-height: 20px; }
#mainMenu ul[id|="comarts-nav"]>li:hover>ul>li>a	{ color: #CCC; }
#mainMenu ul[id|="comarts-nav"]>li>a, 					
#mainMenu ul[id|="comarts-nav"]>li:hover>ul>li>a	{ font: 14px "Computerarts"; }/*{ font: 14px "Computerarts", "Courier New", Courier, monospace;  }/*{ font: 1.3em "Computerarts";  }*/
#mainMenu ul[id|="comarts-nav"]>li:hover>a,
#mainMenu ul[id|="comarts-nav"]>li:hover>ul>li:hover>a	{ color: #c7f731; }

#mainMenu ul[id$="horizontal"]>li>ul					{ visibility: hidden; position: absolute; width: 250px; margin-left:0px;}

#mainMenu ul[id|="comarts-nav"]>li:hover>ul		{ visibility: visible; }

#mainMenu ul[id|="comarts-nav"]>li:hover>ul>li	{ line-height: 18px; padding:0; }
#mainMenu ul[id$="horizontal"]>li.active a           { color: #c7f731; }

/* * * * * *  lineunder menu * * * * */
#lineunder					{ width: 684px; height:2px; background:#c7f731 url(../images/lineunder_menu.png) no-repeat right top;margin: 31px 0px 0px 0; }

/* * * * * * * * * * * * * * * * * * * * * * */
/* * * * * *  MAIN CONTENT THINGS  * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * */
.clear-both					{ clear:both; }
/* * * * layout home-cells * * * */
#home-cell					{ display:block; border:none; width: 684px; margin: 0 0 15px 0; }
#left								{ width:220px; float: left; margin:0 4px 0 4px;  padding-bottom:25px; border-bottom:#c7f731 2px solid; }/* border-bottom:#c7f731 2px solid; */
#right-1						{ width:456px; float: left; margin:0px;  }/* border-bottom:#c7f731 2px solid; */
#cell-2-1,
#cell-2-2						{ width:220px; float: left; margin:0 4px 0 4px;  padding:0; border-bottom:#c7f731 2px solid; padding-bottom:25px; min-height:370px; vertical-align: top;  zoom: 1; *display: inline; _height: 370px; } /* border-bottom:#c7f731 2px solid; */
#right-2						{ width:456px; float: left; margin:8px 4px 0 4px;  padding-bottom:25px; } /* border-bottom:#c7f731 2px solid; */
div.titlebar					{ background:#ffffff; width:205px; float: left; margin:0 8px 10px 0; padding:5px 0 0 15px; height:25px; color:#000; font-style:italic; font-weight:bold; font-size:1em;  }
#right-2>ul.showInColumn			{  width:456px; border:none; padding:0; margin:0;}
#right-2>ul.showInColumn li			{  margin:0 8px 0 0px; padding:0px 0 0 0; width:220px; min-height:130px; display: -moz-inline-stack; display: inline-block;  vertical-align: top;  zoom: 1; *display: inline; _height: 250px; }


p.titlebar						{ background:#ffffff; width:205px; margin:0 0 10px 0; padding:5px 0 0 15px; height:25px; color:#000; font-style:italic; font-weight:bold; font-size:1em;}
p.bgactive					{ background:#c7f731; }

/* * * * layout 1-cells * * * */
#one-cell					{ display:block; border:none; width: 684px; margin: 0 0 15px 0; clear:both; }
#one-cell>#cells		{ width:660px; float: left; margin:0 4px 0 4px; border-bottom:#c7f731 2px solid; padding-bottom:25px; }
#thumcols				{ display:none; float:left; margin:0 30px 20px 0; cursor:pointer; }

/* * * * layout 2-cells * * * */
#two-cell						{ display:block; border:none; width: 684px; margin: 0 0 15px 0; clear:both; }
#two-cell>#cell-1			{ width:335px; float: left; margin:0 5px 0 2px; padding-bottom:25px; }
#two-cell>#cell-2			{ width:335px; float: left; margin:0 2px 0 5px; padding-bottom:25px; }
#cell-1>#show-work		{ border-bottom:#c7f731 1px solid; margin-bottom:5px;padding-bottom:5px;}
#show-work-prev,
#show-work-next			{ width:15px; float:left; cursor:pointer;}
#show-work-number		{ width:305px; float:left; text-align:center; }
#container 					{ display:block ; position: block ; margin:0 auto; }


/* * * * layout 3-cells * * * */
#third-cell						{ display:block; border:none; width: 684px; margin: 0 0 15px 0; clear:both; }
#third-cell>#cell-1,
#third-cell>#cell-2,
#third-cell>#cell-3		{ width:220px; float: left; margin:0 4px 0 4px;  padding-bottom:25px; }/* border-bottom:#c7f731 2px solid; */

/* * * * layout all-cells * * * */
#data-cols					{ cursor:pointer; }
#data-cols:hover>h1,
#data-cols:hover>h2	{ color:#c7f731; }

/* * * * cells * * * */
#cells		{ margin:0 0 10px 0; font-size:0.9em; line-height:16.5px;}
.preload	{ background: url(../images/loading.gif) no-repeat 50% 50%; }

/* * * * maindata * * * */
#show-maindata			{ text-align:right;width:140px; float:right;}
#data-nav-prev			{ text-align:left; width:90px; float:left;}
#data-nav-next				{ text-align:right; width:50px; float:right;}
#show-maindata-thum	{ margin:0 auto; padding:5px auto;  text-align:center; width:100px}

/* * * * layout issue-cells * * * */
#issue-cell,					
#issue-cell>#cell-1>#data-cols							{ display:block; border:none; width: 684px; margin: 0 0 15px 0; clear:both; }
#issue-cell>#cell-1>#data-cols							{ cursor:pointer; }
#issue-cell>#cell-1>#data-cols>#titlebar			{ background:#c7f731; width:684px; margin:0 0 10px 0; padding:5px 0 0 15px; height:25px; color:#000; font-style:italic; font-weight:bold; font-size:0.90em; } 
#issue-cell>#cell-1>#data-cols>#cell-1-cover	{ float:left; width:220px; margin:0 8px 0 0; }
#issue-cell>#cell-1>#data-cols>#cell-1-desc	{ float:right; width:455px; }
#issue-cell>#cell-1>#data-cols>#lineunder		{ width: 684px; height:2px; background:#c7f731 url(../images/lineunder_menu.png) no-repeat right top;margin: 10px 0px 0px 0px; }
#issue-cell>#cell-2>ul.showInColumn				{  width:700px; border:none;  }
#issue-cell>#cell-2>ul.showInColumn li			{  margin:2px; margin-left:3px; padding:15px 0 0 0; border-top:2px solid #999; width:330px; min-height:130px; display: -moz-inline-stack; display: inline-block;  vertical-align: top; margin: 5px;  zoom: 1; *display: inline; _height: 250px; }
#cell-2-cover													{ float:left; width:100px; margin:5px 10px 0 0; }
#cell-2-desc														{ float:right; width:220px; }
#data-cols>#cell-2-desc:hover>h4					{ color:#c7f731; }	

/* * * * forum-cell * * * */
#forum-cell			{ display:block; border:none; width: 684px; margin: 0 0 15px 0; clear:both; }
#forum-cell>#title						{ width: 684px; border-bottom:1px solid #c7f731; }
#forum-cell>#title>#cell-1		{ width: 600px; float:left;}
#forum-cell>#title>#cell-2		{ width: 84px; float:right; text-align:center; }
#forum-cell>#topics					{ width: 684px; border-bottom:1px solid #ccc; margin:5px 0 0 0; cursor:pointer; }
#forum-cell>#topics>#cell-1		{ width: 600px; float:left;}
#forum-cell>#topics>#cell-2		{ width: 84px;   float:right; text-align:center; vertical-align:middle; margin-top:16px; }
#forum-cell>#topics>#cell-1:hover>h6								{ color:#c7f731; }	

/* * * * topic-cell * * * */
#topic-cell							{ display:block; border:none; width: 684px; margin: 0 0 15px 0; clear:both; }
#topic-cell>#title					{ width: 684px; border-bottom:1px solid #c7f731; }
#topic-cell>#title>#cell-1		{ width: 284px; float:left;}
#topic-cell>#title>#cell-2		{ width: 130px; float:left; }
#topic-cell>#title>#cell-3		{ width: 80px; float:left; text-align:center; }
#topic-cell>#title>#cell-4		{ width: 80px; float:left; text-align:center; }
#topic-cell>#title>#cell-5		{ width: 110px; float:right; text-align:center; }
#topic-cell>#topics					{ width: 684px; border-bottom:1px solid #ccc; margin:5px 0 0 0; cursor:pointer; }
#topic-cell>#topics>#cell-0		{ width: 18px; float:left;}
#topic-cell>#topics>#cell-1		{ width: 266px; float:left;}
#topic-cell>#topics>#cell-2		{ width: 130px;   float:left; vertical-align:middle; margin:0px; }
#topic-cell>#topics>#cell-3		{ width: 80px; float:left; text-align:center; }
#topic-cell>#topics>#cell-4		{ width: 80px; float:left; text-align:center; }
#topic-cell>#topics>#cell-5		{ width: 110px; float:right; text-align:center; }
#topic-cell>#topics:hover			{ color:#c7f731; }

/* * * * view-cell * * * */
#view-cell									{ display:block; border:none; width: 684px; margin: 0 0 15px 0; clear:both; }
#view-cell	>#topic						{ width: 684px;border-bottom:1px dotted #c7f731; margin-bottom:20px;}
#view-cell	>#topic>#title			{ width: 684px; border-bottom:2px solid #c7f731; margin-bottom:5px; }
#view-cell	>#reply						{ width: 684px;border-bottom:1px dotted #ccc; margin-bottom:15px;}
#view-cell	>#reply>#title			{ width: 684px; border-bottom:1px solid #ccc; margin-bottom:5px; }

/* * * * heard-webboard * * * */
#heard-webboard					{ display:block; border:none; width: 684px; }
#heard-webboard>#sec-l,
#heard-webboard>#sec-r		{ display:block; border:none; width: 48%; }
#heard-webboard>#sec-l			{ float:left; }
#heard-webboard>#sec-r		{ float:right; text-align:right; padding:10px 5px 0 0; margin:0px; }
#heard-webboard>#sec-r>a	{ color:#c7f731; }

/* * * * webboard-forms * * * */
#webboard-forms						{ display:block; border:none; width: 684px; }
#webboard-forms>#cals-1		{ width: 684px; border-bottom:1px solid #c7f731; }
#webboard-forms>#cals-2		{ width: 684px; margin:10px 0 0 0; }


/******* HOME PAGE ********/
#lineunder-issue { width: 684px; height:12px; background:#c7f731 url(../images/lineunder_issue.png) right top; background-repeat:repeat-y !important; margin: 9px 0px 0px 0px; }

/** Custom **/
.underline-full		{ border-bottom:#c7f731 2px solid; margin-top:5px; margin-bottom:8px; }
.underline-full-slide	{ border-bottom:#c7f731 2px solid; margin-top:16px; margin-bottom:0px; width: 684px; }
.more>a				{ float:right; color:#FFF; font-weight:bold; font-style:italic; margin: 0 0 5px 0; padding:0;}

/***Fig Style***/
ul.issue-cols			{ cursor:pointer; width: 684px; margin: 8px 0 0px 0; padding: 0; text-align:left; display:block;}
ul.issue-cols li 		{ display: -moz-inline-box; display: inline-block; zoom:1;  *display: inline;  _height: 30px; text-align:left; /*\*/ vertical-align: top; /**/ margin: 3px 0 0px 0px; border:0; padding: 0; width:337px; height:182px; }
.cells-issue li h2		{ margin:0 0 8px 0; padding:0; }
.cells-issue				{  float:right; width:190px; margin:0; font-size:0.9em; line-height:16.5px; }
.cells-issue>p			{  margin:0; padding:0px; }
/** slide show **/
ul.slide-cols			{ cursor:pointer; width: 684px; margin: 7px 0 0 0; padding: 0; text-align:left; display:block; }
ul.slide-cols>li 		{ display: -moz-inline-box; display: inline-block; zoom:1;  *display: inline;  _height: 30px; text-align:left; /*\*/ vertical-align: top; /**/ margin:0px; border:0; padding: 0; width:337px; height:211px;  }
/** data **/
ul.data-cols				{ cursor:pointer; width: 684px; margin: 8px 0 15px 0; padding: 0; text-align:left; display:block; }
ul.data-cols li.cols-1 	{ display: -moz-inline-box; display: inline-block; zoom:1;  *display: inline;  _height: 30px; text-align:left; /*\*/ vertical-align: top; /**/ margin: 0px 0 8px 3px; border:0; padding: 0; width:219px; }
ul.data-cols li.cols-2 	{ display: -moz-inline-box; display: inline-block; zoom:1;  *display: inline;  _height: 30px; text-align:left; /*\*/ vertical-align: top; /**/ margin: 0px 0 8px 3px; border:0; padding: 0; width:450px; }
ul.data-cols li h2		{ margin:0 0 5px 0; padding:0;  font-size:1.3em; }
div.titlebar-cols-1		{ background:#ffffff; width:204px; float: left; margin:0 8px 7px 0; padding:3px 0 0 15px; height:17px; color:#000; font-style:italic; font-weight:bold; font-size:1em;  }
div.titlebar-cols-2		{ background:#ffffff; width:435px; float: left; margin:0 8px 7px 0; padding:3px 0 0 15px; height:17px; color:#000; font-style:italic; font-weight:bold; font-size:1em;  }

/** output **/
.cells-output				{ width:219px; margin:0 0 5px 0	px; font-size:0.9em; line-height:16.5px; }
.cells-output>p			{  margin:0; padding:0px; }
/** indept **/
.cells-indept				{ width:450px; margin:0 0 5px 0	px; font-size:0.9em; line-height:16.5px; }
.cells-indept>p			{  margin:0; padding:0px; }
/** interview **/
.cells-interview			{ width:450px; margin:0 0 5px 0	px; font-size:0.9em; line-height:16.5px; }
.cells-interview>p		{  margin:0; padding:0px; }