/* 
   chloeletissier.com Stylesheet 
*/

body {
   background: #FFFFFF;
   margin: 20px 0px;
   text-align: center;
   color: gray;
   font-family: 'Lucida Grande',Geneva,Verdana,Helvetica,Arial,sans-serif;
   font-size: 12px;
}

h1 {
   margin: 0;
   font-size: 14pt;
   font-weight: bold;
}

h2 {
   margin: 0;
   font-size: 12pt;
   font-weight: bold;
}

p {
   margin: 0;
   padding: 10px 0px 10px 0px
}

.clear { 
   clear: both;
}

ul {
   color:#5E6062;
   font-size:12px;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:square;
   padding:0;
   margin:0;
}



#header  {
   width: 700px;
   height: 50px;
   text-align: left;
   margin:0px auto;
}

#tabs   {
   background: transparent url(graphics/tab_bar.png) no-repeat scroll left top;
   width: 700px;
   height: 30px; 
   text-align: left;
   margin:5px auto;
}

#tab-list {
   height:30px;
   margin:0;
}

#tab-list, #tab-list ul { 
   list-style: none; 
}

#tab-list, #tab-list * { 
   padding: 0; 
   margin: 0; 
}

#tab-list li.mainmenu {
   margin: 0px 3px 0px 10px;
   float: left;
   text-align: center;
   position: relative;
}

#tab-list li.mainmenu a {
   font-size: 10pt;
   display: block;
   line-height: 30px;
}

#tab-list li.mainmenu ul { 
   display: none; 
   position: absolute;
}

#tab-list li.mainmenu:hover ul { 
   display: block; 
   position: absolute; 
   top: 30px;
}

#tab-list li.mainmenu ul li a { 
   padding-left: 3px;
   margin: 0; 
   background-color: #FFFFFF; 
   border: 1px solid gray;
   border-top: none;
   width: 100px;
   text-align: left;
   line-height: 20px;}

/* #tab-list li.mainmenu ul li a:hover { }*/


#tab-list a:link {text-decoration: none; color: gray}
#tab-list a:visited {text-decoration: none; color: gray}
#tab-list a:active {text-decoration: none}
#tab-list a:hover {text-decoration: none; color: silver;}

	     
#main {  
   width: 700px;
   text-align: left;
   margin: 10px auto;
   display: block;
}


#content_top {
   background: transparent url(graphics/content_top.png) no-repeat;
   height: 10px;
   width: 700px;
   font-size: 0pt; /* IE hack */
}

#content_bot {
   background: transparent url(graphics/content_bottom.png) no-repeat top;
   height: 10px;
   width: 700px;
   font-size: 0pt; /* IE hack */
}

#content { 
   background: transparent url(graphics/content_middle.png) repeat-y scroll left top;
   padding: 0 10px 0 10px;
}


#box1 {
   margin:0;
   padding: 10px 90px 20px;
}


#footer  { width: 700px;
           text-align: center;
           font-size: 10px;
           margin:0px auto;
}

DIV.table-row {
  background: transparent; border: none; color: gray;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: left; width: 96%;
}

DIV.left-container2 {
  border: none; float: left; margin: 0; padding: 0; width: 25%;
}

DIV.right-container2 {
  border: none; float: right; margin: 0; padding: 0; width: 75%;
}

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

DIV.pf-row {
  background: transparent; border: none; color: gray;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: left; width: 96%;
  border-bottom: 1px solid gray;
  padding-top: 10; padding-bottom: 10;
}

DIV.pf_left {
  border: none; float: left; margin: 0 0 0 0; padding: 0;
  width: 40%;
}

DIV.pf_right {
  border: none; float: right; margin: auto; padding: 0;
}