/* Cascading Style Sheet for CIWA Youth Website */

body {
   background-color: #44aacc;
   margin: 0px;
   padding: 0px;
}


/* Font and Text Styles */


/* Global */

.menu {
   font: 14pt arial;
   font-weight: bold;
   text-align: center;
   letter-spacing: 1px;
   color: #cc0000;
}
.menu a:link {
   font-weight: bold;
   text-decoration: none; 
   color: #000000;
}
.menu a:visited {
   font-weight: bold;
   text-decoration: none; 
   color: #000000;
}
.menu a:hover, a:active {
   font-weight: bold;
   text-decoration: none; 
   color: #cc0000;
}

.header1 {
   font: 12pt arial;
   color: #cc0000;
}

.text {
   font: 10pt arial;
   text-align: left;
}
.text span {
   font-weight: bold;
}
.text a:link {
   font-weight: bold;
   color: #000000;
   text-decoration: none;
}
.text a:visited {
   font-weight: bold;
   color: #000000;
   text-decoration: none;
}
.text a:hover, a:active {
   font-weight: bold; 
   text-decoration: none; 
   color: #cc0000;
}


/* Table styles */

.contactTable {
   padding: 0px;
   margin: 0px;
   border: 0px;
   width: 750px;
}

.linksTable {
   padding: 0px;
   margin: 0px;
   border-collapse: collapse;
   border: 0px;
   width: 750px;
}

td {
   border: 1px solid;
   vertical-align: top;
}


/* Containers */

/* Global */

#mainContent {
   padding-top: 5px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   width: 775px;
   border: 1px solid;
   background-color: #ffffff;
}

#youthLogo { 
   background: url(images/youthLogo.jpg) no-repeat top left;
   padding: 0px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 5px;
   width: 750px;
   height: 125px;
   border: 1px solid;
}

#menu {
   padding: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
   background-color: #ffffff;
}

#textBlock {
   padding-left: 15px;
   padding-right: 15px;
   margin-left: auto;
   margin-right: auto;
   width: 745px;
}

#listBlock {
   padding-left: 50px;
   padding-right: 50px;
   margin-left: auto;
   margin-right: auto;
}

#horizontalRule {
   padding: 0px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   width: 750px;
   height: 0px;
   border-bottom: 1px solid;
}


/* home.html */

#flowerPhoto {
   background: url(images/flowerPhoto.jpg) no-repeat top left;
   padding: 0px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   width: 640px;
   height: 480px;
   border: 1px solid;
}


/* events.html */

#ballotCounting { 
   background: url(images/ballotCounting.jpg) no-repeat top left;
   padding: 0px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 5px;
   width: 571px;
   height: 388px;
   border: 1px solid;
}

#windyHair { 
   background: url(images/windyHair.jpg) no-repeat top left;
   padding: 0px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 5px;
   width: 640px;
   height: 480px;
   border: 1px solid;
}