/********************/
/****** Layout ******/
/********************/

/* Global Resets */
*
{
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0;
	vertical-align: baseline;
}
a img, :link img, :visited img { border: 0; }
ul, li { list-style: none; }
li a { text-decoration: underline; }
:focus { outline: 0; }
h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
}
img
{
	padding: 0;
	margin-bottom: 15px;
}
ul { position: relative; }
/* Containers */
body
{
	font: 11px/16px Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background: #607f85;
	min-width: 1190px;
}
.container
{
	width: 1190px;
	margin-left: auto;
	margin-right:auto;
}
#top
{
	height: 96px;
	background: url(../images/bgheader.gif) repeat-x;
	width: 100%;
}
#middle
{
	min-height: 200px;
	background: #fff;
	width: 100%;
}
#bottom
{
	background: #607F85 url(../images/bgbottom.gif) repeat-x;
	width: 100%;
}
/* The Floats and Clears*/
.left, #top, #middle, #bottom, #logo, #topnav { float: left; }
.right { float: right; }
.clear { clear: both; }
/* The Header */
#logo
{
	width: 290px;
	height: 32px;
	margin: 34px 10px 0 0;
	background: url(../images/logo.gif) no-repeat;
}
#logo span, #footerlogo span, #twitter span, #facebook span, #youtube span, #blog span { display:none; }
#search
{
	width: 216px;
	margin-top: 10px;
	height: 54px;
}
#number
{
	/*float: right; - This is commented out for social icons */
	text-align: right;
	color: #fff;
	font: 12px Georgia, Times, serif;
	margin-bottom: 12px;
	margin-top: 3px;
}
#footerlogo
{
	float: right;
	margin-right: 50px;
	width:124px;
	height: 22px;
	background: url(../images/auctorilogo.gif) no-repeat;
}
/* Search */
#searchbar
{
	float: right;
	width: 190px;
	height: 22px;
	background: url(../images/bgsearch.gif) no-repeat;
}
#home
{
	float: left;
	background: url(../images/iconhome.gif) no-repeat 0 0;
	width: 16px;
	height: 15px;
	margin: 2px 0 0 2px;
}
#home:hover
{
	background: url(../images/iconhome.gif) no-repeat 0 -15px;
	width: 16px;
	height: 15px;
}
.searchbox
{
	padding: 3px 0 0 6px;
	height: 16px;
	width: 157px;
	color: #8f8f8f;
	background: none;
	float:left;
}
.submit
{
	width: 20px;
	cursor: pointer;
	float:right;
	margin: 2px 2px 0 0;
}
/* The Navigation */
#topnav
{
	width: 660px;
	height: 24px;
	margin-top: 48px;
	display:inline;
	z-index: 1000;
}
/* Left Side Nav */
.sidenav, .sidenavmarketing, .sidenavdesign, .sidenavdevelopment, .sidenavcms
{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 16px;
}
.sidenav li, .sidenavmarketing li, .sidenavdesign li, .sidenavdevelopment li, .sidenavcms li
{
	line-height: 16px;
	color: #6e6d6c;
	width: 230px;
	background-color: #F2F2F2;
	position: relative;
}
.sidenav li a, .sidenavmarketing li a, .sidenavdesign li a, .sidenavdevelopment li a, .sidenavcms li a
{
	padding-left: 10px;
	padding-bottom: 8px;
	padding-top: 8px;
	text-decoration: none;
	color: #6e6d6c;
	background-color: #F2F2F2;
}
.sidenav a, .sidenavmarketing a, .sidenavdesign a, .sidenavdevelopment a, .sidenavcms a
{
	width: 230px;
	display:block;
	color: #6e6d6c;
}
.sidenav li a:hover { background-color: #607F85; }
.sidenavmarketing li a:hover { background-color: #E08324; }
.sidenavdesign li a:hover { background-color: #1853b5; }
.sidenavdevelopment li a:hover { background-color: #42a455; }
.sidenavcms li a:hover { background-color: #d91010; }
.sidenav li:hover a, .sidenav li ul li:hover a, .sidenavmarketing li:hover a, .sidenavmarketing li ul li:hover a, .sidenavdesign li:hover a, .sidenavdesign li ul li:hover a, .sidenavdevelopment li:hover a, .sidenavdevelopment li ul li:hover a, .sidenavcms li:hover a, .sidenavcms li ul li:hover a
{
	color: #fff;
	width: 230px;
	text-decoration: none;
}
.sidenav li a:visited, .sidenavdesign li a:visited, .sidenavmarketing li a:visited, .sidenavdevelopment li a:visited, .sidenavcms li a:visited { text-decoration: none; }
.sidenavmarketing li a:visited a:hover, .sidenavmarketing li a:link a:hover { color: #fff; }
.sidenav li a:visited a:hover, .sidenav li a:link a:hover { color: #fff; }
/* The Columns */
.grid18 {
	width: 890px;
	float: left;
	margin-left: 60px;
	margin-top: 16px;
}

.grid24 { width: 1190px; }
#billboard
{
	float: left;
	width: 940px;
	height: 240px;
	margin-bottom: 16px;
}
#transitionEffect { width: 940px; height: 240px; overflow: hidden; }
.slide { position: relative; height: 240px; width: 940px; text-align: center; }
.r1 { background: none; }
.r1 p { padding-top: 10px; text-align: center; margin: 0; font-size: 0.6em; }
.r2 { background: none; }
.r3 { text-align: left; }
#introslide { background: #000; color: #eee; text-align: center; z-index: 500; }
#introslide p { padding-top: 50px; font-size: 0.9em; margin: 0;}
div.fadenav a {
  border: 0 none;
  float: left;
  height: 10px;
  width: 10px;
  margin: 5px;
  overflow: hidden;
  display: block;
background: url(../images/banner_bullet.png) no-repeat 0 0;
}
div.fadenav {
  position: absolute;
  right: 10px;
  top: 10px;
}
div.fadenav a:hover {background: url(../images/banner_bullet_rollover.png) no-repeat; }
div.fadenav a.current{ background: url(../images/banner_bullet_rollover.png) no-repeat; }




.grid4
{
	float: right;
	width: 190px;
	height: 240px;
}
div#newsletter-sign-up {
	margin-top: 14px;
	width: 224px;
	float: right;
	background: url(../images/newsletter-sign-up-bg.gif) no-repeat;
	padding-left: 10px;
	padding-top: 15px;
	position: relative;
}
div#newsletter-sign-up a {
	color: #E08324;
	text-decoration: none;
	background: url("../images/bltorange.gif") no-repeat scroll 0 4px transparent;
	padding-left: 12px;
}
div#newsletter-sign-up a:hover { text-decoration: underline; }
div#newsletter-sign-up h3 {
	padding-left: 26px;
	font-size: 17px;
	color: #333;
	margin-bottom: 43px;
}
div#newsletter-sign-up .fieldNameOutputTextLine { color: #666;}
div#newsletter-sign-up .fieldWrapperOutputTextLine {
	width: 178px;
	background: #F9f9f9;
	border: 1px solid #ccc;
	height: 18px;
	padding: 2px 4px;
}
div#newsletter-sign-up .fieldWrapperOutputTextLine input {
	width: 176px;
	border: none;
	background: none;
	padding: 0;
	height: 18px;
	font-size: 12px;
}
div#newsletter-sign-up input.button {
	margin: 0;
	position: absolute;
	right: 0;
	top: 102px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #F7941E;
	background: #f9f9f9;
	border: 1px solid #ccc; 
	font-size: 16px;
	cursor: pointer;
	padding: 0;
	width: 31px;
	text-align: center;
	height: 24px;
	padding-bottom: 4px;
	outline: none;
	*height: 26px;
	*top: 101px;
}
input[type=submit]
{
       filter:chroma(color=#000000);
}
div#newsletter-sign-up .button:hover {
	background: #F7941E;
	border: 1px solid #F7941E; 
	color: #fff;
}
	
div#newsletter-sign-up .formBuilderTable {
	margin-left: -2px; 
}
.grid6
{
	float: left;
	padding: 0 10px 16px 0;
	margin-top: 3px;
	width: 290px;
}
.grid5
{
	float: left;
	width: 240px;
	margin-top: 32px;
}
.fivecol h1 {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	margin-bottom: 12px;
}
.grid5right
{
	float: right;
	width: 240px;
	margin-top: 32px;
	margin-bottom: 16px;
}
.fivecol
{
	float: left;
	width: 240px;
	margin-top: 16px;
	margin-bottom: 32px;
}
#trophy-adwords
{
	width: 57px;
	height: 63px;
	margin-right: 10px;
	background: url(../images/trophy-adwords.gif);
	float: left;
}
#trophy-adwords:hover { background: url(../images/trophy-adwords.gif) 0 63px; }
#trophy-microsoft
{
	width: 70px;
	height: 40px;
	background: url(../images/trophy-microsoft.gif);
	float: left;
	margin-right: 8px;
}
#trophy-microsoft:hover { background: url(../images/trophy-microsoft.gif) 0 40px; }
#trophy-ad-excellence {
	float: left;
	width: 95px;
	height: 31px;
	background: url(../images/ad-excellence.jpg) no-repeat left top;
	margin-top: 4px;
}
#trophy-ad-excellence:hover { background-position: left bottom; }
.grid12, .grid12marketing, .grid12design, .grid12development, .grid12cms
{
	min-height: 10px;
	float: left;
	width: 590px;
	margin-left: 60px;
	margin-top: 16px;
	padding-bottom: 32px;
}
.fivecolright
{
	min-height: 10px;
	float: right;
	width: 240px;
	margin-top: 16px;
}
#social
{
	float: right;
	width: 240px;
	margin-top: 16px;
}
#footer
{
	width: 1190px;
	border-top: 1px solid #739899;
	clear: both;
}
#pathway
{
	width: 190px;
	height: 170px;
	background: url(../images/bgpathway.gif) no-repeat;
}
.callout
{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background:#F2F2F2
}
.callout h2
{
	margin-left: 16px;
	margin-top: 16px;
}
/* image clears */
.imgright
{
	margin-left: 8px;
	display: inline;
}
.imgclear
{
	float: right;
	clear: left;
}
.imgleft
{
	float: left;
	clear: right;
	margin-right: 6px;
}
.imgborder, a .imgborder
{
	border: 1px solid #ccc;
	margin: 0px 0 16px 16px !important;
}
.callout img { margin: 0; }
.box .imgborder {
	margin: 0px 0px 16px 0px;
}
hr
{
	color: #CCC;
	background-color: #CCC;
	height: 1px;
	margin-bottom: 16px;
}
.bottom
{
	color: #739899;
	background-color: #739899;
	height: 1px;
	margin-bottom: 0;
}
#contact
{
	background:#F2F2F2 url(../images/bgcontact.gif) right center no-repeat;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 16px;
}
#testimonialtop { background: #F2F2F2 url(../images/bgtestimonial.gif) bottom no-repeat; }
#testimonialbottom
{
	text-align: right;
	margin-top: -8px;
}
/* The Callouts */
.general li {
	background: transparent url(../images/bltgrey.png) no-repeat scroll 0 6px;
	padding-left: 12px;
}
a.general {
background: transparent url(../images/bltgrey.png) no-repeat scroll 0 4px;
	padding-left: 12px;
}
.box
{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #f2f2f2 url(../images/bgarrow.gif) no-repeat 0 15px;
	padding: 16px 30px 16px 30px;
	margin-bottom: 16px;
	width: 530px;
}
.box li
{
	margin-left: 18px;
	color: #222;
	background: url(../images/bltgrey.png) 0 6px no-repeat;
}
.grid12 .box li
{
	background: url(../images/bltgrey.png) 0 6px no-repeat;
	padding-left: 12px;
	color: #222;
}
.grid12marketing .box li, .grid12marketing .callout li
{
	color: #E08324;
	background: url(../images/bltorange.gif) 0 6px no-repeat;
	padding-left: 12px;
}
.grid12design .box li
{
	color: #1853b5;
	background: url(../images/bltblue.gif) 0 6px no-repeat;
	padding-left: 12px;
}
.grid12development .box li
{
	color: #42a455;
	background: url(../images/bltgreen.gif) 0 6px no-repeat;
	padding-left: 12px;
}
.grid12cms .box li
{
	color: #d91010;
	background: url(../images/bltred.gif) 0 6px no-repeat;
	padding-left: 12px;
}
#casestudysmall { color: #737373; }
.helpmewith { margin-bottom: 16px; }
.helpmewith li
{
	background: url(../images/bltgrey.png) 0 6px no-repeat;
	color: #394345;
	margin-left: 18px;
	padding-left: 12px;
}
/* Homepage Services */
#design, #marketing, #development
{
	float: left;
	padding-right: 10px;
	padding-bottom: 16px;
	margin-top: 3px;
	width: 290px;
}
#cms
{
	float: right;
	padding-bottom: 16px;
	margin-top: 3px;
	width: 290px;
}
#design { }
#development { }
#marketing { }
#cms { }
#pathway ul { padding-top: 14px; }
.grid4 li
{
	line-height: 16px;
	margin-left: 16px;
	padding-left: 12px;
	padding-bottom: 12px;
	color: #222;
	background: url(../images/bltgrey.png) 0 6px no-repeat;
}
.grid4 li a { text-decoration: underline; }
.grid4 li a:hover { text-decoration: none; }
/* Slideshow */
#gallery
{
	position: relative;
	float: left;
	width: 590px;
	margin-left: 60px;
	margin-top: 32px;
	padding-bottom: 32px;
	background: url(../images/bgslideshow.gif) no-repeat;
	height: 290px;
}
.pics
{
	height: 230px;
	width: 570px;
	padding: 0;
	margin: 10px 0 0 10px;
	overflow: hidden;
}
.pics img:hover { cursor:pointer; }
#title
{
	float: left;
	width: 400px;
	margin-left: 30px;
	margin-top: 16px;
	color: #fff;
}
#title a { color: #fff; }
#nav
{
	display: block;
	float: right;
	padding: 20px 30px 10px 10px;
	clear: left;
	width:86px;
}
#nav a
{
	background:url(../images/btnnavoff.gif) no-repeat;
	float: left;
	height: 12px;
	margin: 0 0 0 5px;
	text-indent: -9999px;
	width: 12px;
}
#nav a.activeSlide
{
	background:url(../images/btnnavon.gif) no-repeat;
	float: left;
	height: 12px;
	margin: 0 0 0 5px;
	text-indent: -9999px;
	width: 12px;
}
/* Social Media Icons*/
.socialicon
{
	height: 32px;
	width: 34px;
	float: right;
	margin-left: 5px;
}
#twitter { background: url(../images/icontwitter.gif) no-repeat; }
#twitter:hover { background: url(../images/icontwitter.gif) no-repeat 0 -32px; }
#facebook { background:url(../images/iconfacebook.gif) no-repeat; }
#facebook:hover { background:url(../images/iconfacebook.gif) no-repeat 0 -32px; }
#youtube { background: url(../images/iconyoutube.gif) no-repeat; }
#youtube:hover { background: url(../images/iconyoutube.gif) no-repeat 0 -32px; }
#blog { background: url(../images/iconblog.gif) no-repeat; }
#blog:hover { background: url(../images/iconblog.gif) no-repeat 0 -32px; }
/* News */
.news
{
	float: left;
	width: 240px;
	border-bottom: 1px solid #739899;
	margin-bottom: 16px;
}
.entrydate
{
	float: left;
	width: 40px;
}
.entry
{
	float: right;
	width: 190px;
	color: #e5e5e5;
}
.entrydatemonth
{
	font: 16px Georgia, Times, serif;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
}
.entrydateday
{
	font: 30px Georgia, Times, serif;
	color:#ccc;
	text-align: center;
	margin-bottom: 0;
	margin-top: -4px;
}
.morenews { text-align: right; }
.morenews a
{
	color: #E5E5E5;
	background: url(../images/bltwhite.gif) no-repeat 0 4px;
	padding-left: 12px;
	text-decoration: none;
}
.grid5right .morenews a { padding-left: 12px; }
.white
{
	background: url(../images/bltwhite.gif) no-repeat 0 4px;
	padding-left: 12px;
	color: #fff;
	text-decoration: none;
	margin-bottom: 10px;
}
.white2
{
	background: url(../images/bltwhite.gif) no-repeat 0 4px;
	padding-left: 12px;
	color: #E5E5E5;
	text-decoration: none;
	margin-bottom: 10px;
	margin-left: 50px;
}
.skinny
{
	width: 240px;
	height: 35px;
	margin: 0px;
	top: -5px;
	position: relative;
	padding-left: 16px;
	background: url(../images/bltwhite.gif) 5px 22px no-repeat;
}
.skinny a.white2
{
	margin:0;
	background: none;
	padding: 0px;
	padding-left: 16px;
}
.skinny a:hover { text-decoration:none; }
a.white2:visited { color: #E5E5E5; }
/* form stuff */

/* Newsletter Sign Up */
#newsletter_sign_up
{
	display: block;
	background-color: #5a787d;
	padding-left: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 1px;
	margin-bottom: 17px;
	border: 1px solid #739899;
}
.fivecol #newsletter_sign_up {
	background: #fff;
	border: 1px solid #CCCCCC;
}
#newsletter_sign_up a { text-decoration: none; }
#newsletter_sign_up a:hover { text-decoration: underline; }
#bottom .container .grid5 h2 { border-top: none; }
/* Portfolio */
#pageNav
{
	text-align: right;
	margin-bottom: 15px;
}
#pageNav li
{
	display: inline;
	list-style: none;
	padding: 5px;
}
.client { clear: both; }
.screenshot
{
	float: right;
	width: 338px;
	margin-bottom: 16px;
	border: 1px solid #ccc;
	margin-left: 5px;
}
.portfolioright
{
	float: right;
	width: 338px;
}
.content
{
	float: left;
	width: 240px;
}
.content p { margin-bottom: 0px; }
#googlemap { border: 1px solid #ccc; }
/*----------------------Tab Stuff-------------------------*/
.dynamic-tab-pane-control.tab-pane
{
	position:        relative;
	width:           100%;
}
.dynamic-tab-pane-control .tab-row
{
	z-index:         1;
	white-space:     nowrap;
}
.dynamic-tab-pane-control .tab-row .tab
{
	font:            Menu;
	cursor:          pointer;
	display:         inline;
	margin:          1px 1px 1px 1px;
	float:           left;
	padding:         5px 8px 6px 8px;
	background-color:#607F85;
	z-index:         1;
	position:        relative;
	top:             0;
	/*border-top:      1px solid #3e5356;
	border-right:    1px solid #3e5356;*/
}
.dynamic-tab-pane-control .tab-row .tab.hover {
	background-color: #f2f2f2;
}
.dynamic-tab-pane-control .tab-row .tab.selected
{
	border-bottom:   0;
	z-index:         3;
	padding:         5px 9px 8px 10px;
	margin:          1px -3px -2px 0px;
	top:             -2px;
	background-color:#F2F2F2;
	border-top:      1px solid #ccc;
	border-right:      1px solid #ccc;
	color: #000;
}
.dynamic-tab-pane-control .tab-row .tab a
{
	font:            Menu;
	color:           WindowText;
	text-decoration: none;
	cursor:          pointer;
	color: 			#fff;
}
.dynamic-tab-pane-control .tab-row .selected a
{
	font:            Menu;
	color:           WindowText;
	text-decoration: none;
	cursor:          default;
	color: 			#000;
}
.dynamic-tab-pane-control .tab-row .hover a { color: #000000; }
.tab-page
{
	clear:           both;
	border-top:      1px solid #ccc;
	border-bottom:   1px solid #ccc;
	background:      #F2F2F2;
	z-index:         2;
	position:        relative;
	top:             -2px;
	padding:         10px;
	min-height:		430px;
}
.grid5right .tab-page
{
	clear:           both;
	border-top:      none;
	border-bottom:   none;
	background:      #5a787d;
	z-index:         2;
	position:        relative;
	top:             -2px;
	padding:         10px;
	min-height:		216px;
	color:			#fff;
}
.grid5right .tab-page a { color: #fff !important; }
.grid5right h2.tab { }
.grid5right .dynamic-tab-pane-control .tab-row .tab
{
	border: none;
	margin: 0 1px 0 0;
}
.grid5right .dynamic-tab-pane-control .tab-row .tab a
{
	font:            Menu;
	color:           WindowText;
	text-decoration: none;
	cursor:          default;
	color: 			#000;
}
.grid5right .dynamic-tab-pane-control .tab-row .tab.selected { background-color: #5a787d; }
.grid5right .dynamic-tab-pane-control .tab-row .selected a
{
	font:            Menu;
	color:           WindowText;
	text-decoration: none;
	cursor:          default;
	color: 			#fff;
}
.grid5right .dynamic-tab-pane-control .tab-row .hover a { color:           #fff; }
.twtr-tweet-wrap:hover { background-color:#CCC; }
/*********************/
/****** Content ******/
/*********************/

/* colors */
.grid12 h1 { color: #607F85; }
.grid12marketing h1, #marketing a, .grid12marketing .box li a { color: #e08324; }
.grid12design h1, #design a, .grid12design .box li a { color:#1853b5; }
.grid12development h1, #development a, .grid12development .box li a { color:#42a455; }
.grid12cms h1, #cms a, .grid12cms .box li a { color:#d91010; }
#testimonialtop p, #testimonialbottom p, #contact p, .grid6 p { color: #737373; }
.black { color: #000; }
.grid5 p, .grid5 a, .grid5 a:visited, .footer, .footer a, .footer a:visited, .news a, .news a:visited, a.white:visited { color: #e5e5e5; }
/* p */
p { margin-bottom: 16px; }
#design p, #marketing p, #development p, #cms p { padding-left: 50px; }
#contact p
{
	font-family: Georgia, Times, serif;
	padding: 16px 0 0 30px;
}
#testimonialtop p
{
	font-family: Georgia, Times, serif;
	font-style: italic;
	text-indent: -3px;
	padding: 16px 12px 38px 10px;
	margin-bottom: 0;
}
#testimonialbottom p { font-size: 10px; }
.footer
{
	font-size: 9px;
	text-align: right;
	padding-top: 2px;
	margin-bottom: 0;
	margin-top: 16px;
	float: right;
	width: 400px;
}
.grid5right
{
	background: url(../images/tni-whats-new-bg.gif) no-repeat;
	padding: 5px 10px;
	color: #fff;
}
.grid5 a, .grid5 a:visited { text-decoration: underline; }
.grid5 a:hover { text-decoration: none; }
.callout p { padding: 16px 0 0 10px; }
/* h1 */
h1
{
	font: 30px Georgia, Times, serif;
	font-weight: normal;
	color: #222;
}
#development h1 a, #design h1 a, #marketing h1 a, #cms h1 a
{
	background: none;
	color:#222;
	padding-left:0;
}
.grid6 h1, #design h1, #development h1, #marketing h1, #cms h1
{
	font-size: 16px;
	padding-left: 50px;
}
.grid6 p { margin-bottom: 0; }
/* h2 */
h2
{
    font: italic 17px Georgia,Times,serif;
    margin-bottom: 6px;
    margin-top: 10px;
}
.fivecol h2 { margin-left: 10px; }
.grid5 h2, .grid5right h2 { color: #fff; }
.grid4 h2 { margin-left: 8px; }
.grid5 h2
{
	border-top: 1px solid #739899;
	margin-top: 5px;
	padding-top: 5px;
}
/* h3 */
h3
{
	font: 11px Georgia, Times, serif;
	font-style: italic;
}
.grid12 h3 {
	margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid #ccc;
}
.grid12marketing h3, .grid12design h3, .grid12development h3, .grid12cms h3
{
	margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid #ccc;
	width: 440px;
}
h5
{
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #333;
}
/* miscellaneous */
.letterspace { letter-spacing: 3px; }
/* Links */
a, a:visited
{
	color: #222;
	text-decoration: underline;
}
#contact a, #contact a:visited
{
	color: #222;
	text-decoration: underline;
}
.footer a, .footer a:visited { text-decoration: none; }
#design a, #development a, #marketing a, #cms a
{
	padding-left: 12px;
	text-decoration: none;
}
.service-image a { background: none !important; }
.service-image
{
	float: left;
	margin-right: 10px;
}
#design a { background: url(../images/bltblue.gif) no-repeat 0 4px; }
#design .service-image a { background: none; }
#development a { background: url(../images/bltgreen.gif) no-repeat 0 4px; }
#development .service-image a { background: none; }
#marketing a { background: url(../images/bltorange.gif) no-repeat 0 4px; }
#marketing .service-image a { background: none; }
#cms a { background: url(../images/bltred.gif) no-repeat 0 4px; }
#cms .service-image a { background: none; }
.helpmewith li a:visited, #title a { text-decoration: underline; }
/*Hovers that Underline */
#design a:hover, #development a:hover, #marketing a:hover, #cms a:hover { text-decoration: underline; }
/* Hovers that don't underline */
.helpmewith li a:hover { text-decoration:none; }
a:hover, #contact a:hover, .white:hover, .morenews a:hover, #title a:hover { text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.grid12 div div div ul
{
	position: relative;
	list-style-type: none;
	margin-left: 10px;
}
.grid12 div div div ul li
{
	padding-left: 15px;
	background: url(../images/bullet.gif) no-repeat left top;
	font-weight:normal;
	color: #444444;
	font-size: 9pt;
	line-height: 13pt;
	margin:0 0 5px 0;
}
.a { display: none; }
/******************/
/****** Menu ******/
/******************/

#menuPrimary { z-index: 1000; }
.menu { z-index: 10000; }
.menu ul
{
	padding: 0px;
	list-style-image:none;
	list-style-type:none;
}
.menu li
{
	padding: 0px;
	list-style-image:none;
	list-style-type:none;
}
/******* CSS Menu Vertical Top Level *****************************/
		.menu_v
{
	position: relative;
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	z-index: 1000;
}
.ul.menu_v { display:inline; }
.menu_v *
{
	list-style: none;
	margin-top: -2px;
}
.menu_v ul li { background:none; }
/* This fixed IE6 subnav dissappearing when it hits content */
		#menuPrimary .menu .submenu { background: #F2F2F2 none repeat; }
/* end fix */
		.menu_v li.top_level
{
	text-transform: none;
	display: inline;
	position: relative;
	background: none;
	float: left;
	height: 20px;
}
.menu_v li.top_level a.top_level
{
	color:#ccc;
	font-size:12px;
	font-weight: normal;
	background:none;
	padding: 5px 50px 0px 0px;
	margin-bottom:0px;
	z-index: 10000;/* wraps	height: 16px; */
		}
.menu_v li.top_level a.top_level:hover
{
	background: none;
	color: #fff;
	text-decoration: none;
}
.menu_v li.top_level a.top_level:visited { text-decoration: none; }
.menu_v ul.submenu
{
	margin: 3px 0px 0px 0px;
	z-index: 12000;
}
.menu_v ul.submenu ul.submenu
{
	margin: -27px 0px 0px 229px;
	z-index: 12000;
}
/** Hides 3rd level **/
#menuPrimary .menu_v .submenu .submenu {
	display: none;
}
/******* CSS Menu Horizontal Top Level *****************************/
		.menu_h
{
	position: relative;
	float: left;
	list-style: none;
	padding: 0px;
	margin: 6px 0px 0px 550px;
	z-index: 1000;
	display:inline;
}
.menu_h * { list-style: none; }
.menu_h li.top_level
{
	text-transform: lowercase;
	display: inline;
	position: relative;
	float: left;
	background:url(../images/nav-line.gif) no-repeat right center;
}
.menu_h li.top_level a.top_level
{
	text-transform: lowercase;
	font: 10pt Arial, Helvetica, sans-serif;
	letter-spacing: 0.0275em;
	color: #ffffff;
	font-weight: bold;
	display: inline;
	position: relative;
	background: none;
	padding: 0px 15px 0px 15px;
	float: left;
	background:none;
}
.menu_h li.top_level a:hover
{
	background:url(../images/nav-line.gif) no-repeat right center;
	color: #03d8a8;
	text-decoration: none;
}
.menu_h ul.submenu
{
	margin: -1px 0px 0px 0px;
	position: absolute;
	display: none;
	list-style-type: none;
	border: none;
}
.menu_h ul.submenu ul.submenu { margin: -13px 0px 0px 220px; }
.menu_h ul.submenu a
{
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	display: block;
	padding: 5px;
	margin: 0px;
	background: #ffffff;
}
.menu_h ul.submenu a:hover
{
	background: #555555;
	text-decoration: none;
}
/******* CSS Menu Shared Elements *****************************/
		li.top_level
{
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	background: none;
	line-height: 16px;
}
li.currentTab
{
	background: #FFFFFF;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #B0B0B0;
}
li.top_level:hover
{
	background: none;
	color: #ffffff;
}
li.top_level:hover a { text-decoration: none; }
li.top_level a:hover
{
	background-color: #637D84;
	color: #ffffff;
}
a.top_level
{
	display: block;
	font-weight: normal;
	text-decoration: none;
	border: none;
}
a.top_level img { padding: 0px; }
/******* CSS Submenu *****************************/
		.submenu
{
	position: absolute;
	display: none;
	list-style-type: none;
	padding: 0px;
	width: 230px;
	z-index: 20000;
	border-bottom: 1px solid #ccc;
}
ul.submenu:hover,  ul.submenu li:hover { }
.submenu ul
{
	position: absolute;
	display: none;
	list-style-type: none;
	z-index: 20000;
}
.submenu li
{
	position: relative;
	float: left;
	width: 100%;
	text-align: left;
	padding: 0px;
	margin: -2px 0px 0px 0px;
	z-index: 20000;
}
.submenu li.firstItem { }
ul.submenu li.parent { }
ul.submenu li.parent:hover { background: #555555; }
.submenu a
{
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	display: block;
	padding: 5px;
	margin: 0px;
	background: #F7F3F7;
}
.submenu a:hover
{
	background: #555555;
	text-decoration: none;
}
.submenu a:visited { color: #666666; }
/*#menuPrimary .menu li.top_level:hover{color: #03D8A8; background:#ffffff;} Sub menuhover effect*/

				
		/*#menuPrimary .menu li ul li a:hover{color: #03D8A8;}
		#menuSecondary .menu li ul li a:hover{color: #03D8A8;}*/


	
		
		/* 2 and 13 */
		.menu ul ul,  .menu li:hover ul ul,  .menu li.top_level:hover ul ul.submenu { display: none; }
/* 12 and 23*/
		.menu li:hover ul,  .menu li:hover li:hover ul,  .menu li.top_level:hover ul.submenu,  .menu li.top_level:hover ul li:hover ul.submenu { display: block; }
/*******************/
/****** Forms ******/
/*******************/

		.button
{
	background: #607F85;
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 4px;
	margin: 5px 0 0 0;
}
.button:hover { background: #596F73; }
#rightMenu h1 { text-align:left; }
#rightMenu .fieldName { color:#333333; }
.formDivider { padding-bottom:15px; }
.searchButton
{
	border: 0px solid #ffffff;
	background: #ffffff;
	color: #c5161f;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 2px;
}
.searchButton:hover
{
	background: #45555f;
	color: #ffffff;
}
.textbox
{
	border: 1px solid #ccc;
	background: #ffffff;
	color: #333333;
	padding: 2px 4px;
	margin: 0px 1px;
	font-size: 11px;
	width: 190px;
}
.textbox2
{
	border: 1px solid #000000;
	background: #ffffff;
	color: #333333;
	padding: 2px 4px;
	margin: 0px 1px;
	font-size: 11px;
}
.textarea
{
	background: #fff;
	border: 1px solid #ccc;
	padding: 2px 4px;
	font: inherit;
	width: 280px;
	height: 100px;
}
.fivecolright .textarea, .fivecolright .textbox {
	width: 220px;
}
.checkBoxList, .checkBoxList *
{
	font-size: inherit;
	line-height: 16px;
}
.fieldName
{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.fieldName2
{
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	vertical-align: top;
}
.fieldValue
{
	text-align: left;
	vertical-align: top;
}
.required
{
	font-size: 110%;
	font-weight: bold;
	color: #E01A22;
	margin-left: 2px;
}
.fieldCaption
{
	font-size: 80%;
	font-style: italic;
}
/* Form Feedback */
		.confirmation
{
	display: block;
	border: 1px solid #144D16;
	background: #4DA14F;
	color: #FFFFFF;
	padding: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}
.errorMessage
{
	display: block;
	background: #871E1E;
	color: #FFFFFF;
	padding: 10px;
	margin: 10px 0;
	font-weight: normal;
	width: 565px;
	text-align: left;
}
.errorMessage h2
{
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
.errorMessage * { color: #FFFFFF; }
.errorMessage ul
{
	background: none;
	list-style-type: disc;
	padding: 0px;
	font-size: inherit;
}
.errorMessage li
{
	background: none;
	list-style-type: disc;
	padding: 5px 0;
	font-size: inherit;
}
.feedback
{
	display: block;
	border: 1px solid #761F1F;
	background: #6D9DE4;
	color: #FFFFFF;
	padding: 20px;
	margin-bottom: 10px;
	font-weight: normal;
}
.feedback strong { font-weight: bold; }
.feedback em { font-style: italic; }
.formTable
{
	font-size: 10pt;
	font-size:1.08em;
	text-align:right;
}
label { padding-top: 5px; }
/*******************************************************************************/
/******************************** FORM BUILDER *********************************/
/*******************************************************************************/

.formBuilderTable table
{
	table-layout: fixed;
	width: 100%;
}
.formBuilderTable td { vertical-align: top; }
.radioLabel { margin-right: .5em; }
.fieldNameOutputRadio, .fieldNameOutputTextLine, .fieldNameOutputBlank, .fieldNameOutputTextArea, .fieldNameOutputDropDown, .fieldNameOutputCheck
{
	margin-bottom: .5em;
}
.fieldNameOutputHTML
{
	display: block;
	border-top: 1px solid #ccc;
	margin-top: 1em;
	padding-top: 1em;
	font-style: italic;
}
.fieldWrapperOutputTextLine, .fieldWrapperOutputCheck, .fieldWrapperOutputDropDown, .fieldWrapperOutputHTML, .fieldWrapperOutputTextArea, .fieldNameBlank, .fieldWrapperOutputBlank, .fieldWrapperOutputRadio { }
.fieldWrapperOutputTextArea textarea { height: 10em; }
.fieldCaption
{
	font-size: .909em;
	font-style: italic;
	padding: .5em 0 0 .5em;
	display: block;
}
.fieldWrapperOutputTextLine{
	margin-bottom:4px;
}
input {
	margin-right: 0.25em;
}
.formTableCell { }

.button { margin: 15px 0px 0px;  }

.formTable h1 {
	font-size: 16px;
	font-weight: normal;
	color: #000000;
}

/*********************/
/****** Modules ******/
/*********************/

.mArticleListTitle
{
	font-weight: normal;
	text-align: left;
	clear: both;
	float: left;
	width: 100%;
}
.mArticleListLongTitle {
	margin-bottom: 10px;
	color: #666;
	}
.mArticleListDateOfArticle
{
	margin:0 0 0px 0;
	float: right;
}
.tab-pane .mArticleListDateOfArticle
{
	margin:0 10px 5px 0;
	font-weight: bold;
	float: none;
}
.mArticleTitle h1 { margin-bottom: 0px; }
.mArticleLongTitle { font-style: italic; }
.mArticleAuthor { font-size: 80%; }
.mArticleDateline
{
	margin-top: 10px;
	font-size: 80%;
}
.mArticleBody { }
.mArticleMoreLink { }
.mBiographyOptionsIcons { margin-top: 10px; }
#mGallery
{
	position: relative;
	float: left;
	width: 535px;
	border: 1px solid #DDDDDD;
	background: #EEEEEE;
}
#mGalleryRowOne, mGalleryRowTwo
{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
#mGalleryImageColumn
{
	position: relative;
	float: left;
	width: 350px;
}
#mGallerySideColumn
{
	position: relative;
	float: left;
	width: 160px;
	margin-left: 20px;
}
#mGalleryPreviewImage
{
	position: relative;
	float: left;
	width: 350px;
	height: 350px;
	border: 1px solid #999999;
	background: #BBBBBB;
	margin-bottom: 5px;
}
#mGalleryPreviewImage td
{
	height: 350px;
	width: 350px;
	text-align: center;
	vertical-align: middle;
}
#mGalleryPreviewCaption
{
	position: relative;
	float: left;
	width: 100%;
	border: 1px solid #999999;
	background: #BBBBBB;
}
#mGalleryPreviewCaption span
{
	display: block;
	padding: 10px;
}
#mGalleryDescription
{
	position: relative;
	float: left;
	width: 100%;
	height: 300px;
	border: 1px solid #999999;
	background: #BBBBBB;
	margin-top: 25px;
}
#mGalleryDescription span
{
	display: block;
	padding: 10px;
}
#mGalleryThumbnailTable
{
	position: relative;
	float: left;
	border: 0px;
}
.mGalleryThumbnail
{
	position: relative;
	float: left;
	border: 1px solid #999999;
	background: #BBBBBB;
	margin-right: 5px;
}
.mGalleryThumbnail table
{
	border: 0px;
	border-collapse: collapse;
}
.mGalleryThumbnail td
{
	height: 100px;
	width: 100px;
	text-align: center;
	vertical-align: middle;
}
#mGalleryDirectionalButtons
{
	position: relative;
	float: left;
	width: 100%;
	padding-top: 5px;
	text-align: center;
}
/******************CONTENT STYLES*************************/

.TextArea
{
	FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
	FONT-SIZE:7pt;
	FONT-WEIGHT: 300;
	TEXT-DECORATION: none;
	background-color: #FFFFFF;
}
/* Clickable */
.Clickable
{
	TEXT-DECORATION: underline;
	cursor: pointer;
	cursor:hand;
}
/* Underline */
.Underline { TEXT-DECORATION: underline; }
/*The results for view my requests */
.ResultsText
{
	color:black;
	vertical-align:top;
}
/*The column header text for sortable columns on manage events, search, view my requests and others */
.SortableColumnLabel
{
	COLOR: #808080;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: 700;
	TEXT-DECORATION: underline;
	cursor: pointer;
	cursor:hand;
	vertical-align: bottom;
	text-align:left;
}
/*The column header text for manage events, search, view my requests and others */
.ResultsColumnLabel
{
	COLOR: #808080;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: 700;
	TEXT-DECORATION: underline;
	clear: both;
	vertical-align: bottom;
	text-align:left;
}
/*The results for approve events page */
.ResultsUnapprovedEvents
{
	COLOR: #808080;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: left;
	TEXT-DECORATION: underline;
}
/*Label for drop down lists*/
.DropDownListLabel { font-weight:bold; }
/*Label for radio button lists*/
.RadioButtonListLabel { font-weight:bold; }
/*Label for text boxes lists*/
.TextBoxLabel
{
	FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
	FONT-SIZE:7pt;
	font-weight:bold;
}
/*Label for disabled text boxes labels*/
.DisabledTextBoxLabel
{
	FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
	FONT-SIZE:7pt;
	FONT-WEIGHT: Bold;
	color: #ACA899;
}
/*Label for disbaled labels*/
.DisabledLabel { color: #ACA899; }
/*Label for disbaled hyperlink label*/
A.DisabledLabel
{
	color: #ACA899;
	text-decoration: none;
}
/*Label for disbaled label hyperlink when mouse is over hyperlink*/
A.DisabledLabel:Hover
{
	color: #ACA899;
	text-decoration: none;
}
/*Label for errors on input boxes*/
.InputErrorLabel
{
	FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
	FONT-SIZE:7pt;
	FONT-WEIGHT: 300;
	color:Red;
}
/*Headings with an underline*/
h3.SectionHeader
{
	color: #808080;
	font-size: 8pt;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid #225d92;
}
/*Headings with an underline*/
.SectionHeaderSmall
{
	color: #808080;
	font-size: 8pt;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid #225d92;
}
/******************End CONTENT STYLES*************************/

/********OUT MESSAGE LABELS (show up under the page title)******/
/*The asterisk that appears next to all required fields*/
.RequiredAsterisk { color:Red; }
/*Displays if there are no records*/
.ResultsNoRecordsMessage
{
	COLOR: #da5a5a;
	FONT-SIZE: 14pt;
	FONT-WEIGHT: 700;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none
}
/*Displays if the out message is an error*/
.ErrorMessage
{
	FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
	color:red;
	font-size: 7pt;
}
/*Displays if the out message if just info only*/
.InformationMessage { font-size: 10pt; }
/*Displays if messgae is a warning*/
.WarningMessage
{
	color:Black;
	font-size: 8pt;
}
/*Default style for helptext if tag is overridden and requested to dispaly as string*/
.HelpText { color: Fuchsia; }
/*The color of the text of a required UDQ*/
.RequiredUDQText
{
	FONT-SIZE:7pt;
	font-weight: bold;
}
/*Default style of the udq text*/
.UDQText
{
	FONT-SIZE:7pt;
	font-weight: bold;
}
/********END OUT MESSAGE LABELS (show up under the page title)******/


/********************Date picker (visual calendar...NOT Drop calendar) Styles***************/
/*Style of today in the calendar*/
.todayCell
{
	BORDER-BOTTOM: 1px solid blue;
	border-top: 1px solid blue;
	border-left: 1px solid blue;
	border-right: 1px solid blue;
	text-align: center;
}
/*Style of today when selected in the calendar*/
.todayCellSelected
{
	BORDER-BOTTOM: 1px solid blue;
	border-top: 1px solid blue;
	border-left: 1px solid blue;
	border-right: 1px solid blue;
	text-align: center;
	background-color:Yellow;
}
/*Style of cell when not selected in the calendar*/
.unselectedCell
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	background-color: white;
	text-align: center;
}
/*Style that the calendar is set to when it is not in view*/
.hideCalendar { display: none; }
/*Style when the calendar is scrolled into view*/
.showCalendar { display: inline-block; }
/*Style for the calendar on event submit page(Border style)*/
.AdvancedCalendar
{
	border-right: #d5d5d5 groove;
	border-top: #d5d5d5 groove;
	border-left: #d5d5d5 groove;
	border-bottom: #d5d5d5 groove;
	text-align: center;
}
/*Style in calendar of a date that is not clickable*/
.unclickableCell
{
	color: lightGrey;
	text-align:center;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
}
A.GraphCalLink { color:Black; }
A:hover.GraphCalLink
{
	color:Black;
	text-decoration:none;
}
A:visited.GraphCalLink
{
	color:Black;
	text-decoration:none;
}
/****************************END Date Picker styles************************/

/****************View Calendars Main Calendar LINKS***********************/
.CalendarDisplay
{
	FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
	TEXT-DECORATION: none;
	border-bottom:1px thin;
	border-top:1px thin;
	border-right:0px thin;
	border-left:0px thin;
	border-color: #C0C0C0;
}
/************BrowseEvents.aspx and CustomEvents.aspx**************/
.DateRow { border-top: solid 1px #000000; }
.DisplayBookingsNotCurrentMonth
{
	BACKGROUND-COLOR: #B9C5DC; /* #FFEED1 #FDD5C2 #B9C5DC #E9eccd #c0c0c0;*/
	TEXT-DECORATION: none;
	border-color: #C0C0C0
}
A.DisplayAdditionalEvents
{
	COLOR: #225d92;
	font-size: 8pt;
	CURSOR: hand;
	CURSOR: pointer;
	text-decoration: none;
}
A.DisplayAdditionalEvents:Hover
{
	COLOR: #225d92;
	font-size: 8pt;
	CURSOR: hand;
	CURSOR: pointer;
	text-decoration: underline;
}
.DisplayBookingsCurrentMonth
{
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	border-color: #C0C0C0;
}
.DisplayBookingsEventName
{
	font-size: 7pt;
	color:#225d92;
}
A.DisplayBookingsEventName, A.DisplayBookingsEventName:visited
{
	font-size: 7pt;
	color:#225d92;
}
A.DisplayBookingsEventName:Hover
{
	font-size: 7pt;
	color:#225d92;
	text-decoration: underline;
}
A.DisplayCancelEventName
{
	font-size: 7pt;
	font-weight: bold;
	color: #000000;
	text-decoration: line-through;
}
A.DisplayCancelEventName:Visited
{
	font-size: 7pt;
	color:#000000;
	font-weight: bold;
	text-decoration: line-through;
}
A.DisplayCancelEventName:Hover
{
	font-size: 7pt;
	color:#000000;
	font-weight: bold;
	text-decoration: underline;
}
A.minicalendartitle:link, A.minicalendartitle:visited, A.minicalendartitle:active { color: #000000; }
.minicalendartitle
{
	font-family: Verdana, Arial;
	TEXT-ALIGN: center;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
A.minicalendar:link, A.minicalendar:visited, A.minicalendar:active { text-decoration: underline; }
A.minicalendar:hover { text-decoration: underline; }
.minicalendar
{
	font-family: Verdana, Arial;
	TEXT-ALIGN: center;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
}
A.minicalendartoday:link, A.minicalendartoday:visited, A.minicalendartoday:active
{
	color: #000000;
	font-weight: bold;
}
A.minicalendarMonth:link, A.minicalendarMonth:visited, A.minicalendarMonth:active, A.minicalendarMonth:hover
{
	font-size: 12pt;
	text-decoration: underline;
}
.minicalendarMonth
{
	font-family: Verdana, Arial;
	TEXT-ALIGN: center;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}
.minicalendarDay
{
	font-family: Verdana, Arial;
	TEXT-ALIGN: center;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
A.minicalendarDay:link, A.minicalendarDay:visited, A.minicalendarDay:active { color: #000000; }
.CalList
{
	font-size: 8pt;
	FONT-FAMILY: Verdana, Arial;
	COLOR: #225d92;
}
A.CalList:link, A.CalList:visited, A.CalList.active { }
A.CalList:hover
{
	FONT-FAMILY: Verdana, Arial;
	TEXT-DECORATION: underline;
	font-size: 8pt;
}
.CalListCancel
{
	font-size: 8pt;
	FONT-FAMILY: Verdana, Arial;
	COLOR: #225d92;
	TEXT-DECORATION: line-through;
}
A.CalListCancel:link, A.CalListCancel:visited, A.CalListCancel.active { TEXT-DECORATION: line-through; }
A.CalListCancel:hover
{
	FONT-FAMILY: Verdana, Arial;
	TEXT-DECORATION: underline;
}
.CalListHeader
{
	TEXT-ALIGN: left;
	FONT-SIZE: 12px;
	font-weight: bold;
}
/*calendar Detailed list view styles */
.CalendarListDetailHeader { border-top: 1px solid #225d92; }
.CalendarListDetailTitle
{
	font-family: Verdana, Arial;
	TEXT-ALIGN: left;
	font-size: 10pt;
	font-weight: bold;
}
A.CalendarListDetailTitle
{
	font-family: Verdana, Arial;
	TEXT-ALIGN: left;
	font-size: 10pt;
	font-weight: bold;
}
A.CalendarListDetailTitle:Hover
{
	font-family: Verdana, Arial;
	TEXT-ALIGN: left;
	font-size: 10pt;
	font-weight: bold;
}
.CalendarListDetailTitleCancel
{
	font-family: Verdana, Arial;
	TEXT-ALIGN: left;
	font-size: 10pt;
	font-weight: bold;
}
A.CalendarListDetailTitleCancel
{
	font-family: Verdana, Arial;
	TEXT-ALIGN: left;
	font-size: 10pt;
	font-weight: bold;
	TEXT-DECORATION: line-through;
}
A.CalendarListDetailTitleCancel:Hover
{
	font-family: Verdana, Arial;
	TEXT-ALIGN: left;
	font-size: 10pt;
	font-weight: bold;
	TEXT-DECORATION: underline;
}
.CalendarListDetailDateTimeLocation
{
	font-family: Verdana, Arial;
	TEXT-ALIGN: left;
	font-size: 8pt;
	font-weight: bold;
	Color: #666666;
}
.CalendarListDetailImage
{
	padding-right: 5px;
	width: 100px;
	vertical-align:top;
}
/****************End View Calendars Main Calendar LINKS***********************/


/*System style to make curor into hand*/
.Cursor
{
	cursor: pointer;
	cursor: hand;
}
/*System style to hide items*/
.hide { display: none; }
.TextTitle
{
	FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
	FONT-SIZE: 10pt;
	TEXT-DECORATION: none;
	font-weight:bold;
}
.TextSubTitle
{
	FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
	FONT-SIZE: 7pt;
	TEXT-DECORATION: none;
	font-weight:700;
	COLOR: #808080;
}
/*This is the grey bar with the light text (on view requests and other locations)*/
.DarkBarWithLightText
{
	font-weight: 900;
	font-size: 11pt;
	color: #ffffff;
	background-color: #839bc1;
	text-decoration: none;
}
/*This is the grey bar with the light text (on view requests and other locations)*/
.AttachmentHeader
{
	font-weight: 900;
	font-size: 7pt;
	color: #ffffff;
	background-color: #839bc1;
	text-decoration: none;
}
/******************TOOL TIP*****************************/
/*Main container for the custom tool tip*/
.CustomToolTipWidthContainer
{
	background-color: #FFFFE1;
	border-style: solid;
	border-color: #000000;
 filter: progid:DXImageTransform.Microsoft.Shadow(color=gray, direction=135);
}
/*The body table for the tool tip*/
.CustomToolTipBodyTable
{
	font-weight: normal;
	background-color: #FFFFE1;
}
/*A cell on the right side...every other row*/
.CustomToolTipCell { }
/*Label cell (left side)...every other row*/
.CustomToolTipLabelCell { font-weight: bold; }
/*Label cell (left side)...every other row*/
.CustomCancelToolTipCell { color: Red; }
/***********************END TOOL TIP****************************/


/*Only on the LDAP configuration page*/
.InlineHelp
{
	font-style: italic;
	color: Gray;
	width: 250px;
}
/******************************/
/******** Twitter Feed ********/
/******************************/

.tweet_list
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.tweet_list li
{
	overflow: auto;
	padding: 10px 0px 20px;
	width: 240px;
	border-bottom: 1px solid #739899;
	margin-bottom: 5px;
	list-style-type: none;
}
.tab-page .tweet_list li
{
	width: auto;
	list-style-type: none;
	list-style-position:inside;
	background: none;
}
.tweet_list li a:link, .tweet_list li a:active, .tweet_list li a:focus, .tweet_list li a:visited
{
	color:#E5E5E5;
	text-decoration:underline;
}
.tab-page .tweet_list li a:link, .tab-page .tweet_list li a:active, .tab-page .tweet_list li a:focus, .tab-page .tweet_list li a:visited
{
	color:#000000;
	text-decoration:underline;
}
.tweet_list li a:hover { text-decoration:none; }
.tweet_even { }
.tweet_avatar
{
	padding-right: 10px;
	float: left;
}
.tweet_avatar img { vertical-align: middle; }

.bc_feedtitle {
	font: 16px Georgia, Times, serif;
	margin-bottom: 12px;
	display: block;
	margin-top: -5px;
}

/**************************************/
/******** Social Media Buttons ********/
/**************************************/


div.social-media {margin: 20px 0px; height:20px;}
div.social-media span{ float: left; padding-right: 20px; }
span.tweet {width: 115px;}
span.google1 {width: 75px;}
span.fd_like {width: 150px;}


/* Article Paging */
#articlePaginationWrap {
	border-top: 1px solid #CCC;
	padding: 10px 0px 0px 0px;
}
#articlePrev {
	float: left;
	width: 100px;
	text-align: center;
}
#articlePageNavWrap {
	float: left;
}
.articlePageNav {
	float: left;
	text-align: center;
}
#articleNext {
	float: left;
	width: 100px;
	text-align: center;
}
.active {
	background: #F2F2F2;
}

#elipsesRight, #elipsesLeft {
	float: left;
}

/* */
div#middle {
	clear: both;
}
div#callout-hosting {
	width: 100%;
	background: url(../images/callout-hosting-bg.gif) no-repeat 0 0;
	margin-bottom: 16px;


}
div#callout-hosting h2 {
	padding-bottom: 25px;
	color: #fff;
	padding-top: 10px;
	font-size: 25px;
	padding-left: 24px;
	width: 100%;
}
div#callout-content {
	border-left: 14px solid #fff;
	background: #f2f2f2;
	padding-left: 15px;
	padding-bottom: 5px;

}
div#callout-content p {
	font-size: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div#callout-content p span { color: #ed1c24; }
div#callout-links {
	border-left: 14px solid #fff;
	background: #f2f2f2;

}
div#callout-links a {
	color: #1853b5;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 12px;
	font-style: italic;
	border-left: 2px solid #fff;
	padding: 10px 34px 15px 34px;
	display: inline-block;
	background: url(../images/callout-hosting-link-bg.gif) no-repeat left bottom;
}
div#callout-links a:hover {
	text-decoration: underline;
}
div#callout-links a:first-child {
	border-left: 0 none;
	background: none;
}