/*            
  ___ ___ ___ 
 / __/ __/ __|
| (__\__ \__ \
 \___|___/___/
              
================================================================
Global CSS file for Union Add website

Created by:	Lorraine Humm lorraine@divine-creations.com
			
================================================================
*/

/*-- IE7, Firefox 2.0 --*/
/*-- © Divine-Creations.Com Limited 2007 --*/
/*-- Divine-Creations.Com Limited will not be liable for any modifications to this document --*/

body {
	margin: 0;
	padding: 0;
	/*--background-color: #009900;--*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	}

h1 {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 5px;
	}
h2 {
	font-size: 1em;
	font-weight: bold;
	}
p {font-size: 0.9em;}
a, a:link, a:visited {color: #990000;}
a:hover {color: #f10906;}

/*-- containers --*/
#container {
	width: 860px;
	margin: auto;
	/*--background-color:#009900;*/
	}
#wrapper {
	/*background-color: #009900;*/
	width: 860px; /*900*/
	padding:0 0px 0 0px;
	margin: auto;
	}
#topbar {
	width: 860px;
	height: 175px;
	float: left;
	}
#text {
	width: 857px;
	height: 19px;/*--21--*/
	padding: 2px 3px 0px 0px;
	text-align: right;
	background-image: url(../images/structure/topbar.gif);
	background-repeat: no-repeat;
	margin: 0px;
	font-size: 0.8em;
	float: left;
	color: #FFFFFF;
	}
#mast {
	width: 860px;
	height: 110px;
	margin: 1px 0 1px 0;
	float: left;
	}

#lowerwrap {
	margin:0px;
	float: left;
	}
#footer {
	background-image:url(../images/structure/footbar.gif);
	background-repeat: no-repeat;
	text-align: center;
	clear: both;
	height: 18px; /*21*/
	padding-top: 3px;
	font-size: 0.8em;
	color: #FFFFFF;
	}
	
/*-- portal definitions --*/

#leftcol {
	width: 250px;
	float: left;
	}
#leftcol h2 {
	width: 240px; /*-- 250 --*/
	height: 20px; /*-- 25 --*/
	padding: 5px 5px 0px 5px;
	margin: 0;
	background-color:#b2b2b2;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 0.8em;
	color: #FFFFFF;
	}
#leftcol h2 a {color: #FFFFFF; text-decoration: none;}

#rightcol {
	width: 600px;
	float: left;
	}

/*--holds 3 portal boxes HOMEPAGE --*/

#boxpos {height: 140px; width: 99%}
#boxpos p {margin: 3px;}

/* individual portal box styles and definitions --*/

.box {
	width: 184px;
	float: left;
	margin-right: 5px;
	border: 1px solid #8f8f8f;
	}
.box h2  {
	padding: 3px;
	margin: 0;
	background: #009900;
	/*background: #f10906;*/
	}


/*-- navigation - VALUES NEED TO BE ADJUSTED ACCORDING TO ITEMS PLACED ON PAGE--*/

#navwrap {
	/*width: 860px;*/
	clear:both;
	width: 100%;
	height: 29px;
	background-image:url(../images/structure/nav.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	float: left;
	}

#nav {
	padding: 0;
	margin: 0;
	}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#nav li {
	list-style: none;
	float: left;
	padding: 0px;
	width: auto;
	margin: 0;
	}
	
#nav a {
	display: block;
	border-right: solid #fff 1px;
	color: #000;
	text-decoration: none;
	padding: 0.5em 1.5em 0.35em 1.5em;
	margin: 0.4em 0em 0.3em 0em;
	vertical-align: middle;
	}
	
#nav a.last {border-right: none;}
#nav a:hover {background-color: #ceced1;}


#button {
width: 150px;
border-right: 1px solid #fff;
padding: 0 0 1em 0;
font-family: 'Trebuchet MS', 'Lucida Grande',
Verdana, Lucida, Geneva, Helvetica,
Arial, sans-serif;
color: #333;
}

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
border-bottom: 1px solid #4D1979;
margin: 0;
}

#button li a {
display: block;
padding: 5px 0px 10px 0.5em;
/*border-left: 10px solid #4D1979;
border-right: 10px solid #4D1979;*/
background-color: #009000;
color: #fff;
text-decoration: none;
}

#button a:hover {background-color: #ceced1;}

/*-- text styling --*/
.quotation {
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
	text-align: right;
	margin-right: 10px;
	}
html { height: 100%; margin-bottom: 1px; }

.newwindowurl {
	background:  url("../images/icons/newwindow.gif") no-repeat 0px 2px;
	padding-left: 15px;
	}
.newwindowrev {
	background:  url("../images/icons/newwindowrev.gif") no-repeat 0px 2px;
	padding-left: 15px;
	}

.logos
{
    width:800px;
    clear:both;
    /*--background-color: #009000;*/
    height:67px;
    vertical-align:middle;
}

.table
{
    border:solid 1px black;
    width:100%;
    }

.table thead tr td
{
    font-weight:bold;
    }

.table tr td
{
    border:solid 1px black;
    }