html, body { border: 0; margin: 0; padding: 0; 	/*height:100%;*/ }

/* JELLO MOLD */
body {
	padding: 0 420px 0 420px;
	margin: 30px 0px 0px 0px;
	text-align: center;
	background: gray url(/pic/back_fill.gif);
}
		
#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 78%;
	max-width: 360px;
	height:100%;
}

#expander {
	margin: 0 -420px 0 -420px;
	min-width: 840px; /* Critical Safari fix! */
	position: relative;
	/*height:100%;*/
}

/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%; background: white; } 

/* END OF Jello Mold */


/* columnar layout */

#sidebar, #f_left {
	width: 40%;
	float: left;
	display: inline;
	text-align: left;
}
* html #sidebar, * html #f_left {
	width: 35%; /* this is a temporary (?) hack for IE5 */
	w\idth: 39.9%;
}

#content, #f_right {
	width: 60%;
	display: inline;
	float: right;
}

#footer { clear:both; padding-top:10px; margin-top:10px;}

#contentBody, #f_rightBody { margin-left:20px; }

#head_container, #sidebar, #content, #footer { text-align:left; }
#wrapperBody { padding:10px; }

/* http://positioniseverything.net/easyclearing */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




body { font: 11px Arial, Helvetica, sans-serif; }
body, a { color:#333333; }
a:hover { color:#000000; }
a:visited { color:#999999; }
#content, #headBody, #content td, #headBody td, #sidebar {
	/* This sets IE5,5.5/Win to the correct size */
    font-size: x-small;
    voice-family: "\"}\"";
    voice-family: inherit;
	font-size: small;
}
.freeText { font-size:110%; width:100%;}

.freeText p { margin:0px; padding-bottom:1em; }
.freeText table p, .freeText p table { padding:0px; }
.freeText table { margin-bottom:1em; }
.freeText a img { border-color: #333; }
.slantG2 .freeText { padding:10px; width:auto;}

h1, h2 { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; }
h1 { margin: 0px 0px 1em 0px; font-size: 200%; }
h1, .news dfn, #projectWeblink a, #projectNav h2 a, .projectList h3, #sitemap h3 {color:#F60; }
h6 {
	color: #C30;
	font-weight:bold;
	font-size:100%;
	margin: 0px 0px 1em;
	letter-spacing: 0.1em;
}


form {margin:0px;}

/* SLANTED SUBHEADERS */


.slantG, .slantG1, .slantO, .slantB, .slantR {
	color: #FFFFFF;
	margin-bottom: 10px;
}

.slantG, #subtabs b, #subtabs a { background-color: #E5E5E5;}
.slantB { background: #004E5F url(pic/fill_blue.gif); }
.slantG1 { background-color: #999;}
.slantG2 { background-color: #F5F5F5;}
.slantR { background-color: #F00;}
.slantG { background-image:url(pic/fill_gray.gif);}
.slantO, .subtab, #linkBack { background-color: #F60;}
.c1 b, .c1 i, .c2 b, .c2 i, #subtabs i {display:block; font-size: 0px; line-height: 0%; width: 0px; }
.slantG1 h2, .slantO h2, .slantR h2 {
	margin:0px;
	padding: 0px 0.5em 0px 30px;
	font-size: 18px;
	background: url(pic/head_ico_w.gif) no-repeat 10px;
}
.slantB p, .slantG p { margin:1px 10px; font-size:11px; padding:0px;}

.c1 { height:3px; }
.c2 { height:4px; }
.c1, .c2 { clear:both;}
.c1 b, .c1 i { border-top: 3px solid #FFF; }
.c2 i, .c2 b { border-bottom: 4px solid #FFF; }
.c1 b, .c2 b { float:left;	}
.c1 i, .c2 i { float:right; }

.slantG1 b { border-right: 3px solid #999; }
.slantG1 i { border-left: 3px solid #999; }


.slantO b { border-right: 3px solid #F60; }
.slantO i { border-left: 3px solid #F60; }
.slantR b { border-right: 3px solid #F00; }
.slantR i { border-left: 3px solid #F00; }
.slantG2 b { border-right: 3px solid #F5F5F5; }
.slantG2 i { border-left: 3px solid #F5F5F5; }


.slantG .c1 i { border-top-width: 2px; border-left: 2px solid #E5E5E5; }
.slantG .c2 i { border-left: 3px solid #E5E5E5; }
.slantG { color: #333; }
#mailH_lv, #mailH{
	background-image: url(pic/mail_ico.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.slantR#mailH_lv { margin-top:2.2em;}

#copy .c2, .slantB .c2 { height:5px; }
.slantB .c1 b { border-top-width: 2px; border-right: 2px solid #004E5F; }
.slantB .c2 b { border-right: 5px solid #004E5F; }
#copy .c2 i, .slantB .c2 b {border-bottom: 5px solid #FFF;}
#copy .c2 i { border-left: 5px solid #E5E5E5; }

#altHomeMenu p { height: 2px !important; line-height:2px !important; }

#topMenu b { border-right: 3px solid #E5E5E5; }

/* SUBMENU (tabs) */

#subtabs { width: 100%; }
#subtabs b { display:block; height:6px;}
#subtabs i { border-left: 5px solid #E5E5E5; border-top: 5px solid #FFFFFF; float:right;}
#subtabs td.subtab i { border-left: 10px solid #F60; border-top: 10px solid #FFFFFF; float:right; }

#subtabs td { border-right:10px solid white; white-space:nowrap; vertical-align:bottom; width:20%; }
td.subtab h2 {
	font-size: 24px;
	margin:0px;
	padding: 0px 0.5em;
	clear:both;
	color:#FFFFFF;
	height:40px;
}
td.subtab h2, #subtabs a { font-family:Arial, Helvetica, sans-serif; }
td.subtab { vertical-align:center; width:40% !important;}

#subtabs a {
	display:block;
	text-decoration:none;
	color:#666;
	padding: 0px 0.5em 5px;
	font-size: 13px;
	line-height:13px;
	font-weight:bold;
}
#subtabs_div {
	background-color: #999;
	height: 7px;
	font-size: 1px;
	line-height: 7px;
	margin-top: 4px;
	margin-bottom: 20px;
}
/* #subtabs a:hover { background-color:#FF6600;} - hover switched off so far. Tab construction should be fixed */

/* TOP MENU */

#topL {	float: left;}

#topR {	float: right;}
#topL, #topR, #topL {height: 17px; line-height:17px;}
#topMenu img { margin: 0px 13px; vertical-align:middle;}
#topMenu {white-space:nowrap;}
#header #topMenu { float:right; width: 60%; margin:34px 0px 0px;}
#header { margin-bottom:10px; }


/* MAIN MENU */

#mm { width:100%;}

#mm_home, #mm_all { background:url(pic/fill_blue.gif); clear:both; width:100%; }
#mm_home { margin-bottom:20px; }
#mm_home #mm { height:45px; }
#mm_all #mm { height:49px; background:url(pic/mm_top.gif) top repeat-x; }
#mm td { text-align:center; width:20%; vertical-align:bottom; }
#mm #m1 u {background-image:none}
#mm a, #mm u, #mm b, #mm i, #mm dfn { display:block; height:45px; line-height:45px; }
#mm a:hover, #mm td.curr a { background:url(pic/mm_hover.gif); }
#mm u { background:url(pic/m_sep2.gif) bottom left; }
#mm b { background: url(pic/m_sep1.gif) bottom right; }
#mm td#m5 b {background-image:none}
#mm img { margin-top:13px; height:17px; border:none;}

#mm a {cursor:hand !important;} /* for IE */
#mm td.curr a {cursor:auto !important;} /* for IE */

#m1 dfn {	background-image: url(pic/m_1.gif);}
#m2 dfn {	background-image: url(pic/m_2.gif);}
#m3 dfn {	background-image: url(pic/m_3.gif);}
#m4 dfn {	background-image: url(pic/m_4.gif);}
#m5 dfn {	background-image: url(pic/m_5.gif);}
#mm dfn { text-indent:-10000px; background-position:center center;}

#mm td.curr { background:#336E7A url(pic/mm_topcurr.gif) top repeat-x; }
/*#mm td.curr a { background:url(pic/m_sep1.gif) bottom right; }*/

#m1 i { background:url(pic/mm_l.gif) bottom left; }
#m5 i { background:url(pic/mm_r.gif) bottom right; }

#mm b, #mm u, #mm i,  #mm td, #mm dfn {background-repeat:no-repeat;}


/* HEADER IMAGES */
#logo { float:left; margin-left:15px; }

#headimg_main {
	background:url(images/head/head_main2.jpg) no-repeat 323px;
	height:287px;
	margin-bottom: 4px;
}

#headimg_notmain { height:89px; margin: 4px 0px 20px; }

/* LISTS */

ul.news { margin:0px; padding:10px; background-color:#F5F5F5; }
/* Holly hack for IE \*/
* html ul.news { height:0px; }
/* */
ul.news li { list-style:none; padding-left: 15px; margin: 0px 0px 1em 0px; }
ul.news li, table.news a { background:url(pic/bullet_o.gif) 0px 3px no-repeat; }

* html ul.news li { text-indent:-17px; te\xt-indent: 0px; } /* hack for IE5 */

#otherNews li { background-image:url(pic/bullet_g.gif); }

table.news td { vertical-align:top; width:33%; padding:10px;}
table.news a {display:block; padding: 0px 0em .5em 15px; }
.news a { font-size: 85%; }

.news dfn {font-style:normal; font-weight:bold; text-decoration:none !important; }


/* FORM */
input.txt, textarea { width: 100%; font: 12px Arial, Helvetica, sans-serif;}
textarea, #tblMail td {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #333333;
}
#tblMail input.txt { border:none; padding:0px; }
#tblMail th {font-weight:normal; text-align:left;}
#tblMail { margin-bottom:10px; }
#frmFeedback { padding:5px 10px; }
.btnSend { color: #FFF; border:none; background: #F00 url(/pic/btn_slant.gif) no-repeat right bottom; 
	padding:1px 10px; font-size:11px; font-weight:bold; cursor:hand;
	/* fix for IE extra button padding: */
	width:auto;
	overflow:visible; 
}
form p {margin:10px 0px 0px;}
#frmFeedback textarea { width:99%; }
#frmFeedback label {font-size:11px; color:#666666; }


/* SITESUPRA USER STYLES */
.myIepirkumi { }
.myRowHilight { }
.myTable { border-collapse:collapse; }

body .myTable td { border: solid 2px #FFF; }

body .myIepirkumi td, body .myIepirkumi th { background-color: #f2f2f2; padding:0.5em 0.5em; vertical-align:top; font-size:90%;}
/* body .myIepirkumi a { font-size:100%;} */
body .myIepirkumi th { text-align:left; background-color:#E5E5E5;}
body .myRowHilight td { background-color:#FED6B2 !important; }
body .myRowHilight td:first-child { font-weight:bold; color:#CC3300;}

body .myImageLeft, body .myImageRight { border: #999 solid 4px; margin-bottom: 0.5em; }
.myImageLeft { float:left; margin-right:0.5em; }
.myImageRight { float:right; margin-left:0.5em; }

/* ASSORTED */
#iepirkumaApraksts h1 { font: 150% bold Arial, Helvetica, sans-serif; }
#linkBack { display:block; float:left; background-image:url(/pic/a_slant.gif); background-position:right bottom; background-repeat:no-repeat; padding:5px; color:#FFF; font-weight:bold; text-decoration:none; margin-bottom:1em;}
.error {
	font-weight: bold;
	color: #FF0000;
	border-top: solid 2px #F00;
	border-bottom: solid 2px #F00;
	margin-bottom:1em;
}
.error ul, #sitemap ul {
	list-style-type: none;
	margin:0.5em 0px 0.5em 0px;
	padding:0px;
}
.error li, #sitemap li { background: url(/pic/bullet_r.gif) no-repeat left; }
.error li { padding-left:12px; }
#sitemap li { padding-left:1.5em;margin-bottom:1em;}

#sitemap td { vertical-align:top; padding-top:0px;}
#sitemap h3 { margin-top:0px; }

#projectWeblink { margin: 1.5em 0px; }
#projectWeblink a { font-weight:bold; }

#projectNav { margin: 0px 10px; }
#projectNav h2 { font: bold 150% Arial, Helvetica, sans-serif; margin-top:0px; }
#projectNav a { color: #B14A05; }
#projectPhotos { margin-top:20px; }
#projectPhotos #photos { margin:10px; }
#projectPhotos img { margin: 0px 4px 4px 0px; border:none;}
#projectNav img { width:17px; height:10px; border:none; }

#tblProjects td {vertical-align:top; padding-right:20px; font-size:110%;}
#tblProjects td, #sitemap td { padding-left: 20px; border-left: #DDD solid 3px; }
#sitemap td.first { padding-left:0px; border:none; }

.projectList h3 { font-size: 16px; 	clear:both; }
h3.red { color: #F00 !important; }
a.red:hover { background-color: #fff5f4 !important; }

/* simple version*/
.projectList a { text-decoration:none; display:block; clear:both;}

.projectList a:hover { background-color:#F2F2F2; }
.projectList a img { border:none; margin-right: 10px; float:left; }
* html .discuss { float:left; display:block; }
.projectList hr {
	background: #ccc;
	border: 0;
	color: #ccc;
	height: 1px;
	clear:both;
}
.projectList .p1 {height: 60px; overflow: hidden; position: relative;}
.projectList .p1[class] {display: table; position: static;}
.projectList .p2 {position: absolute; top: 50%;} /* for explorer only*/
.projectList .p2[class] {display: table-cell; vertical-align: middle; position: static;}
.projectList .p3 {position: relative; top: -50%} /* for explorer only */
.projectList .p3[class] {position: static;}


/* table version 
.projectList td { vertical-align:middle !important; padding: 4px 0px; border-top: #CCC solid 1px; }
.projectList a { text-decoration:none; }
.projectList a:hover { text-decoration:underline; }
.projectList a img { border:none; }
td.discuss { padding:0px 0px 5px 0px; border:none;}
td.discuss a { float:left;}
*/

/* Hides from IE-mac \*/
* html .projectList a {height: 1%; cursor:hand;}
/* End hide from IE-mac */


a.discuss, td.discuss a {
	height: 20px;
	line-height: 20px;
	background: #E5E5E5 url(/pic/publ_ico.gif) right no-repeat;
	color: #F00 !important;
	padding-left:10px;
	padding-right:25px;
	margin-top:5px;
	display: table;
	font-size:11px;
}

.tip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F00;
	padding: 10px;
	border: 1px solid red;
	margin:0px 0px 10px 0px;
}
.tip legend { 
	padding:0px 3px;
	font-weight:bold;
	color:red;
}
.tip ul { margin-bottom:0px; }

/*#slant1 { background: url(/pic/slant_11.gif) left; }
#slant1 div { background: url(/pic/slant_12.gif) right; }
#slant2 { background: url(/pic/slant_21.gif) left; }
#slant2 div { background: url(/pic/slant_22.gif) right; }
*/

#slant1 b { background: url(/pic/slant_11.gif); float:left; margin-left:-3px; }
#slant1 i { background: url(/pic/slant_12.gif); float:right; margin-right:-3px; }
#slant2 b { background: url(/pic/slant_21.gif); float:left; margin-left:-3px; }
#slant2 i { background: url(/pic/slant_22.gif); float:right; margin-right:-3px; }


#slant1, #slant2, #slant1 b, #slant1 i, #slant2 b, #slant2 i { 
	display:block; height:3px; width: 3px;
	background-repeat:no-repeat;
	height: 3px;
	line-height:3px;
	font-size:1px;
	/*background-color:#FFFFFF;*/
}

* html #slant1 b, * html #slant1 i, * html #slant2 b, * html #slant2 i { position:relative; }
#slant1, #slant2 { margin: 0px 3px; width:auto; background-color:#FFFFFF;}