/* 800px - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . 
Free to use in any way and for any purpose as long as the proper credits are given to the original designer.
Version: 1.2, April 20, 2006 
Revised  by Chaturapit Chompunud
May 2008 */
/*  margin 20, 44, 10, 44, 10, 44, 10, 44, 10, 44, 10, 44, 10, 44, 10, 44, 10, 44, 10, 44, 10, 44, 10, 44, 10, 44, 10, 44, 20  */
/* 1 column      43px
    2 columns    96px
	3 columns  149px
	4 columns   202px
	5 columns   255px	
	6 columns   308px
	7 columns   361px
	8 column     414px
    9 columns   467px
  10 columns   520px
  11	columns   573px
  12	columns   626px	
  13	columns   679px
  14 columns   732px

/* --------------- ID ----------------------*/
/* ----------------------------------------------------------------------------------------------------| content  | */
#content {
	float : right;
	width : 610px;
/*margin: 0 2px 0 0;*/
} 

#content a,  #content a:visited { 
text-decoration : underline;
} 

#content a:hover { 
/*text-decoration : underline;*/
background: #E6E4D9;
} 

#content td.tdsidebanner {
color: #f2f2eb;
background-color : #d1bb80;
}

#contentleft { 
float : left;
/*line-height : 1.5em;*/
margin : 0 5px ;
width : 152px;
} 

#contentright { 
float : right;
/*line-height : 1.5em;*/
margin : 0 5px ;
width : 368px;
} 

#content  .emphasis {
color: #E0671F;
font-size:15px;
ont-weight: 700;
}

#content ul {
padding : 0;
}

#content li {
	padding : 0 0 12px 0;
	font-size: 14px;
	list-style-image:url(/templates/elegant/bullet-cyan.gif);
	list-style-position: outside;
}

#content h1 {
font-size: 18px;
font-weight: normal;
}

#content h2 {
}

#content h3 {
font-size: 17px;
color:#2e447f;
font-weight: lighter;
}

#content h4 {
font-size: 16px;
color:#2e447f;
font-weight: bold;
}

#content h5 {
font-size: 16px;
color:#2e447f;
font-style: italic;
}

#content h6 {
font-size: 14px;
font-weight: bold;
}

#content p { 
font-size: 13px;
} 
#header p {
	padding: 0px;
	margin: 6px;
}

/* ----------------------------------------------------------------------------------------------------| sidebar  | */

#sidebar {
	/*	border-left : 1px solid  thin #F3F3F3;	
	border-right:1px solid thin #fbfbf4;
	border-bottom:1px solid thin #d1bb80 ;*/
	float : left;
	width : 149px;
	background-color: #046380;
	color:#FFFFFF;
	margin: 0px;
	padding: 0px;
} 

#sidebar h1 {
	color:#FFFFFF;				/*   */
	font-size : 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(/templates/elegant/side-head-background.jpg);
	background-repeat: no-repeat;
} 

#sidebar h2 {
	color: #FFE400;				/*   */
	font-size : 12px;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #046380;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 2px 0px 5px;
	margin: 0px;
} 

#sidebar h3 {
color: #880000;				
font-size: 16px;
font-weight: normal;
}

#sidebar h4 {
color: #880000;				
font-size: 14px;
font-weight: bold;
}

#sidebar h5 {
color: #880000;				
font-size: 14px;
font-style: italic;
}

#sidebar h6 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	border-bottom-width: thin;
	border-bottom-style: outset;
	border-bottom-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #046380;
	padding-top: 5px;
	padding-bottom: 5px;
}

#sidebar td.tdsidebanner {
color: #ddf3ff;
background-color : #543e03;
}

#sidebar a,  #sidebar a:visited { 
color : #ffe400; 			
/*    */
/* font-weight : 500;*/
text-decoration : none;
} 

#sidebar a:hover { 
color: #6f6477;
/*text-decoration : underline;*/
background: #E6E4D9;
display:block ;
padding::0;
margin:0;
} 

#sidebar div.emphasis {
color: #F7F7D4;
font-size:13px;
}

#sidebar p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#sidebar sidebarindent  {
	padding-left: 15px;
	font-size: 12px;
	line-height: 16px;
	color:#660000;
}

#sidebar ul {
padding : 0 auto;
}

#sidebar li {
	padding : 0 0 12px 0;
	font-size: 11px;
	line-height: 14px;
	list-style-image:url(/templates/elegant/bullet-cyan.gif);
	list-style-position: outside;
}

/* ----------------------------------------------------------------------------------------------------| footer  | */

#footer { 
border-top : 2px solid #dadada;		/*   */
clear : both;
color : #808080;				/*   */
font-size : 12px;
line-height : 16px;
margin : 0 auto;
padding : 8px 0;
} 

#header {
	/*  border-bottom : 1px solid #dadada;		  */
color: #806000;
	line-height: 18px;
	font-size: 14px;
	font-weight: normal;
	margin : 0;
	padding : 3px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FEFEE6;
} 

#header a,  #header a:visited { 
color : #705C23; 				/*    */
text-decoration : underline;
} 

#header a:hover { 
color: #660000;
text-decoration : underline;
background: #E6E4D9;
} 


#slogan { 
color : #C0C0C0;			/*   */
font-size : 20px;
text-align:right;
line-height : 32px;
margin : 10px;
} 

#toplinks { 
padding-bottom : 10px;
padding-left : 3px;
padding-right : 2px;
text-align : right;
} 


#wrap {
	float:none;
	width : 776px;
	background-image: url(/templates/elegant/content-background.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
} 


/* ******* General tags ******* */
a { 
color : #806000; 				/*    */
font-weight : 500;
text-decoration : none;
} 

a:hover { 
text-decoration : underline;
color: #647277;
background: #E6E4D9;
} 

blockquote { 
padding : 0 8px 0 8px;
} 

body {
	background : #CCCCCC url(/templates/elegant/rgm_background_tile.gif) repeat;
	margin :  0;
	padding : 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #404040;				/*   */
} 

tr.oddrow { 
background-color : #E6E2AF;
color: #2E447F;
} 

/* CLASS */
.big { 
font-size : 16px;
} 

.blue { 
color : #0066cc;			/*  0066cc */
} 

.blockbanner {
	display: block;
	font-size: 11px;	
	text-align: center;
	border: 1px solid #d1bb80;	/*   */
} 

.blockbanneractive {
	background-color : #6f3700;	/*   */
	color : #ffffff;
/*	font-size : 11px;
	line-height : 16px;
	padding : 8px 4px;*/
/*	background-image : url(nav-img/gold-active-banner.gif);   
	background-position : left center; */
} 

.bold {
	color:#990000;
	background-color: #fcd5d5;
} 

.paste-yellow {
color: #996600;
	background-color: #eae7ca;
}

.paste-blue {
color:#0066cc;
	background-color: #d7f0f6;
}

.paste-green {
	color:#003300;
	background-color: #e9f0de;
}

.box { 
background-color :  #973826;		/*   */
border : 1px solid #dbc4c0;		/*   */
color : #ffffff;
font-size : 12px;
line-height : 16px;
padding : 5px 5px 5px 8px;
} 

.box a { 
color : #f0f0f0;				/*   */
} 

.capital { 
color : #660000;				/*   */
font-size : 18px;
font-style : normal;
text-indent : 2px;
} 

.center { 
text-align : center;
} 

.clear { 
clear : both;
} 

#sidebar .emphasis {
color: #FFFFFF;
font-size:14px;
ont-weight: 400;
}

.fade { 
color : #584747;			/*   */
} 

.fadegold { 
color : #666600;			/*   */
}

.gray { 
color : #584747;			/*   */ 
} 

.graybottom { 
border-bottom : 1px solid #849db5;	/*   */
} 

.grayleft { 
border-left : 1px solid  #a5b7c9;		/*   */
} 

.grayright { 
border-right : 1px solid #849db5;		/*   */
} 

.graytop { 
border-top : 1px solid #849db5;		/*   */
} 

.headline { 
color : #808080;			/*   */
font-size : 16px;
font-weight : bold;
line-height : 20px;
} 

.title {
color : #F7F7D4;			/*   */
background:#002F2F;
font-size : 18px;
font-weight : bold;
}

.hide { 
display : none;
} 

.left { 
float : left;
margin : 0 15px 4px 0;
} 

.orange { 
font-size : 13px;
color :#585147;
}

.orangebottom { 
border-bottom : 1px solid #fab000;		/*   */
} 

.orangeleft { 
border-left : 1px solid #fab000;		/*   */
} 

.orangeright { 
border-right : 1px solid #fab000;		/*   */
} 

.orangetop { 
border-top : 1px solid #fab000;		/*   */
} 

.white {
color:#FFFFFF;
}

.photo { 
background-color : #ffffff;
border : 1px solid #bababa;	/*   */
margin : 8px 8px 8px 8px;
padding : 4px;
} 

.readmore { 
text-align : right;
} 

.red { 
color : #ff0000;				/*   */ 
} 

.right { 
float : right;
} 

.search-results { 
border: 1px solid #000;
background : #fff;
display : none;
float : left;
} 

.small { 
font-size : 10px;
} 

.sr, .srs { 
font-size : 11px;
line-height: 12px;
} 

.srs { 
background-color : #36c;		/*   */
color : #fff;
} 

.textright { 
text-align : right;
} 

.tablehead { 
background-color : #330000;		/*   */
border: 1px solid #c8c8c8;		/*   */
color : #ffffff;
font-size :11px;
margin : 4px 10px 0;
padding : 8px;
} 

#content  em {
	font-size: 14px;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



#grid p {
line-height: 16px;
font-size: 12px;
}

#grid h1 {
line-height: 32px;
font-size: 20px;
padding-bottom:16px;
font-weight: bold;
}

#grid h2 {
line-height: 32px;
font-size: 20px;
padding-bottom:16px;
font-style: italic;
}

#grid h3 {
line-height: 32px;
font-size: 18px;
padding-bottom:16px;
font-weight: bold;
}

#grid h4 {
line-height: 16px;
font-size: 16px;
font-weight: bold;
}

#grid h5 {
line-height: 16px;
font-size: 16px;
font-style: italic;
}

#grid h6 {
line-height: 16px;
font-size: 14px;
font-weight: bold;
}

.floatleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 12px;
	margin-bottom: 6px;
}

.floatright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 15px;
	margin-bottom: 7px;
}


#mainContent  {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	line-height: 18px;
}

#mainContent  h2  {
/*	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
*/
	font-size: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: normal;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #1780b9;
	padding-left: 10px;
	margin-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D3D3D3;
}	

#mainContent  h1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	margin: 15px 0px 0px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#mainContent  h3  {
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#mainContent  p  {
	line-height: 18px;
}

#mainContent  blockquote  {
	color: #000000;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #F3F3F3;
	border: 1px solid #CCCCCC;
	padding-right: 10px;
	padding-left: 10px;
	}