/*******************************************************
 * TITLE: Common Stylesheet for Gila                   * 
 * URI  : http://www.oswd.org/design/???/gila/gila.css *
 * MODIF: 2003-02-03 1231 +0800                        *
 *******************************************************/

body { 
	margin: 0px; 
	padding: 0px; 
	font-size: 90%; 
	color: #000; 
	background-color: #fff; 
	font-family: tahoma,verdana,arial,helvetica,sans-serif; 
}

ul,li {
	margin: 2px;
	list-style: none;
	display: block;
	text-indent: 0px;
}
ul>li {
	text-indent:-2.75em;
}

p,font { margin:0;padding:0;}

#container {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -385px;
	padding: 0;
	width: 770px;
}
body>#container {
	margin-top: 0px; 
	padding: 0px;
}



#header {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 770px;
}
body>#container>#header {
	width: 770px;
}

#body,#body3col {
	float: right;
	clear: none;
	padding: 5px;
	margin: 1px;
	width: 479px;
}
body>#container>#body,body>#container>#body3col {
	width: 467px;
}

#body2col {
	float: right;
	clear: none;
	padding: 0px;
	margin: 0px;
	width: 491px;
}
body>#container>#body2col {
	margin: 0px;
	width: 491px;
}

#body1col {
	float: right;
	clear: none;
	padding: 5px;
	margin: 1px;
	width: 719px;
}
body>#container>#body1col {
	width: 711px;
}

#leftnav {
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	left:0;
	width: 279px;
}
body>#container>#leftnav {
	width: 279px;
}

#rightnav {
	float: right;
	clear: none;
	margin: 1px;
	padding: 5px;
	right:0;
	width: 118px;
}
body>#container>#rightnav {
	width: 108px;
}

#footer {
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	width: 770px;
}
#container>#footer {
	width: 770px;
}



/* ### Body Colors / Borders ### */

#container {
	background-color: #fff;
	border: 0px solid #fff;
}

#header,#body1col,#body2col,#body3col,#leftnav,#rightnav {
	background-color: #fff;
	border: 0px solid #fff;
}

#body,#footer {
	background-color: #fff; 
	border: 0px solid #fff;
}


/* ### Formatting Classes ### */

#separate {
	color: #99a;
	padding: 5px;
	size: 1px;
	border: 1px dotted #99a;
}
body * #separate {
	padding: 0;
	margin: 5px;
}
#letter {
	float: left;
	font-size: 180%;
	padding: 0 2px 2px 0;
	margin: -2px 0 0 0;
}

#thumbnail {
	float: left;
	font-size: 80%;
	width:122px;
	align:center;
	padding: 5px 0 5px 0;
	text-align:left;
}

#itemer {
	display: block;
	align:center;
	margin: 3px 0 2px 0;
	padding: 0;
	text-align:left;
	border: 1px solid black;
	background-color: #fff;
}

#body2col>#itemer {
	margin: 5px 0 5px 0;
}

#titler {
	display: block;
	align:center;
	padding: 2px 0 2px 0;
	text-align:center;
	font-weight:bold;
	font-size:110%;
	background-color: #ccc;
}


#picture {
	left: 0px;
	width: 150px;
	font-size: 70%;
	align:center;
	padding: 1px 0 1px 0;
	text-align:center;
	border: 0px solid black;
	background-color: #fff;
}

#proddata {
	float:right;
	clear:none;
	width: 177px;
	font-size: 80%;
	padding: 1px 0 1px 0;
	text-align:left;
	border: 0px solid black;
	background-color: #fff;
}

#seemore {
	float: right;
	clear:none;
	width: 150px;
	font-size: 70%;
	align:center;
	padding: 1px 0 1px 0;
	text-align:center;
	border: 0px solid black;
	background-color: #fff;
}



/*  ### Font Styles ### */

.title {
	display: block;
	font-size: 120%;
	font-weight: bold;
	color: 333366;
	text-decoration: italic;
}

.sitetitle {
	font-size: 180%;
	font-weight: bold;
	color: 222233;
	text-decoration: italic;
}

.linkers {
	font-size: 80%;
	font-weight: bold;
	color: 000033;
	text-align:center;
	display:block;
}

.copyright {
	display: block;
	font-size: 70%;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #336699;
	border-top:2px solid black;
	text-align: center;
	margin: 0;
	padding: 5px 0 5px 0;
}

.footerinfo {
	display: block;
	font-size: 70%;
	color: black;
	text-align: center;
	margin: 0;
	padding: 10px 0 10px 0;
}

.headleft {
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: 250px;
	font-weight:bold;
	font-size:90%;
	color:red;
}
.headright {
	float: right;
	clear: none;
	margin: 2px 0 5px 0;
	padding: 0;
	width: 250px;
	text-align: right;
}

.headerfull {
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: 770px;
}


.smallblock {
	display: block;
	font-size: 80%;
	font-weight: bold;
	color: 666699;
	text-align: left;
	background-image: url(/graphics/back_index.gif);
	background-repeat: no-repeat;
	margin: 0;
	height: 61px;
	padding: 0;
	padding-left:10px;
}

.navbak {
	display: block;
	font-size: 80%;
	font-weight: bold;
	color: 666699;
	text-align: left;
	padding: 0;
	padding-left:20px;
	background-image: url(/graphics/lnavback.gif);
	margin: 0;
}
.navbakpad {
	display: block;
	font-size: 80%;
	font-weight: bold;
	color: 666699;
	text-align: left;
	padding: 0;
	padding-left:30px;
	background-image: url(/graphics/lnavback.gif);
	margin: 0;
}


/* from another stylesheet */

table.sidenav	   {background-color=#FFFFCC; font-size:8pt;}
td.sidenav	       {background-color=#FFFFCC; font-size:8pt;}

a                  {text-decoration:underline; color:#3333FF;}
a:link             {text-decoration:underline; color:#3333FF;}
a:visited          {text-decoration:underline; color:#6600FF;}
a:active           {text-decoration:underline; color:#9933FF;}
a.nav:hover	   	   {text-decoration:underline; color:#6633FF;}

a.nav		  	   {font-size:12px; color:#333399; text-decoration:underline;}	
a.nav:link	  	   {font-size:12px; color:#333399; text-decoration:underline;}	
a.nav:visited      {font-size:12px; color:#000066; text-decoration:underline;}
a.nav:active	   {font-size:12px; color:#3333FF; text-decoration:none;}
a.nav:hover	   	   {font-size:12px; color:#3333CC; text-decoration:underline;}


a.smallblue		  	   {font-size:9px; color:#333399; text-decoration:underline;}	
a.smallblue:link	  	   {font-size:9px; color:#333399; text-decoration:underline;}	
a.smallblue:visited      {font-size:9px; color:#000066; text-decoration:underline;}
a.smallblue:active	   {font-size:9px; color:#3333FF; text-decoration:none;}
a.smallblue:hover	   	   {font-size:9px; color:#3333CC; text-decoration:underline;}




a.title		  	   {font-weight:bold; font-size:10pt; color:#993333; text-decoration:none;}	
a.title:link	   {font-weight:bold; font-size:10pt; color:#993333; text-decoration:none;}	
a.title:visited    {font-weight:bold; font-size:10pt; color:#993333; text-decoration:none;}
a.title:active	   {font-weight:bold; font-size:10pt; color:#993333; text-decoration:none;}
a.title:hover	   {font-weight:bold; font-size:10pt; color:#CC3333; text-decoration:underline;}

a.header	       {font-weight:bold; font-size:14pt; color:#FFFFCC; text-decoration:none;}	
a.header:link	   {font-weight:bold; font-size:14pt; color:#FFFFCC; text-decoration:none;}	
a.header:visited   {font-weight:bold; font-size:14pt; color:#FFFFCC; text-decoration:none;}
a.header:active	   {font-weight:bold; font-size:14pt; color:#FFCCFF; text-decoration:none;}
a.header:hover	   {font-weight:bold; font-size:14pt; color:#FFFFFF; text-decoration:underline;}

a.plain	   		   {font-weight:normal; font-size:10pt; color:#000000; text-decoration:none; FONT-FAMILY: arial, verdana;cursor: text; }	
a.plain:link	   {font-weight:normal; font-size:10pt; color:#000000; text-decoration:none; FONT-FAMILY: arial, verdana;cursor: text; }	
a.plain:visited    {font-weight:normal; font-size:10pt; color:#000000; text-decoration:none; FONT-FAMILY: arial, verdana;cursor: text; }
a.plain:active	   {font-weight:normal; font-size:10pt; color:#000000; text-decoration:none; FONT-FAMILY: arial, verdana;cursor: text; }
a.plain:hover	   {font-weight:normal; font-size:10pt; color:#000000; text-decoration:none; FONT-FAMILY: arial, verdana;cursor: text; }

a.mallblue	   		   {font-weight:normal; font-size:7.5pt; color:#000000; text-decoration:underline; FONT-FAMILY: arial, verdana;}	
a.smallblue:link	   {font-weight:normal; font-size:7.5pt; color:blue; text-decoration:underline; FONT-FAMILY: arial, verdana;}	
a.smallblue:visited    {font-weight:normal; font-size:7.5pt; color:blue; text-decoration:underline; FONT-FAMILY: arial, verdana;}
a.smallblue:hover	   {font-weight:normal; font-size:7.5pt; color:blue; text-decoration:underline; FONT-FAMILY: arial, verdana;;}


a.plainsmallblue	   		   {font-weight:normal; font-size:8pt; color:#000000; text-decoration:none; FONT-FAMILY: arial, verdana;}	
a.plainsmallblue:link	   {font-weight:normal; font-size:8pt; color:blue; text-decoration:none; FONT-FAMILY: arial, verdana;}	
a.plainsmallblue:visited    {font-weight:normal; font-size:8pt; color:blue; text-decoration:none; FONT-FAMILY: arial, verdana;}
a.plainsmallblue:active	   {font-weight:normal; font-size:8pt; color:blue; text-decoration:none; FONT-FAMILY: arial, verdana;}
a.plainsmallblue:hover	   {font-weight:normal; font-size:8pt; color:blue; text-decoration:none; FONT-FAMILY: arial, verdana;;}

a.footer	   	   {font-size:10pt; color:#333399; text-decoration:underline;}	
a.footer:link	   {font-size:10pt; color:#333399; text-decoration:underline;}	
a.footer:visited   {font-size:10pt; color:#000066; text-decoration:underline;}
a.footer:active	   {font-size:10pt; color:#3333FF; text-decoration:none;}
a.footer:hover	   {font-size:10pt; color:#3333CC; text-decoration:underline;}

a.sidenav	  	   {font-size:8pt; color:#333399; text-decoration:underline;}	
a.sidenav:link	   {font-size:8pt; color:#333399; text-decoration:underline;}	
a.sidenav:visited  {font-size:8pt; color:#000066; text-decoration:underline;}
a.sidenav:active   {font-size:8pt; color:#3333FF; text-decoration:none;}
a.sidenav:hover	   {font-size:8pt; color:#3333CC; text-decoration:underline;}

a.xsidenav	  	   {font-size:10pt; color:#333399; text-decoration:underline;}	
a.xsidenav:link	   {font-size:10pt; color:#333399; text-decoration:underline;}	
a.xsidenav:visited  {font-size:10pt; color:#000066; text-decoration:underline;}
a.xsidenav:active   {font-size:10pt; color:#3333FF; text-decoration:underline;}
a.xsidenav:hover	   {font-size:10pt; color:#3333CC; text-decoration:underline;}

	a.resource {font-size: 10px; color: #707070; font-family: arial; text-decoration: none;cursor: text; line-height: 14px;}
	a.resource:link {font-size: 10px; color: #707070; font-family: arial; text-decoration: none;cursor: text; line-height: 14px; }
	a.resource:hover {font-size: 10px; color: #707070; font-family: arial; text-decoration: none;cursor: text; line-height: 14px; }
	a.resource:visited {font-size: 10px; color: #707070; font-family: arial; text-decoration: none;cursor: text; line-height: 14px; }
	a.resource:active {font-size: 10px; color: #707070; font-family: arial; text-decoration: none;cursor: text; line-height: 14px; }

	.smallerbackground {FONT-SIZE: 10px; COLOR: #707070; FONT-FAMILY: arial; line-height: 14px; }

	a.smallerbackground {font-size: 10px; color: #707070; font-family: arial;}
	a.smallerbackground:link {font-size: 10px; color: #707070; font-family: arial;}
	a.smallerbackgrounde:hover {font-size: 10px; color: #707070; font-family: arial;}
	a.smallerbackground:visited {font-size: 10px; color: #707070; font-family: arial;}
	a.smallerbackground:active {font-size: 10px; color: #707070; font-family: arial;}



font		   {font-size:10pt;}
font.small	   {font-size:8pt; color:#993333;}

font.header	   {font-size:14pt; color:#FFFFCC;}
font.subheader	   {font-size:8pt; color:#FFFFCC;}
font.sub_red	   {font-size:8pt; color:#993333;}
font.sub_blue	   {font-size:8pt; color:#333399;}
font.specials_red  {font-size:11pt; font-weight:bold; color:#993333;}
font.specials_blue {font-size:11pt; font-weight:bold; color:#333399;}

H3    {FONT-FAMILY: "Times New Roman"; FONT-SIZE: 16px;  FONT-WEIGHT: BOLD; COLOR:#666666;}
H2    {FONT-FAMILY: "Times New Roman"; FONT-SIZE: 26px;  FONT-WEIGHT: NORMAL; COLOR:#666666;}
H1    {FONT-FAMILY: "Times New Roman"; FONT-SIZE: 11px;  FONT-WEIGHT: NORMAL; COLOR:#707070; cursor: default;}
H5    {FONT-FAMILY: "Times New Roman"; FONT-SIZE: 11px;  FONT-WEIGHT: NORMAL; COLOR:#707070;}