/* CSS for SIP site */

html, body {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 line-height: 110%;
 margin: 0;
 padding: 0;
 background: white url(images/bg_tile.gif) repeat scroll 0% 0%;
}

p {
 font-size: small;
}

h1, h2 {
 font-family: Georgia, Times, serif;
 font-size:x-large;
 padding: 5px;
}

h1 {
 text-align: center;
}

#tagline h1 {
 margin:0;
 padding:5px;
 text-align: left;
 color: red;
 font-size: 40px;
 line-height: 100%
}

h2 {
 border-bottom: 1px dashed #990000;
 margin-bottom: 0;
}

h4 { padding: 10px 4px;
 margin: 0;
 }

.highlight {
 color: red;
 font-size: medium;
}

li {
 font-size: small;
}

a { font-weight: 800; }

a img { border: none; }

a:link, a:visited {
 color:#000;
 text-decoration: none;
 }

a:hover {
 text-decoration: underline;
 }

a:active { }

#wrapper {
width: 960px;
margin: 0 auto;
border-left: 3px solid red;
border-right: 3px solid red;
background-color: #fff;
}

#header {
 height: 170px;
 background: white url(images/bg_sip_header.jpg) no-repeat scroll 0% 0%;
}

#header img { margin-top: 10px;
 margin-left: 15px;
}

#tagline {
 left: 165px;
 top: 105px;
}

#main-nav {
 width: 100%;
 border-top: 6px solid red;
 background-color: #000;
 height: 36px;
}

#main-nav ul {
padding: 0;
margin:0;
list-style-type: none;
margin-left: 50px;
}

#main-nav li {
float: left;
}

#main-nav a {
 display: block;
 font-weight: 900;
 font-size: large;
 color: #fff;
 padding: 9px 20px;
}

#main-nav a:link.page { background-color: red; }

#main-nav a:link, #main-nav a:visited {
 text-decoration: none;
 background-color: #000;
}

#main-nav li a:hover {
 background-color: #990000;
}

#container {
 clear: both;
 background: white url(images/bg_body.gif) no-repeat scroll bottom right;
 border-bottom: 5px solid red;
}

#page-content {
 margin: 25px;
 margin-bottom: 0;
 padding-bottom: 25px;
}

#page-content.holder {
 width: 600px;
}

.column { 
 width: 290px;
}

#col-centre img.inset {
 margin: 0px 4px 4px 0; 
 float:left;
}

#col-centre p {
 margin-bottom: 20px;
}

#col-right {
 margin-left: 620px;
 background: transparent url(images/sip-news-box.gif) no-repeat scroll 0% 0%;
}

#col-right .news{
 margin: 20px;
 border-bottom: 2px dashed #000;
}

#col-float {
 left: 620px;
 top: 0;
 background: transparent url(images/sip-news-box.gif) no-repeat scroll 0% 0%;
}

.box-inset {
 margin: 20px;
 background-color: #fff;
 border: 1px solid red;
}

.clientlogo { float:left; margin: 4px;}
.photo-right { float:right;}

p.photo {
 font-size: 8pt;
 color: gray;
}

.content-box {
 margin-bottom: 20px;
 padding-bottom: 20px;
 border-bottom: 2px dashed #000;
} 

/*---------------Table styling---------------*/
table {
 border-collapse: collapse;
 margin: 10px 0 30px 0;
}

th {
 color: red;
 background-color: black;
 padding: 0.2em;
}

td {
 border: 1px solid black;
 font-size: small;
 padding: 0.2em;
}

td.month {
 color: red;
 font-size: medium;
 border: 0;
 background-color: #fff;
 padding-top: 10px;
}

/*-----------Positioning info-------------------*/
#header, #page-content {
 position:relative;
}

#tagline, #col-left, #col-centre, #col-float {
 position: absolute;
}

#col-left { top: 0; left: 0; }

#col-centre { top: 0; left: 310px; }