/*
    this predefined class BODY sets site environment color and
    body margins!
*/
body{ 
    background-color:#ffffff;
    margin-left: 0;
    margin-top: 0;
    }

/*
    this class BG used for background content area of site, and in some templates for background areas near content
*/
.bg{background : #ffffff;}

a {
   text-decoration:underline; 
   color:#008080; 
   font-size:16px; 
   font-family:Arial;
   margin-bottom: 5px;
   padding-bottom: 5px;
   }
a:visited {
   color:#000080; 
   }
a:active {
   color:#008000; 
   }
a:hover {
   color:#000088; 
   }
.nna { 
   text-decoration:underline; 
   color:#008080; 
   font-size:16px; 
   font-family:Arial;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }
.nna:link {color:#008080; }
.nna:visited {color:#000080; }
.nna:active {color:#008000; }
.nna:hover {color:#000088; }
.nna:focus {color:#008080; }

.vlink {
   text-decoration:underline; 
   color:#000080; 
   font-size:16px; 
   font-family:Arial;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }

.alink {
   text-decoration:underline; 
   color:#008000; 
   font-size:16px; 
   font-family:Arial;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }

.hlink {
   text-decoration:underline; 
   color:#000088; 
   font-size:16px; 
   font-family:Arial;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }

.backcolor1 {background : #ffffff;}
/* 
    this class BACKCOLOR2 is non optional and used by CR-components: "Text", "Text with picture" for paragraph sign char
*/
.backcolor2 {background : %CSS_MAIN_COLOR2%;}
.backcolor3 {background : #0000ff;}
.backcolor4 {background : #ff00ff;}
.backcolor5 {background : #FFFFFF;}
/* new headers classes */
h1{
	color : #000000;
	font-family : Arial;
	font-size : 22px;
	font-weight : normal;
	font-style : normal;
	line-height : %CSS_HEADER1_LINEHEIGHT%;  
	margin-top:10 px;  
	margin-right: 0 px;  
	margin-bottom: 20 px;  
	margin-left: 0 px;  
}

h2{
	color : #000000;
	font-family : Arial;
	font-size : 20px;
	font-weight : bold;
	font-style : normal;
	line-height : %CSS_HEADER2_LINEHEIGHT%;  
	margin-top:15 px;  
	margin-right: 0 px;  
	margin-bottom: 10 px;  
	margin-left: 0 px;  
}

h3{
	color : #000000;
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	font-style : normal;
	line-height : %CSS_HEADER3_LINEHEIGHT%; 
	margin-top:15 px;  
	margin-right: 0 px;  
	margin-bottom: 10 px;  
	margin-left: 0 px;  
}

h4{
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 8px;
	color: #000000;
	text-decoration: none;
	text-align: center;
}

/*
    class PICTURECAPTION used by CR-component "Picture with description"
*/	
.picturecaption {
	color: #000000;
	font-family : Arial;
	font-weight : normal;
	font-size : 12px;
        font-style: italic;
}       

/* 
    class PICTURECELLPADDING need for correct margin between picture and text in CR-component "Picture with text" 
    NOTE!
    padding-XXX needed for NN4
    margin-XXX - for IE
*/
.picturecellpadding {
        padding-left : 10px;
        padding-right : 10px;
        margin-left : 10px;
        margin-right : 10px;
}

/* 
    class PARAGRAPH used by CR-components: "Text", "Text with picture", "List item"
*/
td{
	color: #000000;
	font-family : Arial;
	font-weight : normal;
	font-style : normal;
	font-size : 16px;
}
p {
	font-family: Arial; 
	color: #000000; 
	font-size: 16px; 
	line-height : 130%; 
	margin-top:0 px;  
	margin-right: 0 px;  
	margin-bottom: 15 px;  
	margin-left: 5 px;  
}

.lead{
	font-family: Arial;
	color: #008080; 
	font-size: 16px;
	line-height : %CSS_LEAD_LINEHEIGHT%;
	font-weight : bold;
	margin-top: 0 px;  
	margin-right: 0 px;  
	margin-bottom: 15 px;  
	margin-left: 0 px;  
}

.inset{
	border-left-width: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color : %CSS_INSET_BORDER_COLOR%;
        font-family: Arial;
	font-size: 12;
	float: right; /* aligning on the page */
	width: 30%; /* width should be from 20% to 100% relative to page width, step 10% */
	padding: 15px;
	background-color: %CSS_INSET_BACKGROUND_COLOR%;
	text-align: left;
	line-height: %CSS_INSET_LINEHEIGHT%;
}

li,ul{
	font-family: Arial;
	color: #000000;
	font-size: 16px;
	line-height : %CSS_LIST_LINEHEIGHT%;
}
	
ul, ol{
	margin-top:-10px; /*Unchangeable*/
}

ul {
	list-style : %CSS_LIST_STYLE%;
}

UL,TABLE ul,ol{
	margin-top: 0px;
}
/* Next classes: ENVIRONMENTBG, COLORBOXBORDER used only PropertyPage */
/*
    this class ENVIRONMENTBG used by PropertyPage for display color of site environment
*/
.environmentbg{
    background : #ffffff;
    }

.colorboxborderbg{
    background : #000000;
    }

.colorcaption { 
	color: #000000; 
	font-family : Verdana; 
	font-weight : normal; 
	font-style : normal; 
	font-size : 14px; 
	line-height: 130%; 
}              

.colordescription { 
	color: #000000; 
	font-family : Arial; 
	font-weight : normal; 
	font-style : normal; 
	font-size : 9px; 
	line-height: 130%; 
}              
.redstar_margin {
 position: relative;
 left: 30px;
}


/* old classes*/
.header {
	color: #000000;
	font-family  Arial;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
        margin-bottom: 5px;
        padding-bottom: 5px;
}
.pageheader{
	color : #000000;
	font-family : Arial;
	font-size : 20px;
	font-weight : bold;
	font-style : normal;
        margin-left : 10px;
        margin-bottom: 5px;
        padding-left : 10px;
        padding-bottom: 5px;
}
.paragraph {
	color: #000000;
	font-family : Arial;
	font-weight : normal;
	font-style : normal;
	font-size : 16px;
	line-height: 130%;
        margin-bottom: 5px;
        padding-bottom: 5px;
}