/* STYLE SHEET FOR "TUG - Tricity Unemployment Group" */

body {background-image: url(Images/background.gif);
      background-color: #eee;
      font-family: verdana, arial, helvetica, sans-serif;
      margin: 0 0 0 0;
}

a:link {color: #512251;}
a:visited {color: #333399;}
a:hover {color: #666;}

table.main {width: 860px;
     background-color: transparent;
}
table.city {border-right: 1px solid #000;
     border-bottom: 1px solid #000;
}
table.meetings {width: 700px;
     margin-right: auto;
     margin-left: auto;
}
table.volunteer {border: 2px solid #000;}
table.fullpage {margin-left: 65px;
     padding: 0 150px;
     border-right: 8px solid #512251;
     border-left: 8px solid #512251;
     text-align: center;
}

li.meetinglist {font-family: arial;
     font-size: 13px;
     color: #000000;
     margin-left: 50px;
     margin-right: 50px;
}

h2 {text-align: center;}
h3 {text-align: center;}
h4 {text-align: center;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.font1 {color: #000;
     font-size: 14px;
}
.font2 {color: #512251;
     font-size: 13px;
     line-height: .5;
}
.font3 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 14px;
     font-weight: bold;         
}

.boldit {font-weight: bold;}
.italicizeit {font-style: italic;}
.boldital {font-weight: bold;
     font-style: italic;
}
.centerit {text-align: center;}
.moveit {margin-left: 135px;}
.dashedborder {border-top: 2px dashed #000;
}
.colorblack {color: #000;}
.colormaroon {color: #512251;}
.colorred {color: #990000;}

th.heading {border-top: 1px solid #000;
     border-right: 1px solid #000;
     border-bottom: 1px solid #000;  
     padding: 10px;
     background: #ccc;
}
.heading2 {font-family: arial, helvetica, sans-serif;
     font-size: 22px;
     font-weight: bold;
     text-align: center;
}
.heading7 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 16px;
     font-weight: bold;
}
.heading8 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 16px;
     font-weight: bold;
     padding-left: 32px;
}
.heading10 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 16px;
     font-weight: bold;
     padding-left: 10px;
}

#heading1 {font-family: arial, helvetica, sans-serif;
     font-size: 16px;
     font-style: italic;
     font-weight: bold;
     text-align: center;
     color: #512251;
}
#heading2 {font-family: arial, helvetica, sans-serif;
     font-size: 22px;
     font-weight: bold;
     text-align: center;
}
#heading3 {font-family: arial, helvetica, sans-serif;
     font-size: 20px;
     font-style: italic;
     text-align: left;
     padding: 10px;
     width: 338px;
}
#heading4 {font-size: 24px;
     font-weight: bold;
     text-align: center;
}
#heading5 {font-family: arial, helvetica, sans-serif;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
}
#heading6 {font-family: arial, helvetica, sans-serif;
     font-size: 16px;
     font-weight: bold;
     text-align: center;
}
#heading7 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 16px;
     font-weight: bold;
}
#heading8 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 16px;
     font-weight: bold;
     padding-left: 32px;
}
#heading9 {font-family: arial, helvetica, san-serif;
     font-weight: bold;
}
#heading10 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 16px;
     font-weight: bold;
     padding-left: 10px;
}

/* Paragraph styles */
p {font-family: arial;
     font-size: 13px;
     color: #000000;
     text-align: left;
     margin-left: 10px;
     margin-right: 10px; 
}
p.content1 {font-family: tahoma;
     font-size: 12px;
     background-color: #e8e8e8;
     color: #512251;
     text-align: justify;
     margin: 0;
     padding: 6px;
     border-top: 8px solid #512251;
     border-right: 1px solid #aaa;
}
p.content2 {font-family: arial;
     font-size: 13px;
     font-weight: bold;
     background-color: #e8e8e8;
     color: #512251;
     text-align: center;
     margin: 10px;
     padding: 8px;
     border: 1px solid #ccc;
}
p.content3 {font-family: "Times New Roman";
     font-size: 17px;
     font-weight: bold;
     font-style: italic;
     background-color: #e8e8e8;
     color: #000;
     margin: 10px;
     padding-left: 5px; 
     border: 1px solid #aaa;
}
p.content4 {font-family: arial;
     font-size: 13px;
     color: #000;
     text-align: left;
     margin-left: 100px;
}
p.content5 {font-family: arial;
     font-size: 17px;
     font-style: italic;
     margin-left: 165px;
     margin-right: 165px; 
}
p.content6 {font-family: arial;
     text-align: justify;
     margin-left: 88px;
     margin-right: 88px; 
}
p.content7 {font-family: arial;
     text-align: justify;
}
p.content8 {font-family: arial;
     font-size: 16px;
     text-align: center;
}
p.content9 {font-family: arial;
     font-size: 13px;
     text-align: center;
}
p.content10 {font-family: arial;
     text-align: justify;
     margin-left: 50px;
     margin-right: 45px;
}
p.content11 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
     line-height: 2.5;
}
p.content12 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 14px;
}
p.content13 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 14px;
     font-weight: bold;
     color: #000;
     text-align: center;
     line-height: 3;
}
p.content14 {font-family: arial;
     font-size: 16px;
     font-weight: bold;
     text-align: center;
}
p.content15 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 22px;
     font-weight: bold;
     padding-left: 20px;
}
p.content16 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 14px;
     padding-left: 20px;
}
p.content17 {font-family: arial;
     margin-left: 20px;
     margin-right: 0;
}
p.content18 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 16px;
     font-weight: bold;
     padding-left: 20px;
}
p.content19 {font-size: 11px;
     font-weight: bold;
     padding-bottom:10px;
}
p.content20 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 24px;
     font-weight: bold;
     font-style: italic;
     text-align: center;
}
p.content21 {font-family: arial;
     font-size: 18px;
     text-align: center;
}

p.validators {font-size: 10px;
    text-align: center;
}

#testimonials {
      border-top: 8px solid #512251;
      border-left: 4px solid #ccc;
      border-right: 4px solid #ccc;
      border-bottom: 1px solid #aaa;
      width: 252px;
      font-size: 12px;
      color: #000;
      text-align: left;
      margin-left: 10px;
      margin-right: 10px;
      padding: 5px;
      line-height: 1;
}

#content {border-top: 1px solid #aaa;
     background:url(Images/background.content.gif) left top;
     background-repeat: no-repeat;
     background-color: #fff;
     border-top: 2px solid #512251;
     border-left: 1px solid #aaa;
     text-align: left;
     width: 598px;
}
#contentcontact {font-family: arial;
     font-size: 13px;
     font-weight: bold;
     color: #000000;
     text-align: left;
     margin-right: 10px; 
}

p.author {font-size: 10px;
     color: #555;
     text-align: center;
}

/* Images */
img {border: 0;}

.floatleft {float: left;
     margin-right: 10px;
}
.floatright {float: right;
     margin-left: 10px;
}

/* Table cells */
.logocell {text-align:center;
     background-color: #eee;
     border-top: 8px solid #512251;
     border-left: 1px solid #aaa;
}
.flashcell {border-top: 1px solid #aaa;
     background-color: #fff; 
     border-top: 2px solid #512251;
     border-left: 1px solid #aaa;
     text-align: left;
}
.contentcell {background:url(Images/background.content.gif) repeat-x left top;
     background-color: #fff;
     border-top: 2px solid #512251;
     border-right: 1px solid #aaa;
     border-left: 1px solid #aaa;
     text-align: left;
}
.contentcellmtg {background:url(Images/background.content.gif) repeat-x left top;
     background-color: #fff;
     border-top: 2px solid #512251;
     border-right: 1px solid #aaa;
     border-left: 1px solid #aaa;
     text-align: left;
     padding-left: 50px;
     padding-right: 45px;
}
.headcell {background-color: #eee;
     border-top: 8px solid #512251;
     border-right: 1px solid #512251;
}
.piccell {background-color: #512251;
     border-right: 1px solid #aaa;
}
.rightcell {text-align:center;
     background-color: #eee;
     border-top: 8px solid #512251;
     border-right: 1px solid #aaa;
     border-left: 1px solid #aaa;
}
.navcell {border-right: 1px solid #aaa;
     border-left: 1px solid #aaa;
     border-top: 1px solid #ccc;
     background:url(Images/navbackground.jpg) left top; 
}
.sponsorheadcell {border-top: 2px solid #512251;}

.volunteercell1 {border-top: 2px solid #333;
     border-right: 2px solid #333;
     border-left: 2px solid #333;
}
.volunteercellbottom1 {border-top: 2px solid #333;
     border-right: 2px solid #333;
     border-bottom: 2px solid #333;
     border-left: 2px solid #333;
}
.volunteercell2 {border-top: 2px solid #333;
     border-right: 2px solid #333;
}
.volunteercellbottom2 {border-top: 2px solid #333;
     border-right: 2px solid #333;
     border-bottom: 2px solid #333;
}
.jobclubcell {border-right: 2px solid #333;
     padding-right: 48px;}
.citycell {border-top: 1px solid #000;
     border-left: 1px solid #000;
     padding: 3px;
     font-size: 14px;
     font-weight: bold;
}
.contactcell {font-size: 11px;
     color: #000;
     padding-left: 10px;
     padding-right: 5px;
     text-align: left;
}
.textareacell {font-size: 11px;
     padding-left: 10px;
     text-align: left;
}
.resourcecell1 {padding-left: 15px;
     padding-right: 10px;
     border-top: 2px double #777;
     border-left: 2px double #777;
}
.resourcecell2 {padding-left: 15px;
     padding-right: 10px;
}
.meetingcell1 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 14px;
     font-weight: bold;
     border-right: 1px solid #000;
     border-bottom: 1px solid #000;
     border-left: 1px solid #000;
     padding: 10px;
}
.meetingcell2 {font-family: geneva, arial, helvetica, san-serif;
     font-size: 14px;
     font-weight: bold;
     border-right: 1px solid #000;
     border-bottom: 1px solid #000;
     padding: 10px;
}
.authorcell {background-color: #eee;
     border: 1px solid #aaa;
}
.authorcell1 {background-color: #eee;
     border-top: 1px solid #aaa;
     border-bottom: 1px solid #aaa;
     border-left: 1px solid #aaa;
}
.authorcell2 {background-color: #eee;
     border-top: 1px solid #aaa;
     border-bottom: 1px solid #aaa;
}
.authorcell3 {background-color: #eee;
     border-top: 1px solid #aaa;
     border-right: 1px solid #aaa;
     border-bottom: 1px solid #aaa;
}

.spacercell {background-color: transparent;}

/* Navigation Home Page */
#menuhome {
width: 100%;
background: #aaa;
float: left;
}

#menuhome ul {
list-style: none;
margin: 0;
padding: 0;
width: 85px;
float: left;
}

#menuhome a, #menuhome h2 {
     font-family: arial, verdana, helvetica, sans-serif;
     font-size: 12px;
     line-height: 38px;
display: block;
margin: 0;
padding-right: 3px;
     text-align: center;
}

#menuhome h2 {
     background: url(Images/navbackground.jpg) left top;
color: #512251;
     border-right: 2px solid #ccc;
}

#menuhome a {
color: #512251;
text-decoration: none;
}

#menuhome a:hover {
color: #000;
background: transparent;
}


#menuhome li {position: relative;}

#menuhome ul ul {
position: absolute; left: -2px; top: 38px;
z-index: 500;
}

#menuhome ul ul a{
     color: #000;
     font-family: arial, verdana, helvetica, sans-serif;
     font-size: 12px;
     font-weight: bold;
     text-align: left;
     line-height: 16px;
     background-color: #ddd;
     border-top: 1px solid #aaa;
     border-right: 1px solid #aaa;
     border-left: 1px solid #aaa;
     padding: 3px;
     width: 125px;}

#menuhome ul ul a:hover{color: #000;
     background-color: #ccc;}

#menuhome ul ul ul {
top: 0;
left: 100%;
}

div#menuhome ul ul,
div#menuhome ul li:hover ul ul,
div#menuhome ul ul li:hover ul ul
{display: none;}

div#menuhome ul li:hover ul,
div#menuhome ul ul li:hover ul,
div#menuhome ul ul ul li:hover ul
{display: block;}



/* Navigation */
#menu {
width: 100%;
background: #aaa;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 120px;
float: left;
}

#menu a, #menu h2 {
     font-family: arial, verdana, helvetica, sans-serif;
     font-size: 12px;
     line-height: 35px;
display: block;
margin: 0;
padding: 2px 3px;
     text-align: center;
}

#menu h2 {
     background: url(Images/navbackground.jpg) left top;
color: #512251;
     border-right: 2px solid #ccc;
}

#menu a {
color: #512251;
text-decoration: none;
}

#menu a:hover {
color: #000;
background: transparent;
}


#menu li {position: relative;}

#menu ul ul {
position: absolute; left: -2px; top: 40px;
z-index: 500;
}

#menu ul ul a{
     color: #000;
     font-family: arial, verdana, helvetica, sans-serif;
     font-size: 12px;
     font-weight: bold;
     text-align: left;
     line-height: 16px;
     background-color: #ddd;
     border-top: 1px solid #aaa;
     border-right: 1px solid #aaa;
     border-left: 1px solid #aaa;
     width: 125px;}

#menu ul ul a:hover{color: #000;
     background-color: #ccc;}

#menu ul ul ul {
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}