/* 
   Christian Brother High School
   Arts Department Website
   Screen Style Sheet - September 2009 R2.0

     Author:	Christopher Mungas, Altai Consulting Group
     Date:   	September 2009

	  &&&&&&&&&&&&&&&&&&
	&&&& TESTING PAGE &&&&
	  &&&&&&&&&&&&&&&&&&

     Filename:	CBArts_FormatTest_R2_0.css
      Supporting files:
	CBArts_FormatTest_R2_0.html - Format Test Page	 
*/

/* ****************************** BODY ****************************** */
body { 
  height: 100%;
  background-color: #000033;
  text-align: center}
* {
  margin: 0px; padding: 0px;}

/* ****************************** WRAP ****************************** */
#wrap {
  width: 800px; min-height: 850px; margin: 0px auto; padding: 5px;
  border: 1pt solid grey; background-color: white}

/* ***************************** HEADER ***************************** */
#header {
  width: 800px; height: 100px; padding: 15 0 0 0;
  text-align: right;}
#logo {
  margin: -10 0 0 5;
  float: left; clear: left;}
#header span {
  margin-right: 35px;
  font-family: Lucida Sans Unicode; font-size: 3.0em; color: rgb(55,55,55); font-style: italic}
#header hr {
  float: right;
  width: 490px; height: 1px; margin-top: 0px; margin-right: 10px;
  border: thin solid rgb(190,0,0);
  color: rgb(190,0,0); background-color: rgb(190,0,0);}

/* ************************** HEADLINES ************************* */

#headlines {
  width: 800px; height: 100px; margin: 0 0 5 0; padding: 10 0 10 0;
  border-top: thin solid rgb(195,195,195);
  border-bottom: thin solid rgb(215,215,215);
  text-align: left}
#headlines img {
  margin: 0 5 0 5;
  border: thin solid  rgb(215,215,215)}
#headlines a:hover {
  background-color: rgb(190,0,0)}

/* ****************************** MAIN ***************************** */

#main {
  height: auto; width: 800px;
  text-align: left}

/* ============================ TABS ============================= */
#tabs {
  width: 165px;
  float: left;}
#tabs a {
  display: block;
  height: 30px; margin: 5 0 0 0; padding: 10 0 0 3;
  background-color: rgb(245,245,245);
  border: thin solid #000033}
#tabs img {
  width: 165px; height: 100px; margin-top: 5px;
  border-top: thin solid #000033;}

#tabs a:link {
  font-family: Lucida Sans Unicode; font-size: .9em; font-weight: bold; color: 003399; 
  text-decoration: none}
#tabs a:visited {
  font-family: Lucida Sans Unicode; font-size: .9em; font-weight: bold; color: 003399;
  text-decoration: none}
#tabs a:hover {
  font-family: arial; font-size: 1.0em; font-weight: bold; color: white; 
  text-decoration: none;
  background-color: rgb(190,0,0)}
#tabs a:active {
  font-family: Lucida Sans Unicode; font-size: .9em; font-weight: bold; color: 003399;
  text-decoration: none}

#content a:link {
  font-family: Lucida Sans Unicode; font-size: .9em; font-weight: bold; color: 003399; 
  text-decoration: none}
#content a:visited {
  font-family: Lucida Sans Unicode; font-size: .9em; font-weight: bold; color: 003399;
  text-decoration: none}
#content a:hover {
  font-family: arial; font-size: 0.95em; font-weight: bold; color: 003399; 
  text-decoration: none;}
#content a:active {
  font-family: Lucida Sans Unicode; font-size: .9em; font-weight: bold; color: 003399;
  text-decoration: none}

/* =========================== Content =========================== */
#content {
  margin: 0 25 0 190;
  text-align: justify}

h1,h2,h3,h4,h5,h6 {
  margin: 0 0 0 -10;
  color: rgb(55,55,55);}

#firstletter {
  float: left;
  margin: 0 3 0 0;
  font-family: arial; font-size: 2.5em; font-weight: bold; color: black; line-height: 0.9em}

#content ul {
  margin: 0 0 0 20}