@charset "utf-8";
/* CSS Document */

body { background:url(../images/structure/body.jpg) repeat-x; font-family: Verdana, Helvetica, Arial, Verdana, sans-serif; font-size:12px; }
html>/**/body #logo { margin:0px 0px 10px 0px;}

.spacer{clear:left;}
.clear {clear:both;}

p {font-size:12px; color:#000; /*padding:10px; margin:10px 40px 10px 30px;*/ line-height:16px;}
h1 {background:; padding:10px 5px 12px 15px; width:730px; margin:0px 0px 0px 0px; text-align:left; text-transform:capitalise; font-weight:bolder; color:#000; font-size:20px; border-bottom:#ccc solid 2px; }
h2 { background:#b3081b; padding:10px; margin:0px 0px 0px 0px; text-align:left; color:#ffffff; font-size:14px;}
h3 { padding:0px; margin:20px 0px 0px 20px; text-align:left; font-weight:bolder; color:#b3081b; font-size:14px; }

a {text-decoration:none; color: #E41819; font-weight:bold;}
a:hover {color: #781e1e;}

/* image varients */
img.right1 {float:right; margin:25px 20px 20px 20px;}
img.right {float:right; border:#333 solid 1px; margin:25px 20px 20px 20px;}
img.left {float:left; border:#333 solid 1px; margin:30px 20px 0px 20px;}
img.centre {display:block; margin-left: auto; margin-right: auto; border:none;}
img.ob {display:block; margin-left: auto; margin-right: auto; margin-top:20px; margin-bottom:30px; border:none;}
img.bio {border:1px solid #333; margin: 0px; padding: 0px;}
img.landscape {display:block; margin-left: auto; margin-right: auto; border:none;}
div.img {padding:0px; float:left; margin:0px 0px 0px 25px; border:1px solid #333; height:auto; width:auto;}
div.desc {text-align:center; width:auto; font-size:11px; margin:2px;}
.image_contact { margin: 0px 0px 0px 3px;  border:0px; }

table {clear:both; margin:0px 0px 0px 20px; border-collapse:collapse; border:1px solid #333;}
td,th {padding:3px; border-right:1px solid #999;}
th {text-align:center; background-color:#333; color:#fff;}
td {text-align:center; border-bottom:1px solid #666;}

#outside-area {background:; width:980px; margin:0px auto;}
#outside-area2 {background:#b3081b; width:980px; margin:0px auto;}

#logo { background:url(../images/structure/sis-live-logo.jpg); width:210px; height:139px; float:left; margin:-7px 0px 10px 0px;}

/*#contact { background:; height:120px; float:right; width:750px;}
#contact p { font-size:14px; text-align:right; margin:80px 0px 0px 0px; color:#fff;}
#contact a { text-decoration:none; text-transform:; color:#ffffff;}
#contact a:hover {color:#ccc; }*/
#contact {position:relative; background:; height:120px; float:right; width:750px;}
#contact p { font-size:12px; text-align:right; margin:80px 0px 0px 0px; color:#fff;}
#contact-icons {position:absolute; top:25px; right:0px;}
#contact-menu {position:absolute; top:0px; right:0px;}
#contact-menu p {margin:0px 0px 0px 0px; font-size:12px; color:#fff;}
#contact a { text-decoration:none; text-transform:; color:#ffffff;}
#contact a:hover {color:#ccc; }


/*#top-nav { background:; clear:right; float:right;  }
#top-nav h2 { background:; margin:0px; padding:0px; }
#top-nav ul { padding:0px; margin:0px 0px 0px 0px; background:; width:750px; font-size:14px;}
#top-nav li { list-style-type:none; float:right; margin:0px 0px 0px 0px;}
#top-nav a { background:#781e1e; text-decoration:none; display:block; padding:4px 12px 5px 12px; text-transform:; color:#ffffff; border-left:#E41819 solid 2px;}
#top-nav a:hover { background:#b3081b; }*/

/* banner can be removed once finished */
#banner {clear:left; background:#993333; margin:5px 0px 0px 0px; height:200px;}
#banner-wrapper {clear:left; background:#b3081b; margin:5px 0px 0px 0px; height:200px;}
#banner-text {float:left; width:190px; margin-top:165px; margin-left:15px; color:white; font-size:20px; font-weight:bold;}
#banner-image {float:right;}

/* left nav area */
#col-left {background:#b3081b; width:230px; float:left; margin:0px 0px 0px 0px; font-size:14px; }
#col-left ul { margin:0px; padding:0px; }
/* margin in here for ie 6*/
#col-left li { list-style-type:none; display:inline; margin:0px 0px 0px 0px;}
#col-left a {background:#781e1e; display:block; padding:5px 0px 5px 15px; text-transform:; text-decoration:none; color:#FFFFFF; border-bottom:#E41819 solid 1px;}
#col-left a:hover { background:#E41819;}
#col-left ul ul a { background: #b3081b; padding:5px 15px 5px 30px;}

/* return to...link */
.return {margin-right:20px; margin-top:15px; float:right;}

/* image for biography pages */
.biography {background:#eee; margin:15px 0px 0px 20px; width:500px; float:left;}
.biography-image {border-bottom:solid 1px #666; border-left:solid 1px #666; border-right:solid 1px #666; float:right; margin:0px 0px 10px 20px;}

/* image and text for pictures */
.picture { background-color: #eee; border: 1px solid #666; padding: 3px; margin: 5px 0px 20px 20px; font-size:11px; float:left; } 
.picture img { border: 1px solid #666; vertical-align:middle; margin-bottom: 3px; } 
/*.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; } 
.left { margin: 0.5em 0.8em 0.5em 0.8em; float:left; } */

/* image and text for pictures SWAP WITH PICTURES ONCE CHECKED */
.picture1 { background-color: #eee; border: 1px solid #999; padding: 0px 0px 5px 0px; font-size:11px; text-align:center; } 
.picture1 p {margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.picture1 img { border: 0px solid #666; vertical-align:middle; } 
.right { margin:20px 20px 20px 0px; float:right; } 
.left { margin: 0.5em 0.8em 0.5em 0.8em; float:left; }

.mainsplit { background:#eee; margin:15px 0px 0px 20px; width:345px; float:left;}

/* everything above is used */

/* movie clips */
.movie {margin:10px 0px 20px 25px;}

.bulletbox {background:#ccc; padding:5px; margin:0px 10px 0px 20px;}
/* requires IE7 image alignment */
.bullets ul {list-style:none; background:; padding:9px 10px 0px 50px;  margin:10px;}
.bullets li { padding:5px 10px 0px 10px; width:400px; margin:0px 0px 0px 10px; text-align:left; list-style-image:url(../images/misc/bullet.gif);}

.bullox ul {list-style:none; background:#ccc; padding:0px 10px 0px 50px;  margin:10px;}
.bullox li { background:#ccc; padding:5px 10px 0px 10px; width:400px; margin:0px 0px 0px 10px; text-align:left; list-style-image:url(../images/misc/bullet.gif);}

#col-middle {background:; padding:0px 0px 0px 0px; min-height:100%; width:400px; float:left;}
#col-rhs {background:#eee; width:340px; min-height:100%; float:right; margin:0px 0px 0px 0px;}
#col-rhs h3 {padding:0px; margin:20px 0px 0px 20px; text-align:left; font-weight:bolder; color:#333; font-size:14px; }

.boxed {background:#eee; margin:0px 0px 0px 0px; width:100%; float:left;}
.boxed-image {border:solid 1px #000; float:right; margin:0px 0px 5px 10px;}
.boxed p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px;}

/* main page span for unique content */
#col-span { background:#f9f9f9; min-height:385px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; width:750px; }
#col-span p {padding:0px; margin:10px 40px 10px 20px; line-height:18px;}
/* not sure */
#col-span .mid ul {background:#fff; padding:10px;  margin:0px 0px 0px 0px; font-size:12px; font-weight:bold; width:450px;}
#col-span .mid li {background:#fff; margin:5px 5px 5px 5px;  text-align:left;}

.quote {background:#b3081b; margin:10px 0px 0px 20px; width:450px; float:left;}
.quote p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:white; font-size:12px;}

.key {background:#ccc; width:200px; padding:8px; margin:10px 20px 0px 0px; float:right; font-size:12px;}

#leftbox {background:; float:left; width:360px; height:250px; margin:0px 0px 0px 20px; }
#firstbox {background:; float:left; width:360px; height:250px; margin:0px 0px 0px 20px; }
#rightbox {background:; clear:right; float:right; width:360px; height:250px; margin:0px 0px 0px 0px; }
#linkbox {background:#ddd; float:right; width:160px; padding:3px 0px 3px 0px; margin: 0px 0px 0px 0px; font-size:12px; text-align:center;}

.overviewbox {background:; float:left; margin:0px 20px 0px 20px; }
.overviewbox img {margin:20px 0px 20px 0px; border:none;}
.overviewbox p {font-size:11px; color:#000;}

#menubox {background:; float:left; width:570px;}
#menubox ul {background:; padding:0px; margin:0px auto; font-size:12px;}
#menubox li { list-style-type:none; float:left;}
#menubox a {background:#ccc; text-decoration:none; display:block; padding:3px 7px 3px 7px; font-weight:bold; text-transform:; color:#000; border-right:#fff solid 2px;}
#menubox a.selected { background:#fefefe;}
#menubox a:hover { background:#fefefe;}

#col-mid {background:; padding:0px 0px 0px 0px; min-height:100%; width:500px; float:left; border:#bbbbbb solid 0px; }

.sections {background:#eee; margin:10px 0px 0px 20px; width:344px; float:left;}
.sections-image {border:solid 1px #000; float:right; margin:0px 0px 5px 10px;}
.sections p {margin:10px 0px 10px 10px; padding:0px 0px 0px 0px; font-size:12px;}

.news {background:#eee; margin:10px 0px 0px 20px; width:450px; float:left;}
.news-image {border:solid 1px #000; float:right; margin:0px 0px 5px 10px;}
.news p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px;}

/*SWAP WHEN CHECKED WITH ORIGINAL*/
#col-right1 {background:; width:218px; min-height:100%; float:right;}
#col-right1 p {margin:10px 0px 10px 5px; color:#333;	line-height:14px;}
#col-right1 a {text-decoration:none; color: #E41819; }
#col-right1 a:hover {text-decoration:none; color:#781e1e;}

#col-right {background:#eee; width:218px; min-height:100%; float:right;}
#col-right p {margin:10px 0px 10px 5px;	color:#333;	line-height:14px;}
#col-right a {text-decoration:none; color: #E41819; }
#col-right a:hover {text-decoration:none; color:#781e1e;}

.box {	background:; padding:0px; margin:0px 0px 0px 0px;}
	
/*Footer*/
#footer {position:relative; background:#b3081b; width:980px; height:250px; clear:both; padding: 0px 0px 0px 0px;}
#footer p {color:#ccc; margin:0px;}
#footer h2 {color:#fff; font-size:16px; font-weight:bold; margin:0px;}
#footer h4 {color:#ccc; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 0px 10px 0px;}
#footertitle {position:absolute; left:5px; top:0px; }
#footercopy {position:absolute; width:900px; left:5px;  bottom:5px;}
#footercopy p{color:#ddd; font-size:11px;  line-height:15px;}
.footerbox {float:right;  padding: 1px 20px 1px 2px; margin:0px auto;}
#footer ul { padding:0px; margin:1px auto; font-size:12px;}
#footer li { list-style-type:none; border-left:#ccc solid 2px; padding:3px;}
#footer a { text-decoration:none; padding:0px 15px 0px 5px; font-weight:bold; color:#fff;}
#footer a:hover { text-decoration:underline; color:#ddd;}
#legal p {background:#fff; color:#555; font-size:11px;  line-height:15px;}



/*Testimonials */
.csc {background : #b3081b url(/images/misc/tl.png) no-repeat;  width : 550px;  height : auto;  position : relative;  padding : 10px;  margin: 20px;}
.csc p {  font-size:12px; color:white;}
/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {  position : absolute;  width : 9px;  height : 9px;  /* corner images are 40x40 */  display : block;  margin-bottom : -1px;  /* this is for IE */}
/* change position and image: top-right */
.tr {  background : transparent url(/images/misc/tr.png) no-repeat;  top : 0;  right : 0;}
/* change position and image: bottom-left */
.bl {  background : transparent url(/images/misc/bl.png) no-repeat;  bottom : 0;  left : 0;}
/* change position and image: bottom-right */
.br {  background : transparent url(/images/misc/br.png) no-repeat;  right : 0;  bottom : 0;}