/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
body { background:#fff; padding:15px; font-size:80%; font-family: arial, helvetica, sans-serif; color:#666; line-height:1.4}

/* Standard Styles */
* {padding:0; margin:0;}
.clear {clear:both;}
hr {margin:5px 0;}
blockquote {margin-left:40px;}
p {margin:0 0 1.5em 0}
.left {float:left;}
.right {float:right;}

a { color:#60479a; text-decoration:underline  }
a:hover { color:#666666}
a img { border:none;}
a:hover img {  }
a img.noback, a:hover img.noback { background:none; padding:0; border:none; }
a.arrowlink {background:url(linkarrow.gif) top left no-repeat; padding:0 0 0 15px; clear:both;}

h1, h2, h3, h4 {font-family:;}
h1 {color:#60479a; font-size:1.9em; line-height:1.4em; font-weight:normal; margin:2px 0 8px 0; padding:0;border-bottom:1px solid #ececec}
#page1 h1 {border:none;}
h2 {color:#60479a; font-size:1.4em; line-height:1.4em; font-weight:bold; margin:0.5em 0 0.5em 0; padding:0 0px; border-bottom:1px solid #ececec}
h3 {color:#60479a; font-size:1.4em; line-height:1.4em; font-weight:bold; margin:0.5em 0 0.5em 0;  padding:0 0 0 3px; background:#cccccc;}
h4 {color:#60479a; font-size:1.4em; line-height:1.4em; font-weight:normal; margin:0.5em 0 0  0;  padding:0 0 3px 0}


img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
img.clsborderleft { margin-right:10px; margin-bottom:10px; border:1px solid #ececec; padding:4px;}
img.clsbordermiddle { margin-right:10px; margin-left:10px; border:1px solid #ececec; padding:4px;}
img.clsborderright { margin-left:10px; margin-bottom:10px; border:1px solid #ececec; padding:4px; margin-right:10px;}

.notes { font-size:0.8em; color:#888; margin:1.5em 0;}
.shout {color: #60479a; font-size: 1.2em; font-weight:bold; margin:1.5em 0;}
.shout2 {color: #666666; font-size: 1.2em; font-weight:bold; margin:1.5em 0;}

.quote {border: 3px double #ececec;  padding:5px; color:#60479a; margin:1.5em 0; }
.quote strong {font-size:1.2em;}
.caption {float:right; padding:5px; color:#555; margin:10px; margin-right:0px; }

.custom1 { margin:1.5em 0;}
.custom2 { margin:1.5em 0; }

.border {border:1px solid #ececec; padding:4px; }
.noborder {border:0;}

/*Structural & Custom Styles */

#jump {display:none;}

#container {margin:0 auto; width:760px; overflow:hidden; padding:0; font-size:1.2em; }

#header {overflow:hidden; padding:0;  background:url(sitelogo.gif) top center no-repeat;  margin: 0; height:131px; border-bottom:5px solid #60479a}
#header span {width:760px; height:131px; float:left; padding:0; border:none; margin:0; text-indent:-999px ; border:none; background:none;}
#header a {float:left; text-decoration:none; width:100%}

#main {width:760px; margin:0; overflow:hidden; padding:0}

#pagecontent {width: 760px; min-height:400px; padding:5px 0; clear:both;}

#maincolumn {width:500px; float:right;}
#sidecolumn {width:250px;float:left;}

#page1 #maincolumn {float:left; width:505px;}
#page1 #sidecolumn {float:right;}

#bevel1 {float:left;}
#bevel2 {float:right;}
#bevelcontact {clear:both; margin:5px 0;}

#flashdiv {display:none;}
#page1 #flashdiv {display:block;}

#homebuttons {list-style:none; margin:5px 0 0 0; padding:0; display:none; overflow:hidden; }
#homebuttons li {float:left;}
#homebuttons li a {width:250px; height:80px; text-indent:-9999px; display:block;}
#button1, #button3, #button5, #button7 {margin-right:5px;}
#button1 {background:url(home_button_1.jpg);}
#button2 {background:url(home_button_2.jpg);}
#button3 {background:url(home_button_3.jpg);}
#button4 {background:url(home_button_4.jpg);}
#button5 {background:url(home_button_5.jpg);}
#button6 {background:url(home_button_7.jpg);}
#button7 {background:url(home_button_7.jpg);}
#button8 {background:url(home_button_8.jpg);}
#page1 #homebuttons {display:block;}

#socialmedia {border-bottom:1px solid #ececec; height:19px; width:505px; clear:both; display:none; text-align:right;}
#bookmark {float:left;padding-top:2px;}
#bookmark span, #bookmark img {float:left; padding-right:2px;}
#bookmark span {line-height:15px;}
#reddit, #digg, #delicious {float:right; padding:2px 0 2px 2px;}
#page1 #socialmedia {display:block;}

ul, ol { margin:1.5em 0 1.5em 25px;}
li {margin:0 0 0.5em 0;}

table, td, th {border:none; padding:0; vertical-align:top; font-size:1em; line-height:1.6;}
th {text-transform:uppercase; font-weight:bold; text-align:left;}

blockquote {background:transparent url(quote_top.jpg) no-repeat scroll left top;border:1px solid #b21914;clear:both;float:left;line-height:1.3;margin:0 0 20px 0;padding:10px 4px 0px 35px; width:594px}
blockquote p {padding-right:30px;}
blockquote .quotetext {background:transparent url(quote_bottom.jpg) no-repeat scroll right bottom;}
blockquote .quoteauthor {color:#151d61;font-weight:bold;}

#formdiv {float:left; width:250px; margin-right:30px; margin-top:1px;}
form#contact {margin:0; width:250px;}
form#contact .inputsurround {overflow:hidden; padding: 0 0 10px 0; }
form#contact .inputsurround label {float:left; width:245px; clear:both;}
form#contact .inputsurround input, form#contact .inputsurround textarea {float:left; width:245px; clear:both}
form#contact .inputsurround .submit {background: #60479a; border: 0; cursor: pointer; color: white; padding:2px; width:70px; margin:5px 0; clear:both;}
#contactinfo {width:200px; float:left; margin:20px 0px 0 10px;}
#contactinfo h2 { margin:0;}
#contactinfo p { margin: 0 0 20px 0;}



#end {margin: 0 auto; clear:both; padding:5px 0; width:760px;  font-size:10px; text-align:center; color:#666666; border-top:1px solid #ececec; font-family:arial, helvetica, sans-serif;}
#end a{color:#666666; text-decoration:none;}

#footer {margin: 0 auto ; text-align:right; clear:both; color:#60479a; overflow:hidden; background:#cccccc; border-top:5px solid #60479a; padding:10px; width:740px;  font-size:1.1em;}
#footer a {color:#60479a;}

#page100 #header, #page100 #socialmedia, #page100 #nav, #page100 #sidecolumn, #page100 #end, #page100 #footer {display:none; }
#page100 #container, #page100 #pagecontent, #page100 #maincolumn {margin:0; width:250px; min-height:0;}

#resourcetable, #resourcetable td {padding:0; margin:0; width:250px;}
#resourcetabletop {background:url(resourcetop.jpg) top no-repeat;}
#resourcetabletop #reslinks {margin:10px 7px 0 0; float:right; width:68px; text-align:right;  }
#resourcetabletop .link {float:right; clear:right; padding:7px 5px 0px 0;}
#resourcetabletop #title {padding:0 17px 0 0 ; border-right:1px solid #ececec; margin:10px 0 7px 12px}
#resourcetablebody, #resourcetable {background:url(resourceback.jpg) repeat-y;}
#resourcetablebody h2 {margin:5px 10px; font-size:1.2em; color:#666;border-top:1px solid #ececec; border-bottom:1px solid #ececec}
#resourcetablebottom {background:url(resourcebottom.jpg) bottom no-repeat; height:13px; text-indent:-9999px;}


#downloads, #videos, #casestudies { padding:0; list-style:none;}
#downloads, #videos {margin: 0 0 10px 10px;}
#casestudies {margin: 0 0 0px 10px;}
#downloads li, #videos li, #casestudies li {height:18px; line-height:18px; padding:0 0 5px 25px; }
#downloads li {background:url(pdf_icon.gif) left no-repeat;}
#videos li {background:url(video_icon.gif) left no-repeat;}
#casestudies li {background:url(case_icon.gif) left no-repeat;}


#pagecontent #warning {display:none;}


/*** Make the Drop Downs Work ***/

#nav, #nav * { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; z-index:100; }
#nav {line-height:1; margin:0px; display:block; float:left; }
#nav ul { position:absolute; text-align:left; top:-999em; }
#nav ul li { width:100%; }
#nav li:hover {visibility:inherit; }
#nav li {float:left; position:relative; width:auto; display:inline; }
#nav li:hover ul, #nav li.sfHover ul {left:0; z-index:99; }
#nav a {display:block; position:relative; }
#nav li:hover, #nav li.sfHover, #nav a:focus, #nav a:hover, #nav a:active {outline-color:-moz-use-text-color; outline-style:none;outline-width:0; }
#nav a.sf-with-ul {min-width:1px; padding-right:23px; }
.sf-sub-indicator {background:transparent url(../template/arrows_ffffff.png) no-repeat scroll -10px -100px; display:block; height:10px; overflow:hidden; position:absolute; right:0.75em; text-indent:-999em; top:1.05em; width:10px; }
a > .sf-sub-indicator {background-position:0 -100px; top:9px; }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px; }
#nav ul .sf-sub-indicator {background-position:-10px 0; }
#nav ul a > .sf-sub-indicator {background-position:0 0; }
#nav ul a:focus > .sf-sub-indicator, #nav ul a:hover > .sf-sub-indicator, #nav ul a:active > .sf-sub-indicator, #nav ul li:hover > a > .sf-sub-indicator, #nav ul li.sfHover > a > .sf-sub-indicator {background-position:-10px 0; }
/*.sf-shadow ul {-moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; background:transparent url(../template/shadow.png) no-repeat scroll right bottom; padding:0 8px 9px 0; }
.sf-shadow ul.sf-shadow-off {background:transparent none repeat scroll 0 0; }*/

/*** Width of the Drop Downs - change width and left em values ***/

#nav ul {width:190px; }
ul#nav li:hover li ul, ul#nav li.sfHover li ul {top:-999em; }
ul#nav li li:hover ul, ul#nav li li.sfHover ul {top:0; left:190px; }
ul#nav li li:hover li ul, ul#nav li li.sfHover li ul {top:-999em; }
ul#nav li li li:hover ul, ul#nav li li li.sfHover ul {top:0; left:190px; }

/*** Stylee the Drop Downs ***/

#nav {background:#cccccc; margin:0; width:760px; height:26px; clear:both; }
#nav a {border-left:none; border-top:none; padding:0 8px; text-decoration:none; height:26px; line-height:26px; }
#nav a, #nav a:visited {color:#60479A;}
#nav li {background:#cccccc; border-top:none; }
#nav li li {background:#cccccc; border-top:1px solid #60479A;}
#nav li ul {border:1px solid #14255b; border-top:none;}
#nav li li a {background:#cccccc;}

#nav li li li {background:#cccccc; border-top:1px solid #60479A;}
#nav li:hover, #nav li.sfHover, #nav a:focus, #nav a:hover, #nav a:active {background:#cccccc}

#nav li.sfHover, #nav li:hover {background:url(hover_blur.gif) left no-repeat;}
#nav li.sfHover a, #nav li:hover a {background:url(hover_blur_end.gif) right no-repeat;}
#nav li li a, #nav li.sfHover li a {background:#cccccc; }
#nav li li a:hover, #nav li.sfHover li a:hover {background:#60479A; color:#fff;}
#nav li:hover ul, #nav li.sfHover ul {top:26px;} /*height of #nav a */

#nav #active, #activeparent a {background:url(nav_active.gif) #cccccc; top center no-repeat; }
#nav .nav_child #active, #activeparent li a {background:none #cccccc;}

#twtr-widget-1 { margin: 10px 0 0 0; }

#cookie-control { background-color:#60479A!important; }
#cookie-control.cookie-approved { background-color:#52ba3a!important; }