/* This is comments are indicated in css file */

/*
See also
text properties
background properties
fonts
borders
outlines
margins
padding
list
table
dimension (element sizes)
classification - The CSS classification properties allow you to specify how and where to display an element.
positioning
*/

div.container
{
position: absolute;
top: 0px;
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
background-color: #ffff99;
}

div.header
{
position: relative;
top: 0px;
padding:0.5em;
color:white;
background-color:blue;
clear:left;
width: 100%;
}

div.footer
{
position: relative;
bottom: 0px;
padding:0.5em;
color:white;
background-color:blue;
clear:left;
width: 100%;
}


div.right
{
position: relative;
top: 20px;
float:right ;
width:15%;
/*height:100%;*/
margin:5px;
padding:1em;
border-left:1px solid gray;
}

div.right-inside
{
text-align:left;
width: 100%;
height:100%;
/*margin:1px*/;
/*padding:1em;*/
border-bottom:1px solid gray;
}

div.left
{
position: relative;
top: 0px;
/* left 4px; */
float:left;
width:15%;
height: 100%;
margin:0;
padding:1em;
/*border-right:1px solid gray;*/
border-bottom:1px solid gray;
}

div.content-left
{
float:left;
width:40%;
margin:0;
padding:1em;
}

div.content-right
{
float:right;
width:55%;
margin:0;
padding:1em;
}

div.content
{
position: absolute;
top: 170px;
margin-left:25%;
/*margin-right: 19%;*/
border-left:1px solid gray;
width: 56%;
padding:1em;
z-index: 4;
}


body {
	background: #fff; /* url('smiley.gif') no-repeat fixed center; */ 
	margin-bottom:0px;
	margin-top:0px;
	margin-bottom:30px;
}

h1.header
{
	text-align: left;
	font-size: 26pt;
	color:white;
	padding:4;
	margin:0;
}

h2,h3,h4,h5 { color:red; padding:0 0 15px 0; margin:0; }
h2 {/*font-family: impact;*/
	font-weight:normal;
  font-size: 16pt;
  padding: 2px;
	font-style: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #330099;}
h2.pos_abs
{
position:absolute;
left:200px;
top:100px
z-index:1
}
h3 { font-size:12pt; font-weight:normal; }
h3.black {color:#000000;}
h4 { font-size:10pt; font-weight:normal; }
h5 { font-size:11px; font-weight:bold; color:#A0AF23; padding:0; }


	


.center {text-align: center}
.right {text-align: right}
.left {text-align: left}
.white {color: white}
	
.mn,.menu,.category {
	float:left
}

.layout,.menu {
	width:800px
}

.menu {
	margin-top:10px
}

.category {
	height:200px;
	width:233px;
	margin-bottom:-30px
}

a.header:visited {color: white}

a:hover {font-size: 110%}

a.left
{
	float: left;
	width:10em;
	text-decoration:none;
	color:white;
	background-color:purple;
	padding:0.2em 0.6em;
	border-right:1px solid white;
}

a.footer
{	
	width:6em;
	text-decoration:none;
	color:white;
	background-color:purple;
	padding:0.2em 0.6em;
	border-right:1px solid white;
}


a.click_here { display:block; width:72px; height:20px; margin:7px 0 0 0; background:url(images/click-here.gif) no-repeat; }


.searchbox {
	border:1px solid #000;
	width:400px;
	height:26px;
	font-size:18px
}

ul.left
{
text-align:left;
float: left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}

ul.centerx
{
margin: 2em auto ;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}

li.inline {display:inline}

ol,ul{
 font-family:courier;
 font-size:10px;
 list-style-type:disc;
 margin-top:5px;
 line-height: 1.5;
}
ul.disc {
	list-style-type: disc;
}
ol.decimal {list-style-type: decimal}
ol.lroman {list-style-type: lower-roman}
ol.uroman {list-style-type: upper-roman}
ol.lalpha {list-style-type: lower-alpha}
ol.ualpha {list-style-type: upper-alpha}

table
{
	table-layout: fixed;
	border-collapse: separate;
	empty-cells: show;
}


/* Add Styles to Elements with Particular Attributes
You can also apply styles to HTML elements with particular attributes.
The style rule below will match all input elements that have a type attribute with a value of "text":

input[type="text"] {background-color: blue}


The id Selector
You can also define styles for HTML elements with the id selector. The id selector is defined as a #.
The style rule below will match the element that has an id attribute with a value of "green":

#green {color: green}

The style rule below will match the p element that has an id with a value of "para1":

p#para1
{
text-align: center;
color: red
} 
*/


/*
<!-- example css withiing the HEAD sectioni of the HTML  -->
<!-- Note: A browser normally ignores unknown tags. This means that an old browser that does not support styles, will ignore the <style> tag, but the content of the <style> tag will be displayed on the page. It is possible to prevent an old browser from displaying the content by hiding it in the HTML comment element: 
-->

<style type="text/css">
<!-- hidding from old browsers
ol.decimal {list-style-type: decimal}
ol.lroman {list-style-type: lower-roman}
ol.uroman {list-style-type: upper-roman}
ol.lalpha {list-style-type: lower-alpha}
ol.ualpha {list-style-type: upper-alpha}
-->
</style>
*/

/*
Inline Styles

An inline style loses many of the advantages of style sheets by mixing content with presentation. Use this method sparingly, such as when a style is to be applied to a single occurrence of an element.

To use inline styles you use the style attribute in the relevant tag. The style attribute can contain any CSS property. The example shows how to change the color and the left margin of a paragraph:

<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>
*/


/*
CSS Background Properties

The CSS background properties allow you to control the background color of an element, set an image as the background, repeat a background image vertically or horizontally, and position an image on a page.

Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.

W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
Property 	Description 	Values 	IE 	F 	N 	W3C
background 	A shorthand property for setting all background properties in one declaration 	background-color
background-image
background-repeat background-attachment background-position 	4 	1 	6 	1
background-attachment 	Sets whether a background image is fixed or scrolls with the rest of the page 	scroll
fixed 	4 	1 	6 	1
background-color 	Sets the background color of an element 	color-rgb
color-hex
color-name
transparent 	4 	1 	4 	1
background-image 	Sets an image as the background 	url(URL)
none 	4 	1 	4 	1
background-position 	Sets the starting position of a background image 	top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos 	4 	1 	6 	1
background-repeat 	Sets if/how a background image will be repeated 	repeat
repeat-x
repeat-y
no-repeat 	4 	1 	4 	1

*/

/* background examples
body
{ 
background: #00ff00 url('smiley.gif') no-repeat fixed center; 
}
*/

/*
CSS Text Properties

The CSS text properties allow you to control the appearance of text. It is possible to change the color of a text, increase or decrease the space between characters in a text, align a text, decorate a text, indent the first line in a text, and more.

Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.

W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
Property 	Description 	Values 	IE 	F 	N 	W3C
color 	Sets the color of a text 	color 	3 	1 	4 	1
direction 	Sets the text direction 	ltr
rtl 	6 	1 	6 	2
line-height 	Sets the distance between lines 	normal
number
length
% 	4 	1 	4 	1
letter-spacing 	Increase or decrease the space between characters 	normal
length 	4 	1 	6 	1
text-align 	Aligns the text in an element 	left
right
center
justify 	4 	1 	4 	1
text-decoration 	Adds decoration to text 	none
underline
overline
line-through
blink 	4 	1 	4 	1
text-indent 	Indents the first line of text in an element 	length
% 	4 	1 	4 	1
text-shadow 	  	none
color
length 	  	  	  	 
text-transform 	Controls the letters in an element 	none
capitalize
uppercase
lowercase 	4 	1 	4 	1
unicode-bidi 	  	normal
embed
bidi-override 	5 	  	  	2
white-space 	Sets how white space inside an element is handled 	normal
pre
nowrap 	5 	1 	4 	1
word-spacing 	Increase or decrease the space between words 	normal
length 	6 	1 	6 	1
*/