/**************************************************/
/* Author: Laura Slovesko, Scope Interactive */
/**************************************************/

/**********************************************/
/* HTML5 Elements rule for older browsers     */
/**********************************************/

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

body {
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Sans-serif;
	font-size: 10pt;
	line-height: 16pt;
	color: #000000;
	}

h1 {
	margin: 10px 0px 0px 0px;
	font-size: 10pt;
	text-transform: uppercase;
	color: #434594;
	}
h1.hang {
	margin: 10px 0px 5px 220px;
	font-size: 13pt;
	font-style: italic;
	text-transform: uppercase;
	text-indent: -220px;
	color: #434594;
	}

h2 {
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	}
	
h3 {
	margin: 0px 0px 10px 0px;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	}

h4 {
	color: #0097f0;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	}
	
h5 {
	margin: 0px 0px 10px 0px;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	}

img.iconlink {
  float: right;
  border: 0px;
  margin: 0px 350px 10px 0px;
  padding: 0px;
  }

	
#enclose {
	width: 800px;
	margin: 0px auto 0px auto;
	background: url('images/greybg.gif') repeat-y;
	}
	
#topmenu {
	padding: 105px 0px 0px 70px;
	height: 79px;
	background: url('images/topmenu2.jpg') #ffffff no-repeat;
	}

#topmenu ul {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#topmenu ul li {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url('images/whitearrow.gif') no-repeat 0 .3em;
	line-height: 9pt;
	}

#topmenu a {
  font-size: 8pt;
  color: #ffffff;
  line-height: 9pt;
  text-decoration: none;
  font-weight: bold;
  margin: 0px 10px 0px 10px;
  }
#topmenu a:hover {
  color: #d1d2ee;
  }
#topmenu a#ChangeLink {
  margin: 0 0 0 95px;
  }

#topmenu2 {
	padding: 103px 0px 0px 70px;
	height: 27px;
	background: url('images/topmenu2sub.jpg') #f37820 no-repeat;
	}
	
#topmenu2 ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 63px;
	}
	
#topmenu2 ul li {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	display: inline;
	}
	
#topmenu2 a {
	font-size: 8pt;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	}
	
#topmenu2 a:hover {
	color: #d1d2ee;
	}
	
#maintext {
	margin: 0px 0px 0px 70px;
	padding: 0px 0px 0px 50px;
	background: url('images/lineboxbg.gif') no-repeat;
	border-top: 1px solid #f37820;
	font-size: 12px;
	color: #656565;
	}
	
#maintextsub {
	margin: 20px 0px 0px 85px;
	padding: 0px 0px 0px 50px;
	font-size: 12px;
	color: #656565;
	}

#HomeRight {
  float: right;
  width: 245px;
  margin: 0 0 0 10px;
  }

#header {
  margin: 17px 0px 40px 70px;
  padding: 12px 12px 12px 12px;
  float: right;
  background: #c1cad9;
  text-align: center;
  }
	
#header img {
	margin: 0px 0px 3px 9px;
	display: block;
	border: 0px;
	}
	
#header a {
	font-size: 8pt;
	font-weight: bold;
	line-height: 11pt;
	color: #434594;
	}

#hotbox {
  clear: right;
  background: #fbfbfb;
  margin: 0 0 0 2px;
  padding: 10px 10px 5px 20px;
  }
#hotbox p {
  margin: 0 0 10px 0;
  font-size: 12px;
  line-height: 16px;
  }

#news {
	width: 350px;
	margin: 20px 0px 0px 120px;
	font-size: 12px;
	line-height: 16pt;
	color: #656565;
        background: url('images/bgDG.gif');
	}
#news h1 {
	margin: 10px 10px 5px 10px;
	font-size: 13pt;
	line-height: 20pt;
	font-style: italic;
	text-transform: uppercase;
	color: #656565;
	text-indent: 0px;
        border-bottom: 1px dashed  #656565;
	}
#news p {
	margin: 5px 10px 5px 10px;
	}
#news img {
	margin: 0px 10px 0px 10px;
	}

#news a {
	color: #f37820;
	text-decoration: none;
	margin: 0px 10px 0px 10px;
	}
	
#news ul {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 13pt;
	}
	
#news ul li {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url('images/greyarrow.gif') no-repeat 0 .5em;
	}

#submenu {
	background: url('images/linebox-small.jpg') #ffffff no-repeat;
	height: 30px;
	margin: 0px 0px 0px 70px;
	padding: 0px 0px 0px 50px;
	font-weight: bold;
	border-top: 1px solid #f37820;
	}
		
#submenu ul {
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	}
	
#submenu ul li {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 11px 0px 11px;
	display: inline;
	border-right: 1px solid #434594;
	}
	
#submenu ul li.last {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 11px 0px 11px;
	display: inline;
	border-right: 0px solid #434594;
	}
	
#submenu a {
	font-size: 10pt;
	color: #4b80b7;
	text-decoration: none;
	}
	
#headersub {
  display: none; 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 0px;
  }

#workpagecontent {
  margin: 0px 0px 0px 70px;
  padding: 20px 0px 0px 65px;
  background: #ffffff url('images/linebox-small.jpg') no-repeat;
  }

#interactive {
	margin: 0px 0px 20px 0px;
  clear: both;
	}
	
#interactivefeat {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width: 295px;
	background: #656565;
	font-size: 7pt;
	line-height: 11pt;
	float: left;
  height: 175px;
	}

#interactivefeat img {
	margin: 10px 10px 10px 0px;
	float: left;
	}

#interactivefeat a { color: #cfcfcf; }
#interactivefeat a:hover{ color: #ffffff; text-decoration: none;}
	
#interactivelinks {
	float: left;
	width: 355px;
	padding: 0px 0px 0px 0px;
	background: #656565;
	font-size: 7pt;
	line-height: 13pt;
  height: 175px;
	}
#interactivelinks h3 {
  margin: 10px 0px 10px 0px;
  font-size: 8pt;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  }

#interactivelinks ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	}
	
#interactivelinks ul li {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
  float: left;
  width: 165px;
	}

#interactivelinks a { color: #cfcfcf; }
#interactivelinks a:hover{ color: #ffffff; text-decoration: none;}

#marketingcommunications {
	margin: 0px 0px 20px 0px;
  clear: both;
	}
#marketingcommunications h4 {
  padding: 20px 0 0 0;
	}

#marketingcommunicationsfeat {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: #656565;
	width: 295px;
	font-size: 7pt;
	line-height: 11pt;
	float: left;
  height: 175px;
	}

#marketingcommunicationsfeat a { color: #cfcfcf; }
#marketingcommunicationsfeat a:hover{ color: #ffffff; text-decoration: none;}

#marketingcommunicationsfeat img {
	margin: 10px 10px 10px 0px;
	float: left;
	}

#marketingcommunicationslinks {
	float: left;
	background: #656565;
	width: 355px;
	padding: 0px 0px 0px 0px;
	font-size: 7pt;
	line-height: 13pt;
  height: 175px;
	}
#marketingcommunicationslinks h3 {
  margin: 10px 0px 10px 0px;
  font-size: 8pt;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  }

#marketingcommunicationslinks ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	}

#marketingcommunicationslinks ul li {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
  float: left;
  width: 165px;
	}

#marketingcommunicationslinks a { color: #cfcfcf; }
#marketingcommunicationslinks a:hover{ color: #ffffff; text-decoration: none;}

#mediacommunications {
	margin: 0px 0px 20px 0px;
  clear: both;
	}
#mediacommunications h4 {
  padding: 20px 0 0 0;
	}

#mediacommunicationsfeat {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: #656565;
	width: 295px;
	font-size: 7pt;
	line-height: 11pt;
	float: left;
  height: 175px;
	}

#mediacommunicationsfeat a { color: #cfcfcf; }
#mediacommunicationsfeat a:hover{ color: #ffffff; text-decoration: none;}

#mediacommunicationsfeat img {
	margin: 10px 10px 10px 0px;
	float: left;
	}

#mediacommunicationslinks {
	float: left;
	background: #656565;
	width: 355px;
	padding: 0px 0px 0px 0px;
	font-size: 7pt;
	line-height: 13pt;
  height: 175px;
	}
#mediacommunicationslinks h3 {
  margin: 10px 0px 10px 0px;
  font-size: 8pt;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  }

#mediacommunicationslinks ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	}

#mediacommunicationslinks ul li {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
  float: left;
  width: 165px;
	}

#mediacommunicationslinks a { color: #cfcfcf; }
#mediacommunicationslinks a:hover{ color: #ffffff; text-decoration: none;}

img.feature {
	margin: 10px 15px 25px 0px;
	float: left;
	}

#summarybox {
	margin: 20px 15px 10px 0px;
	padding: 5px 5px 5px 5px;
	background: #f47820;
	width: 240px;
	float: left;
	font-size: 8pt;
	font-weight: bold;
	line-height: 15pt;
	color: #000000;
	clear: left;
	}
.coname {
	font-weight: normal;
	color: #3a3a3a;
	}

#CustQuote {
  background: #c8d9f4;
  clear: both;
  border: 2px solid #004ebc;
  -moz-border-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin: 20px 50px 20px 50px;
  padding: 15px 30px 20px 30px;
  font-size: 18px;
  line-height: 30px;
  font-style: italic;
  }
#CustQuote h1 {
	margin: 0 0 10px 0;
	font-size: 14px;
  line-height: 14px;
	text-transform: capitalize;
	color: #032366;
  letter-spacing: 1px;
	}

#bottomtext {
  margin: 20px 0px 0px 160px;
  padding: 0px 0px 20px 0px;
  font-size: 12px;
  color: #656565;
  clear: both;
  }
	
.bold {
	font-weight: bold;
	}
	
.bold2 {
	font-weight: bold;
	}
	
a:link { color: #4b80b7; }
a:visited { color: #4b80b7; }
a:hover{ color: #434594 }


a.work:link { color: #ffffff;}
a.work:hover { color: #ffffff; text-decoration: none; }


#Slinks {
  margin: 10px 0 0 135px;
  padding: 0 0 10px 0;
  border-bottom: 2px dotted #656565;
  }
#Slinks a:link {
  margin: 0 50px 0 0;
  color: #4a2f7c;
  font-size: 11px;
  line-height: 14px;
  text-decoration: none;
  }
#Slinks a:visited { color: #4a2f7c; }
#Slinks a:hover { color: #0119f5; text-decoration: underline;}
#Slinks a.Long {
  display: block;
  margin: 0 0 0 0;
  }

#Feature {
  float: right;
  margin: 0 0 0 0;
  }
#Feature img {
  display: block;
  margin: 0 0 10px 0;
  border: 0;
}

/* ********************************************* */
/* Form Stuff                                    */
/* ********************************************* */

form { 
  margin: 0px 0px 0px 0px;
  }

label { 
  color: #000000;
  float: left;
  width: 150px;
  text-align: right;
  margin: 0px 10px 0px 0px;
  }

input { 
  margin: 0px 0px 5px 0px;
  }

select { 
  margin: 0px 0px 5px 0px;
  }

.ButtonPane {
  margin: 0px 0px 0px 160px;
  }
.cboxes { 
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  }
.cboxes input { 
  float: left;
  }

textarea {
 background: #ffffff;
  }
#ContInfo {
  float: right;
  width: 190px;
  background: #ffffff;
  margin: 25px 0 10px 0;
  border: 1px solid #848484;
  }
#ContInfo img {
  display: none;
  margin: 10px auto 20px auto;
  border: 0;
  }
#ContInfo p {
  margin: 10px 10px 10px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  }

/**********************************************/
/* Drop Downs                                 */
/**********************************************/

.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #c0c0c0;
	font-size: 10px;
	line-height: 12px;
	}

.menu .options {
	margin-right: 1px;
	margin-bottom: 1px;
	border: 1px solid #000000;	
	background-color: #d1d2ee;
	}

.menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #f47820;
	font-size: 10px;
	display: block;
	padding: 2px 10px;
	text-decoration: none;
	background-color: transparent;
	}

.menu a:hover {
	background-color: #656565;
	color: #ffffff;
	}
.mcont {
  float: left;
  }


/**********************************************/
/* SWDL Classes                               */
/**********************************************/

.AddEditView {
  margin: 0px;
  padding: 0px;
  }
.AddEditView label {
  float: left;
  text-align: right;
  width: 120px;
  margin: 0px 5px 0px 0px; 
  padding: 0px;
  color: #000000;
  }
.AddEditView input {
  color: #000000;
  }
.AddEditView input.Button {
  margin: 0px 0px 0px 10px; 
  padding: 0px;
  }
.AddEditView input.boxes { 
  margin: 10px 5px 0px 0px; 
  padding: 0px;
  float: left;
  display: inline;
  } 
.AddEditView label.boxes { 
  margin: 3px 10px 0px 0px; 
  padding: 0px;
  width: 200px;
  float: left;
  line-height: 30px;
  text-align: right;
  } 
.AddEditView textarea {
 background: #ffffff;
  }

.UserAddEditView {
  margin: 0px; 
  padding: 0px;
  }
.UserAddEditView label {
  float: left;
  text-align: right;
  width: 120px;
  margin: 0px 5px 0px 0px; 
  padding: 0px;
  color: #000000;
  }
.UserAddEditView input {
  color: #000000;
  }
.UserAddEditView input.Button {
  margin: 0px 0px 0px 10px; 
  padding: 0px;
  }
.UserAddEditView input.boxes { 
  margin: 10px 5px 0px 0px; 
  padding: 0px;
  float: left;
  display: inline;
  } 
.UserAddEditView label.boxes { 
  margin: 3px 10px 0px 0px; 
  padding: 0px;
  width: 115px;
  float: left;
  line-height: 30px;
  text-align: right;
  }  

.rtebox {
 background: #ffffff;
  }

/**********************************************/
/* Carousel Styles                            */
/**********************************************/

#carousel1 {
  width: 800px;
  height: 400px;
  background: #000;
  margin: 0 auto;
  overflow: scroll;
  position: relative;
  }

#title-text {
  font-size: 12px;
  line-height: 18px;
  color: #b3c7e7;
  font-weight: bold;
  margin: 10px 0 0 10px;
  }

#alt-text {
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  margin: 0 0 0 10px;
  }

#left-but {
  position: absolute;
  right: 50px;
  top: 10px;
  background: #b3c7e7;
  color: #032366;
  height: 30px;
  width: 30px;
  font-size: 30px;
  line-height: 26px;
  font-weight: bold;
  -moz-border-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  cursor: pointer;
  cursor: hand;
  }
#left-but:hover {
  background: #ed1a3b;
  color: #66071f;
  }

#right-but {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #b3c7e7;
  color: #032366;
  height: 30px;
  width: 30px;
  font-size: 30px;
  line-height: 26px;
  font-weight: bold;
  text-align: right;
  -moz-border-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  cursor: pointer;
  cursor: hand;
  }
#right-but:hover {
  background: #ed1a3b;
  color: #66071f;
  }