/* CSS Document */

/* version 0.2 last updated 19/02/06 cs */

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 75%;
	background: #fff;
	margin: 10px 0 0 0;
	padding:0;
}



/* version 0.1 last updated 07/02/06 cs */
div#container {
}


div#box1{
	margin-top:0;
	width:630px;
	float:left;
	padding:10px;
	overflow:visible;
	display:block;
	height:auto;
}

#box2_1{
	margin-top:0;
	width:194px; 
	margin-right:3px;
	background-color:#F6F5F0;
	float:left;
	padding:10px;
	overflow:visible;
	display:block;
	height:auto;
}

#box2_2{
	margin-top:0;
	width:410px;
	background-color:#fff;
	display:block;
	float:left;
	padding:10px;
	overflow:visible;
	display:block;
	height:auto;
}

#box3_1{
	margin-top:0;
	width:209px;
	margin-right:3px;
	background-color:#F6F5F0;
	display:block;
	float:left;
	padding:2px;
	overflow:visible;
	font-size:1.6em;
	font-weight:normal;
	display:block;
	height:auto;
}

#box3_2{
	margin-top:0;
	width:209px;
	margin-right:3px;
	background-color:#fff;
	display:block;
	float:left;
	padding:2px;
	overflow:visible;
}

#box3_3{
	margin-top:0;
	width:209px;
	background-color:#FFF200;
	display:block;
	float:left;
	padding:2px;
	overflow:visible;
	display:block;
	height:auto;
}

div#footer {
	float:none;
	clear:none;
	position:relative;
	display:block;
	top:0px;
   	left:0px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

div#boxlogos {
display:none;
}



div#boxcontact {
	position:relative;
	bottom:0;
	background-color:#F6F5F0;
	font-size:0.95em;
	white-space:normal;
	font-style: normal;
	border: 1px solid #F6F5F0;

}

#boxcontact span {
	font-weight:bold;
	color: #AFAD96;
}

#boxcontact a {
	color:#000;
	text-decoration:none;
}
#boxcontact a:hover {
	color:#000;
	text-decoration:underline;
}

#boxcontact span a{
	font-weight:normal;
	color: #AFAD96;
}

#boxcontact span a:hover {
	color:#cc0000;
	text-decoration:underline;
}

div#credit {
display:none;
}

table {
	font-size: 100%;
}

h1 {
	display: block;
	font-size: 1.7em;
}

H2 {
	color: #000;
	font-size: 1.7em;
	padding:0; margin:0;
}

H3 {
	color: #000;
	font-weight: bold;
	font-size: 1.4em;
	padding:0; margin:0;
}

H4 {
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
	padding:0; margin:0;
}


th {
	font-weight: bold;
}

ul {
	list-style-type: disc;
	list-style-image:  url(../images/bullet.gif);
	list-style-position: outside;
}

ol {
	position: relative;
	left: 15px;
}

a:hover {
	color:#cc0000;
}

li {
	color: black;
}

h3.plain {
	font-size: 150%;
	margin-top: 0px;
}

h4.plain {
	font-size: 120%;
	color:#530070;
}

img.custom {
	padding:0 10px 5px 0;
	position:relative;
	left:-8px;
}

citation {display:none}
/* classes */

*.metaNav {
	display: none;
}


div.header    {
	display:none; 
	width:100%;
	float:left;
	height:78px;
}

.logo_site {
	float:left;
	width:213px;
}

.logo_site img {display:none;
}


.logo_site a{
	display:block;
	width:214px;
	height:77px;
	background: url(../images/logo_site.gif) no-repeat left center;
}

.logo_site a:hover{
	background: url(../images/logo_site_o.gif) no-repeat left center;
}

.logo_site p{display:none;
}
.logo_site span{display:none;
}

#mainnav, #subnav{
	display:block;
	width:100%;
	float:left;
}


#mainnav ul, #subnav ul{
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#mainnav li, #subnav li{
	display: none;
}
#mainnav li.menuActive{
	width:auto!important;
	height:1em!important;
	font-size:1.5em;
	display:none;
	font-weight:700;
}
#subnav li.menuActive{display:none}


.menuActive a{	width:auto!important;
	height:auto!important;
	font-size:1.3em;
	display: block!important;
	font-weight:700;
}
#subnavdir a {margin-top:3px; color:#fff!important}
#subnavdir .menuActive a{color:#000!important;}
#subnavdir .menuActive a:hover{background-color:#AFAD96!important; color:#000!important}

/*  ===========================   left div on secondary nav ============================== */
li.textOnly    {
	background-color: #6bb5be;
	width: 17%;
	border-bottom: 2px solid;
	border-bottom-color: #6bb5be;
	float: left;
	height: 2em;
	color: #6bb5be;
}

.content {
	vertical-align: top;
	text-align: left;
}

/*.content{margin-right: 1%;}*/

div.navLeft {
	/*	float: left;
	width: 20%;
	clear: left;
	*/
}

div.navRight {
	/*	float: right;
	width: 20%;
	clear: right;
	display:none;
	*/
}

*.menuLeft {
}

*.menuRight {
	vertical-align: top;
}

div.SectionHeaderBG {
	display:none
}

div.SectionHeader0 {
	height: 150px;
	background:  url(../images/section_00.jpg) no-repeat left top;
	border: solid 1px #530070;
	border-width: 0px 1px 0px 1px;
}

div.SectionHeader1 {
	height: 150px;
	background:  url(../images/section_01.jpg) no-repeat left top;
	border: solid 1px #530070;
	border-width: 0px 1px 0px 1px;
}


#tools {display:none;}
div.toolsrow {
	width: 220px;
	height:25px;
	background-color:#fff;
	float: right;
	clear: right;
	margin: 0px;
	font-size: xx-small;
	margin-bottom:3px;
}

div.searchBox {
	width: 210px;
	height:23px;
	float: right;
	clear: right;
	margin: 0px 0px 3px 0px;
	padding: 3px 0px 0px 2px;
	position:relative;
	left:-3px;
	background: url(../images/bg_search.gif) no-repeat left top;
}

.searchBox label {
	display:block; 
	width:75px; 
	float:left;
	position:relative;
	left:3px;
	top:3px;
	display:block;
	font-size:0.95em;
	font-weight:700;
}


input.searchBox{
	font-size: 100%;
	font-size: xx-small;
	color:#cc0000;
	font-weight:bold;
	float:left;
	width:85px;
	padding:0;
	margin:0;
	POSITION:RELATIVE;
	top:2px;
	height:13px;
	border:0;
	border:solid #CCC 1px;
}

.searchBox input:focus {border:solid #cc0000 1px;}

.searchButton{
	float:right;
	font-size:0.95em;
	background-color:#fff;
	border:0;
	color:#cc0000;
	font-weight:bold;
	position:relative; 
	top:0px;
	left:-7px;
	padding:0;margin:0

}

button.searchButton:hover {
color:#999;
	cursor:pointer!important;	
}

div.contactBox {
	width: auto;
	float: left;
	clear: none;
	margin: 0px;
	padding: 3%;
	font-size: xx-small;
}

img.emailIcon {
	border: 0px;
	padding:0;
	margin:0;
	background-color:#eeeeee;
	left:0;
}

h2.navigationBlockHeader {
	display: none;
}

/* ids */

*#smallSearchBox {
	padding: 0;
	margin: 0;
}

*.menuHeader {
display:none;
	margin: 0px;
	font-size: 100%;
	color: #000000;
	font-weight: bold;
	background-color: #ccc;
	padding: 7px 0px 7px 7px;
	border: solid 1px #000;
	border-width: 0px 0px 1px 0px;
}


*.emailContact {
	background-color: #f1e099;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 4px;
	vertical-align: middle;
}

*.emailContact a:link {
	color: black;
	font-family: verdana,arial,sans-serif;
	font-size: 100%;
	text-decoration: none;
}

*.emailContact a:hover {
	color: black;
	text-decoration: underline;
}

*.emailContact a:visited {
	color: black;
	font-family: verdana,arial,sans-serif;
	font-size: 100%;
	text-decoration: none;
}

/* tables */

*.menuTableHeader {
	font-weight: bold;
	color: #ffffff;
	background-color: #D18318;
	font-size: 100%;
}

*.menuTable1 {
	color: black;
	background-color: #f1e099;
	font-size: 100%;
}

*.menuTable1 a:link {
	color: black;
	text-decoration: underline;
}

*.menuTable1 a:hover {
	color: black;
	text-decoration: underline;
}

*.menuTable1 a:visited {
	color: black;
	text-decoration: underline;
}

*.menuTable2 {
	color: black;
	background-color: #eec523;
	font-size: 100%;
}

*.menuTable2 a:link {
	color: black;
	text-decoration: underline;
}

*.menuTable2 a:hover {
	color: black;
	text-decoration: underline;
}

*.menuTable2 a:visited {
	color: black;
	text-decoration: underline;
}

/* misc */

span.mandatory {
	color: red;
}

/* bodyText */

span.bodyText {
	width: 100%;
	font-size: 100%;
	margin-bottom: 6px;
	clear: both;
}

/* checkBoxes */

div.checkBoxes {
	width: 100%;
	font-size: 100%;
	margin-bottom: 6px;
}

div.checkBoxesRow {
	clear: both;
}

div.checkBoxesTitle {
	float: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
}

div.checkBoxesContent {
	float: right;
	width: 70%;
	text-align: left;
}

span.checkBoxesCheckBox {
	margin-left: 8px;
}

input.checkBoxesInput {
	background-color: #efefef;
}

/* comboBox */

div.comboBox {
	width: 100%;
	margin-bottom: 6px;
}

div.comboBoxRow {
	clear: both;
}

span.comboBoxTitle {
	float: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
}

span.comboBoxContent {
	float: right;
	width: 70%;
	text-align: left;
}

select.comboBoxSelect {
	margin-left: 8px;
	background-color: #efefef;
	width: 90%;
}

/* frmContact */

div.frmContact {
	width: 100%;
}

div.frmContactRow {
	clear: both;
}

h3.frmContactfrmNumberTitle {
	color: black;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
	margin-bottom: 6px;
}

div.frmContactfrmNumberContent {
	float: right;
	width: 69%;
	text-align: left;
	margin-bottom: 6px;
}

h3.frmContactProviderTitle {
	color: black;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
	margin-bottom: 6px;
}

div.frmContactProviderContent {
	float: right;
	width: 69%;
	text-align: left;
	margin-bottom: 6px;
}

h3.frmContactEmailTitle {
	color: black;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
	margin-bottom: 6px;
}

div.frmContactEmailContent {
	float: right;
	width: 69%;
	text-align: left;
	margin-bottom: 6px;
}

h3.frmContactTelTitle {
	color: black;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
	margin-bottom: 6px;
}

div.frmContactTelContent {
	float: right;
	width: 69%;
	text-align: left;
	margin-bottom: 6px;
}

h3.frmContactFaxTitle {
	color: black;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
	margin-bottom: 6px;
}

div.frmContactFaxContent {
	float: right;
	width: 69%;
	text-align: left;
	margin-bottom: 6px;
}

h3.frmDescriptionTitle {
	display: none;
}

div.frmContactfrmDesc {
	width: 100%;
	margin-bottom: 6px;
	text-align: center;
	font-weight: bold;
}

/* horizontalImages */

div.horizontalImages {
	width: 100%;
	margin-bottom: 6px;
	margin-top: 17px;
}

div.horizontalImagesRow {
	clear: both;
	text-align: center;
}

span.horizontalImages1 {
	width: 81px;
	height: 81px;
	padding: 3px;
}

span.horizontalImages2 {
	width: 81px;
	height: 81px;
	padding: 3px;
}

span.horizontalImages3 {
	width: 81px;
	height: 81px;
	padding: 3px;
}

span.horizontalImages4 {
	width: 81px;
	height: 81px;
	padding: 3px;
}

span.horizontalImages5 {
	width: 81px;
	height: 81px;
	padding: 3px;
}

img.horizontalImagesImage1 {
	width: 75px;
	height: 75px;
}

img.horizontalImagesImage2 {
	width: 75px;
	height: 75px;
}

img.horizontalImagesImage3 {
	width: 75px;
	height: 75px;
}

img.horizontalImagesImage4 {
	width: 75px;
	height: 75px;
}

img.horizontalImagesImage5 {
	width: 75px;
	height: 75px;
}

/* horizontal rule */

div.horizontalRule {
	width: 100%;
	clear: both;
}

/* image */

div.image {
	width: 100%;
	font-size: 100%;
	margin-bottom: 6px;
}

img.imageRight {
	float: right;
	margin-left: 9px;
	clear: both;
}

img.imageLeft {
	float: left;
	margin-right: 9px;
	clear: both;
}

img.imageCenter {
}

img.imageLarge {
}

div.imageCenter {
	margin: auto;
	text-align: center;
}

/* border styles */

img.imageBorder0 {
	border-width: 0;
}

img.imageBorder1 {
	border: solid 1px;
}

img.imageBorder3 {
	border: solid 3px;
}

/* listBox */

div.listBox {
	width: 100%;
	margin-bottom: 6px;
}

div.listBoxRow {
	clear: both;
}

span.listBoxTitle {
	float: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
}

span.listBoxContent {
	float: right;
	width: 70%;
	text-align: left;
}

select.listBoxSelect {
	margin-left: 8px;
}

/* radioButtons */

div.radioButtons {
	width: 100%;
	font-size: 100%;
	margin-bottom: 6px;
}

div.radioButtonsRow {
	clear: both;
}

span.radioButtonsTitle {
	float: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
}

span.radioButtonsContent {
	float: right;
	width: 70%;
	text-align: left;
}

span.radioButtonsRadioButton {
	margin-left: 8px;
}

input.radioButtonsInput {
}

/* return_email */

div.return_email {
}

div.return_emailRow {
	clear: both;
}

span.return_emailTitle {
	float: left;
	width: 200px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 6px;
}

span.return_emailContent {
	width: 400px;
	float: left;
	text-align: left;
	margin-bottom: 6px;
}

input.return_emailInput {
	margin-left: 8px;
	background-color: #efefef;
	width: 80%;
}

/* submitReset */

div.submitReset {
padding-left:325px;
}

div.submitResetRow {
	clear: both;
}

span.submitResetContentS {
	margin-bottom: 6px;
}

span.submitResetContentR {
	margin-bottom: 6px;
}

input.submitResetInputS {
}

input.submitResetInputR {
}

/* subtitle */

h3.title {
	font-size: 2em;
	margin-bottom: 6px;
}

h2.subTitleLarge {
	font-size: 100%;
	margin-bottom: 6px;
}

/* tableElement */

div.tableElement {
	width: 100%;
}

div.tableElementRow {
	clear: both;
}

span.tableElement {
}

/* textArea */

div.textAreaElement {
}

div.textAreaRow {
	clear: both;
}

span.textAreaTitle {
	float: left;
	width:200px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 6px;
}

span.textAreaContent {
	float: left;
	width: 400px;
	text-align: left;
	margin-bottom: 6px;
}

textarea.textAreaTextArea {
	margin-left: 8px;
	background-color: #efefef;	width: 80%;

}

/* textInput */

div.textInput {
}

div.textInputRow {
	clear: both;
}

span.textInputTitle {
	float: left;
	width: 200px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 6px;
}

span.textInputContent {
	float: left;
	width: 400px;
	text-align: left;
	margin-bottom: 6px;
}

input.textInputInput {
	margin-left: 8px;
	background-color: #efefef;
	width: 80%;
}

/* title */


h3.titleSmall {
	font-size: 150%;
	margin-bottom: 6px;
}

/* verticalImages */

img.verticalImagesImage1Image {
	width: 100px;
	height: 100px;
	float: left;
	clear: left;
	margin-right: 15px;
	margin-top: 4px;
}

img.verticalImagesImage2Image {
	width: 100px;
	height: 100px;
	float: left;
	clear: left;
	margin-right: 15px;
	margin-top: 4px;
}

img.verticalImagesImage3Image {
	width: 100px;
	height: 100px;
	float: left;
	clear: left;
	margin-right: 15px;
	margin-top: 4px;
}

#creativeDirStatement {
font-family: Helvetica Neue;
font-size: 2em;
line-height: 1em;
letter-spacing: 0;
text-align: left;
word-spacing: normal;
text-decoration: none;
color: #000000;
}


#creativeDirItem a {
color:#cc0000!important;
font-family: Arial, "Helvetica Neue", Helvetica, Sans-serif;
font-size: 1em;
line-height: 1em;
letter-spacing: 0;
text-align: left;
word-spacing: normal;
text-decoration: none;
}
#creativeDirCompanyName {
font-family: Arial, "Helvetica Neue", Helvetica, Sans-serif;
font-size: 1.3em;
line-height: 1em;
letter-spacing: 0;
text-align: left;
word-spacing: normal;
text-decoration: none;
color: #000000;
}

#creativeDirDescription {
font-family: Arial, "Helvetica Neue", Helvetica, Sans-serif;
font-size: 1em;
line-height: 1em;
letter-spacing: 0;
text-align: left;
word-spacing: normal;
text-decoration: none;
color: #000000;
margin-top:10px;
}

.creativeDirItem {
	font-size: 1em;
	line-height: 1.3em;
	letter-spacing: 0;
	text-align: left;
	word-spacing: normal;
	text-decoration: none;
	color: #000000;
	font-family: Arial, "Helvetica Neue", Helvetica, Sans-serif;
}
.creativeDirItem a{
display:block;
}


.creativeDirItemLabel {font-weight:bold;}