/* My CSS File */

.indented
   {
   padding-left: 50pt;
   padding-right: 50pt;
   }

#red
  {
  color: red;
  }

.img1 {
float:left;
}

.img2 {
float:right;
border-style:outset;
border-color: black;
border-width:5px;
}

/* Define how the CCC heading and the logo are displayed*/

#navigation {
	position: absolute;
	top: 0;
	left: 0;
	width: 10em;
}

.contentdiv
  {
  background-color: #EFEAEA;
  background: #FFFFD9 url('graphics/bkgrnd.gif') repeat;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 2px solid #000;
  padding: 10px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  }

.imagediv
  {
  height:500px;
  width:230px;
  /*background:blue;*/
  text-align:center;
  /*line-height:200px;*/
  /*font-size:200px*/
  float:right;
  margin: 0 0 15px 15px;
  }
/*
*>imagediv
  {
  font-size:12px
  }
*/
  
img
  {
  vertical-align:right;
  padding: 5px;
  border: 1px solid #aaa;
  }

ul.BulletNoIndent 
  {
  list-style-type: square;
  margin-left: 0px;
  /*padding-left: 0px*/
  }

ul.NoBulletNoIndent 
  {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px
  }

.indented
   {
   padding-left: 50pt;
   padding-left: 5pt;
   /*padding-right: 50pt;*/
   }

#content {
	margin-left: 11em;
}

p.centeredImage
    {
    text-align:left;
    margin-top:10px;
    margin-bottom:0px;
    padding:10px;
    }

p.clubname 
  {
  float: left;
  font: bold 150% "Times New Roman", times, serif;
  border-width: 0px;
  border-color: transparent;
  width: 40%;
/*  align: left;*/
  height: 50px;
  }
#ad 
  {
  float: left;
  border-width: 0px;
/*  align: center;*/
  border-color: transparent;
  width: 40%;
/*  align: left;*/
  height: 50px;
  }  
  
#logo 
  {
/*  float: right;*/
  float: left;
  width: 50%;
  height: 130px;
  }  
  
/* Force a break without wrapping following the logo and clubname*/
#footer 
  {
  font-size: 1px;
  clear: both;
  }  
  
/* Define body background color & font */
body
  {
  font-family: arial,helvetica;
  text-align: center;
  font-size: 10pt;
  color:#000000;
  background: #BFBFBF;
  /*
  background: #FFFFD9 url('graphics/Corvette1e.gif') repeat;
  background: #FFFFD9 url('graphics/bkgrnd.gif') repeat;
  */
  }
  
p.color_body
  {
  text-align: left;
  font-family: arial,helvetica;
  font-size: 100%;
  color: black;
  /*color: purple;*/
  font-weight: bold;
  margin-left: 20px;
  /*margin-right: 4cm;*/
  }
  
/* Create a class of link named 'color_link' */
a.color_link
  { 
  text-align: center;
  font-family: arial,helvetica;
  font-size: 90%;
/*  line-height: 40px;*/
  }
a.color_link:link 
  {
  color: black;
  background-color: transparent;
  }
a.color_link:visited  
  {   
  color: gray;
  background-color: transparent;
  text-decoration: none; 
  }
a.color_link:hover
  {
  color: #FFFFFF;
  color: black;
  background-color: red;
  background-color: #BFBFBF;
  }
a.color_link:active
  {
  color: #8B4513;
  color: red;
  background-color: yellow;
  }

/* Create a class of link named 'link_page' */  
a.link_page
  { 
  text-align: center;
  font-family: arial,helvetica;
  font-size: 140%;
/*  line-height: 40px;*/
  }
a.link_page:link 
  {
  color: black;
  background-color: transparent;
  }
a.link_page:visited  
  {   
  color: gray;
  background-color: transparent;
  text-decoration: none; 
  }
a.link_page:hover
  {
  color: #FFFFFF;
  background-color: red; }
a.link_page:active
  {
  color: #8B4513;
  background-color: yellow; }  
  
a.color_body
  {
  text-align: left;
  font-family: arial,helvetica;
  font-size: 100%;
  color: black;
  font-weight: bold;
  margin-left: 50px;
  }
  
a.normal_body
  {
  text-align: center;
  font-family: arial,helvetica;
  font-size: 95%;
  color: black;
  font-weight: normal;
  }    
 
a.blackbody
  {
  text-align: center;
  font-family: arial,helvetica;
/*  font-size: 12pt;*/
  font-size: 85%;
  color: #383333;
  font-weight: bold;
  }     
 
a.purplebody
  {
  text-align: center;
  font-family: arial,helvetica;
/*  font-size: 12pt;*/
  font-size: 85%;
  color: #800040;
  font-weight: bold;
  }    
  
a.announce
  {
  font-family: Boulder, Franklin Gothic Heavy, Serif;
  font-size: medium; 
  font-weight: 700;
  color: #800080;
  text-align: center;
/*  font-size: 125%;*/
  }
a.red
  { 
  font-family: Boulder, Franklin Gothic Heavy, Serif;
  font-size: medium; 
  font-weight: 700;
  color: red;
  text-align: center;
  }
a.blue
  { 
  font-family: Boulder, Franklin Gothic Heavy, Serif;
  font-size: medium; 
  font-weight: 700;
  color: blue;
  text-align: center;
  }

a.hilight
  { 
  font-family: arial, Boulder, Franklin Gothic Heavy, Serif;
  font-size: small; 
  font-weight: 700;
  color: blue;
  text-align: center;
  }
a.hilight:hover
  {
  color: #FFFFFF;
  background-color: red; 
  }

p.ad
  {
  float: left;
/*  border: 1px solid black;*/
/*  align: center; */
  width: 165px;
  height: 45px;
  background-color: transparent;
  padding: 2px;
  font-family: arial,helvetica;
  /*font-size: 10pt;*/
  text-align: left;
  color: black;
  }
  
#links_nav1 
  {
  float: left;
  top: 0;
  left: 0;
  width: 20em;
  }

#links_nav2 
  {
  float: left;
/*  
  top: 0;
  right: 0;
*/
  width: 20em;
  }

#links_nav3 
  {
  float: left;
  top: 0;
  right: 0;
  width: 20em;
  }

.citp_table
  {
  /*
  background-color:#F4EDED;
  background-color:#DED7D7;
  */
  /*color:blue;*/
	border-width: thin thin thin thin;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: separate;
  }

/*
.boldtable, .boldtable TD, .boldtable TH
  {
  font-family:sans-serif;
  font-size: 10pt;
  */
  /*
  color:white;
  background-color:navy;
  */
  /*
  }
  */
  
td.ccc_image
  {
  text-align:center;
  height:175px;
  color:#FF0000;
  /*background-color:#BEC8D1;*/
  /*color:pink;*/
  font-family:sans-serif;
  font-size:10pt;
  }

.align-right { float:right; margin: 0 0 15px 15px; }

.align-left { float:left; margin: 0 15px 15px 0; }

.frame { padding: 5px; border: 1px solid #aaa; }