/*
================================================================================
UAT GENERIC STYLESHEET
Commercial Design & Multimedia
Decmber 2004
--------------------------------------------------------------------------------
Perfered Order:

- display
- position
- float
- width
- height
- margin
- padding
- border
- background
- color
- font
  [font-style || font-variant || font-weight font-size/line-height font-family]
   ie: {font: bold 12px/16px Verdana, Arial, "Lucida Grande", sans-serif}

- text-align
- text-decoration
- vertical-align
- clear
- white-space
- others

Sections:

- RULES

- ID'S

- CLASSES

================================================================================
*/


/* RULES */
body
{
margin: 0;
padding: 0;
background: #005BA1 url(/img/interior/backgrounds/background_site_inside.gif) repeat-y 0 8px;
}

img
{
border-width: 0;
}

a
{
text-decoration: none;
}
h1 {}
h2 {}

h3 
{
font: bold 25px/25px Verdana,Arial,sans-serif;
color: #222;
}

h4 {}
p {}
a {}
a:hover {}
a:active {}
a:visited {}
a:link {}
ul {}
li {}
img {}
table {}
caption {}
tr {}
th {}
td {}

a.nav1:hover,
a.nav2:hover,
a.nav3:hover,
a.nav4:hover,
a.nav5:hover,
a.nav6:hover,
a.nav7:hover
{
background-position: 0 -21px;
}

a.nav8:hover
{
background-position: 0 0;
}


a.nav1,
a.nav2,
a.nav3,
a.nav4,
a.nav5,
a.nav6,
a.nav7
{
display: block;
width: 62px;
height: 21px;
background: url(/img/interior/buttons/button_inside_home.gif) no-repeat 0 0;
}

a.nav2
{
width: 121px;
background: url(/img/interior/buttons/button_inside_about.gif) no-repeat 0 0;
}

a.nav3
{
width: 86px;
background: url(/img/interior/buttons/button_inside_members.gif) no-repeat 0 0;
}

a.nav4
{
width: 63px;
background: url(/img/interior/buttons/button_inside_news.gif) no-repeat 0 0;
}

a.nav5
{
width: 80px;
background: url(/img/interior/buttons/button_inside_calendar.gif) no-repeat 0 0;
}

a.nav6
{
width: 55px;
background: url(/img/interior/buttons/button_inside_links.gif) no-repeat 0 0;
}

a.nav7
{
width: 96px;
background: url(/img/interior/buttons/button_inside_contact.gif) no-repeat 0 0;
}

a.nav8
{
top: 43px;
left: 563px;
width: 164px;
height: 29px;
background: url(/img/interior/buttons/button_inside_join.gif) no-repeat 0 -29px;
}


/* ID'S */
#siteBody {}
#tupperware 
{
background: transparent url(/img/interior/backgrounds/background_tupperware.gif) repeat-y 0 0;
}

#header h1,
#header h2,
#nav span,
#nav8 span,
#buildAndPowered span,
#toc h3,
#previous,
#tocCount,
#next
{
display: none;
}

#emptyDiv1,
#emptyDiv7,
a.nav8
{
display: block;
position: absolute;
}


#emptyDiv1
{
top: 0;
left: 0;
height: 14px;
width: 100%;
background: white;
}

#nav
{
position: absolute;
top: 30px;
left: 21px;
z-index: 5;
height: 30px;
background: white url(/img/interior/backgrounds/background_top_bar.gif) repeat-x 0 23px;
}

#nav ul,
#nav li
{
float: left;
padding: 0;
margin: 0;
border: 0;
list-style-type: none;
}


#myContent
{
padding-top: 185px;
margin-left: 45px;
width: 510px;
/*background: blue;*/
}

#myCalBody
{
padding-top: 0px;
margin-left: 0px;
width: 320px;
height: auto !important;
height: 500px;
overflow: visible;
/*background: red;*/
}


#myContent h3
{
margin: 0 0 4px 0;
width: 510px;
font: bold 22px/22px verdana,arial,sans-erif;
color: #333;
}


#myContent h4
{
margin: 0;
border-bottom: 1px dotted #333;
font: italic bold 18px/18px "Hoefler Text",Hoefler,Serif;
color: #333;
}

#myContent p
{
margin: 3px 0 8px 0;
font: 13px/18px "Hoefler Text",Hoefler,Serif;
color: #333;
text-align: justify;
}

#footer
{
position: static;
bottom: 0;
margin-left: 14px;
height: 50px;
margin-left: 14px;
width: 572px;
background: white url(/img/interior/backgrounds/background_bottom.gif) no-repeat 0 0;
}

#companyCopyRight 
{
padding: 25px 0 0 25px;
font: 10px/10px arial,helvetica,sans-serif;
color: #777;
text-align: left;
text-transform: uppercase;
}

#buildAndPowered a 
{
display; block;
position: absolute;
margin-top: -10px;
margin-bottom: 10px;
left: 485px;
width: 90px;
height: 27px;
background: url(/img/builtandpowered.gif) no-repeat 0 0;
}

#buildAndPowered a:hover
{
background-position: 0 -27px;
}

#imageHolder
{
display: block;
position: absolute;
top: 425px;
left: 586px;
width: 147px;
height: 97px;
border-top: 1px solid #004071;
border-right: 1px solid #004071;
border-bottom: 1px solid #004071;
}

#imageHolder img
{
border: 1px solid white;
}

#toc
{
display: block;
position: absolute;
top: 130px;
left: 586px;
width: 145px;
height: auto;
}

#toc ul,
#toc li
{
margin: 0;
padding: 0 0 1px 3px;
list-style-image: url(/img/interior/icon_toc.gif) !important;
list-style-position: inside;
}

#toc a
{
font: 12px/12px arial,helvetica,sans-serif;
color: #004172;
text-decoration: none;
}

#toc a:hover
{
font-weight: bold;
color: white;
}


#tocNav {}
#previous {}
#tocCount {}
#next {}

#archives a,
#relatedDocs a,
{
margin-left: 10px;
font: bold 12px/22px arial,helvetica,sans-serif;
}

#archives
{
margin: 5px 5px 0 8px;
border-top: 1px solid #004172;
}

#emptyDiv2
{
display: block;
position: absolute;
top: 295px;
left: 619px;
width: 83px;
height: 111px;
background: url(/img/interior/backgrounds/background_featured_member.gif) no-repeat 0 0;
}

#emptyDiv2 img
{
margin: 3px 0 0 3px;
}

#emptyDiv3
{
display: block;
position: absolute;
top: 524px;
left: 586px;
width: 147px;
height: 94px;
border-right: 1px solid #004071;
border-bottom: 1px solid #004071;
}

#emptyDiv3 img
{
border: 1px solid white;
}

#emptyDiv4 {}

#emptyDiv5
{
display: block;
position: absolute;
top: 90px;
left: 45px;
width: 170px;
height: 66px;
background: url(/img/interior/interior_logo.gif) no-repeat 0 0;
}

#emptyDiv6 /* THIS IS A COVER UP */
{
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 586px;
height: 58px;
background: white;
} 

#emptyDiv7
{
top: 8px;
left: 584px;
z-index: 4;
width: 164px;
height: 65px;
background: url(/img/interior/arrow_top.gif) no-repeat 0 0;
}

#imageContainer {}
#picNav {}
#previousPic {}
#picCount {}
#nextPic {}

#smallCal,
#relatedDocs
{
display: block;
position: absolute;
top: 232px;
left: 390px;
width: 170px;
height: auto;
}

#relatedDocs h5
{
margin: 5px 0 5px 0 !important;
margin: 5px 0 5px 10px;
font: bold 12px/22px arial,helvetica,sans-serif;
}


#calNav,
#calNav tr,
#calNav table,
.otherCalHead
{
width: 170px;
border: 0px solid black;
background-color: #005BA1;
}

#calNav td,
.calendar td,
.calendar th,
h3.otherCalHead
{
margin: 0;
padding: 4px 0px 4px 0px;
text-align: center;
}

#currentMonth,
#previousMonth,
#previousYear,
#nextMonth,
#nextYear,
#calNav a,
h3.otherCalHead
{
font: bold 12px/12px "Hoefler Text",Hoefler,Serif;
color: white;
}

#calProp
{
display: block !important;
display: none;
float: left;
width: 1px;
height: 500px;
}



/* CLASSES */
.myDate,
h3.viewAll a
{
display: block;
font: 12px/25px "Hoefler Text",Hoefler,Serif;
color: #005BA1;
text-align: right;
}

.contentImage
{
float: right;
width: 175px;
height: 175px;
border: 1px solid black;
margin: 5px 0 5px 10px;
}
.contentDocument
{
float: right;
width: 100px;
height: 40px;

}
.p1 {}
.p2 {}
.p3 {}
.p4 {}
.contentTable {}
.trBG {}
.thBG {}
.tdBG {}

.calendar
{
width: 170px;
/*height: 170px;*/
margin-bottom: 2px;
border-bottom: 1px solid black;
font: 12px/12px "Hoefler Text",Hoefler,Serif;
color: black;
}

.calendar th,
#otherCals,
#otherCals li a
{
font: normal 12px/12px "Hoefler Text",Hoefler,Serif;
color: black;
}


#otherCals li,
#otherCals ul
{
margin: 0px
padding: 4px 0 4px 0px;
list-style-type: none;
}
.calHilite
{
background-color: #CCCCFF;
}

.calHilite:hover
{
background-color: #CCCFFF;
}

.calHilite a
{
color: red;
}

/* BASIC STYLINGS WE USE NOT YET SET IN XHTML */
.content {}
.small {}
.large {}
.title {}
.black {}
.white {}
.red {}
.error {}
.alt {}
.blackBG {}
.whiteBG {}
.redBG {}
.altBG {}
.errorBG {}

.otherCalHead {}
.viewAll 
{
margin: 0px;
padding: 0px;
border-top: 1px solid black;
}

/* -------------------------------------------------------------------------- *\
						ADD IMPORTS AFTER HERE
\* -------------------------------------------------------------------------- */
/* calendar hack */
a.member
{
font: 12px/12px arial,helvetica,sans-serif;
color: #004172;
text-decoration: none;
}

.cal_nav
{
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	color: #FFFFFF;
	text-decoration: none;
	background:  #0066CC none repeat scroll 0%;
}

.cal_bgrnd
{
	font-family: Times, Serif;
	color: #000000;
	background: #FFFFFF;
	font-size: .7em;
	text-decoration: none;
	border-bottom: 1px #808080 solid;
	padding: 0px;
	margin: 0px;
}
.tbl_heading{
	background:  #0066CC none repeat scroll 0%;
	color: #000000;
	font-family: Times, Serif;
	font-size: 14px;
	-moz-background-clip: initial;
	-moz-background-origin: initial;
	-moz-background-inline-policy: initial;
}

#relatedDocs .contentImage
{
margin: 5px;
}