/* stylesheet.css for mo_friends page */ 

/* Page header style */
#header{
     /* height: 60px; */
     width: 100%;
     background-image:url("TickiesBGSG063.jpg");
     background-repeat:repeat;
     border-bottom: thick double #660000;
}

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

/* Style for main content column */
#main{
     margin: 1em;
     /* margin-left must equal total width of left sidebar */
     margin-left: 10em;
     padding-left:20px;     /* add some margin space to main content */
     padding-right:10px;   /* add some margin space to main content */
}

/* Page footer style */ 
#footer{ 
     /* height: 30px; */
     clear: both;  /* keeps footer from rising up into sidebar column */
     width: 100%; 
     background-image:url("TickiesBGSG063.jpg");
     background-repeat:repeat;
     /* background-color: #ffe4e1; */
     border-top: thick double #191970;
}
 

#wrapper{
width:75%;
margin:0 auto;
background-color:#ffffff;
}

#wrapper2{
width:50%;
margin:0 auto;
background-color:#ffffff;
}

/* Body text and page background */ 
body{
 margin: 0; 
 padding: 0;
 font-family:'Book Antiqua', Times, Serif;
 font-size: medium;
 font-weight: bold; 
 color:#0000cd; 
 background-color: #ddffff; 		/*aqua*/
 background-image: url(pix/windmills2_bg.png);
 background-repeat: repeat-x;
 }

 
/* Level 1 headings */ 
h1{ 
 font-family: Papyrus, 'Curlz MT', 'Juice ITC', Algerian, fantasy; 
 font-size: xx-large;
 font-weight: bold; 
 text-align:center;  
 color: #1F2159; 
}
 
/* Level 2 headings */ 
h2{ 
 font-family: 'Arial Black', Impact, Charcoal, Fantasy, Gadget, Sans-serif; 
 font-size: large;
 color: #1F2159;
 font-style: italic; 
} 

/* Level 3 headings */ 
h3{ 
 font-family: Arial, Helvetica, sans-serif, 'Monotype Corsive', Cursive; 
 font-size: x-large;
 font-style:italic; 
 text-decoration:underline; 
 color: #1F2159;
 text-align: right;
} 
 
/* Generic style class for highlighting text */ 
.hilite{ 
 background-color:#ffff00; 
} 
 
/* Paragraphs styled as tips */ 
p.tip { 
 background-color:#ccccff; 
 margin-left:15px; 
 margin-right:15px; 
 padding:5px; 
 border:none; 
 font-size: medium;
 color: #1f2159;
} 
  
/* Paragraphs styled as warnings */ 
p.warning { 
 background-color:#FFCCFF; 
 margin-left:100px; 
 margin-right:100px; 
 padding:5px; 
 border:solid thin #ff0000; 
} 

p{
   font-size: 11pt;
   font-family: "Book Antiqua", Times, Serif;
   color: navy;
   margin-left: .5in;
   margin-right: .5in;
   }

/* 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 
}

/* Custom bullet for bulleted lists. Any bulleted list created will use this image */
ul{
   list-style-image: url("your bullet image location & name.gif");
}

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

/* Style for table cells that contain thumbnails */ 
td.thumbs{ 

   padding: 0px;
   vertical-align: top; 
}

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

/* Unvisited links (no underline) */
a:link{
   color: orange; 
   text-decoration: none;
}

/* Visited links (no underline) */ 
  a:visited{ color: #000066; /* navy blue */ 
  text-decoration: none; 
}

/* Hover links (red underlined) */ 
a:hover{ 
  color: #ff0000; /* red */ 
  text-decoration: underline; 
}

/* Active links (green underlined) */ 
a:active{ 
  color: #00ff00; /* green */ 
  text-decoration: underline; 
}

/* General style for horizontal lines */
hr{
   color:#0000ff;
   width: 80%;
}