/* Stylesheet.css */ 

/* Page header style */

#header{
     height: 110px;
     width: 100%; 
     padding-left: 100px;
     border-bottom: thick solid #CC99ff;
}
/* Page footer style */
#footer{
     clear: both;
     height: 30px;
     width: 100%;
     background-color: #E0E0E0;
     border-top: thick solid #cc99ff;
     text-align:right;
     font-size:small;	
}
#wrapper{ 
  width: 50em; 
  
  /* Put 20px margin above the wrapper */ 
  /* Set right and left to auto for centering */ 
  margin: auto; 
  /* Required for absolutely-positioned layout only */
  position:relative;
} 

/* Body text and page background */ 
body{ 
margin: 0;
padding: 0;
font-family: 'Arial', Sans-serif; 
font-size: medium; 
color: #9900FF; 
} 

/* Style for main content column */
#main{
       margin: 1em;
       /* Left and right margins must match */
       /* match left and right column widths */
       margin-left: 12em;
       margin-right: 12em;

}

/* Style for left sidebar column */ 
#leftsidebar{ 
position:absolute;
top:9em; 
left:0;
padding:0; 
margin:0em; 
width:12em; 
/* Actual width is 14em */ 
} 

/**************************** Navbar division (For vertical navbar) */ 
#navbar{ 
 width:100%; 
 /* Center horizontally */ 
 margin: 1 em auto; 
 text-align:center; 
 } 

/* Remove bullets from ul in the navbar */ 
#navbar ul{ 
 list-style-type:none; 
} 
/* List items in the navbar */ 
#navbar li{ 
 background:#E0E0E0; 
 font-family: 'Arial', Sans-serif; 
 font-size: medium; 
color: #9900FF;
 /* For flyout menus */ 
 position:relative; 
} 

/* Applies to navbar links, unvisited and visited */ 
#navbar a, 
#navbar a:link, 
#navbar a:visited{ 
 text-decoration:none; 
 font-family:Arial, Sans-Serif; 
 font-size:80%; 
 color: #9900FF; 
 background:#E0E0E0; 
 display:block; 
 height:2em; 
 width:auto; 
 line-height:2em; 
 text-align:center; 
 outline-style:none; 
} 

/* Navbar hover, active, and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{ 
 background-color: #9900FF; 
 color: #E0E0E0 
 }
 
 /****************************************************** Flyout menu styles */ 
/* Applies to flyout menus in navbar */ 
#navbar li ul{ 
 position:absolute; 
 top:0; 
 left:73%; 
 z-index:105; 
 visibility:hidden; 
} 

/* Make flyout menu visible on navbar hover */ 
#navbar li:hover ul, 
#navbar li a:hover ul{ /* IE6 hack */ 
 visibility:visible; 
} 

/* Applies to links on the drop-down menu */ 
#navbar li:hover ul li a, 
#navbar li a:hover ul li a{ /* IE6 hack */ 
 background: #9900FF;  
 color: #E0E0E0; 
 text-align:left; 
 display:block; 
 width:10em; 
 padding:0 0 0 1em; 
 height:auto; 
} 

/* Hover on drop-down menu links */ 
#navbar li:hover ul li a:hover, 
#navbar li a:hover ul li a:hover{ /* IE6 hack */ 
 background:#E0E0E0; 
 color:#9900FF; 
} 

/* IE6 hack applies to table flyout manus */ 
#navbar table { 
 margin:-1px; 
 border-collapse:collapse; 
 position:absolute; 
 top:0em; 
 left:99%; 
 z-index:105; 
}


/* Style for right sidebar column */ 
#rightsidebar{ 
float: right; 
display: inline; 
padding:0 1em 0 1em;
margin: 1em; 
width: 10em; 
/* Actual width is 12em */ 
} 

/* Style for customer quotes */
#quote{
display: inline;
border: solid thin #87ceeb;
padding: 0px;
margin: 1em;
width: 45%;
background-color: yellow;
}

/* Style for main tables */
#main table img{
height: 60p;
width: 60p;
border: 0;
}

/* Level-1 Headings */ 
h1{ 
font-family: 'Arial', Sans-serif; 
font-size: xx-large; 
color: #9900FF; 
text-align: left; 
} 

/* Level-2 Headings */ 
h2{ 
font-family: 'Arial', Sans-serif; 
font-size: x-large; 
color: #9900ff;  
} 

/* Level-3 Headings */ 
h3{ 
font-family: 'Arial', Sans-serif; 
font-size: large; 
color: #9900FF; 
text-align: left; 
} 

/* Paragraphs styled as tips */
p.tip {background-color:#FFFF74;
width: 80%;
padding:10px;
font-size: small;
border:solid thin yellow;}

/* Blockquote with blue background */ 
blockquote.tip { 
background-color: #99ffff 
} 

/* Blockquote with pink background */ 
blockquote.warn { 
background-color: #ff99cc 
} 

/* Float image to left of paragraph */ 
img.floatLeft{ 
float: left; 
margin-right: 5px; 
} 

/* Float image to right of paragraph */ 
img.floatRight{ 
float: right; 
} 

/* Center image between margins */ 
div.center{ 
width: 100%; 
text-align:center 
} 


/* Style for tables of thumbnail images */ 
table.thumbs{ 
text-align: center; 
border-collapse: collapse; 
} 

/* Style for table cells that contain thumbnails */ 
td.thumbs{ 
border: solid 1px #9900FF; 
padding: 10px; 
} 

/* Style for thumbnail images */ 
img.thumbs{ 
width: 150px;
border-width: 0px;
} 

/* General style for horizontal lines */
hr{
   background-color: #0000ff;
   color:#0000ff;
   width: 80%;
}
/* Add some margin space to main content */
#main{
     padding-left: 20px;
     padding-right: 10px;
}


/* Add some margin space to main content */
#main{
     padding-left: 20px;
     padding-right: 10px;
}