/*
PORTICO
Content Page Specific CSS Properties
version: 1.0.0
Contains any elements that are common a content page. Mainly any layout and background adjustments.

GENERAL NOTES:
- Content's padding on left and right is 18px, total to 36. So, for any content frame peices, it's width should be 900, but take away the padding it will total to 864px.
*/
/*========================================== TOP PEICES ==========================================*/
#bg-content-top {
	background:url(../images/bg-content-top.png) no-repeat;
	height:29px;
	width:944px;
	float:left;
	clear:both;
	position:relative;
}
#bg-content-leftside-top {
	background:url(../images/bg-content-leftside-top.png) no-repeat top;
	height:626px;
	width:30px;
	position:absolute;
	top:29px;
	left:0px;
}
#bg-content-leftside-top img {
	position:absolute;
	top:0px;
	left:-1px;
}
#bg-content-rightside-top {
	background:url(../images/bg-content-rightside-top.png) no-repeat top;
	height:626px;
	width:14px;
	position:absolute;
	top:29px;
	right:0px;
}
#content-header {
	background:url(../images/bg-content-header.gif) repeat-x;
	height:102px;
	width:900px;
	float:left;
	clear:both;
	position:relative;
	border-top:1px solid #f3f4f4;
	z-index:11;
}
#content-header #portico-logo {
	position:absolute;
	top:18px;
	left:18px;
}

#content-topmenubar-cap-left {
	background:url(../images/content-topmenubar-cap-left.gif) no-repeat;
	height:19px;
	width:12px;
	position:absolute;
	bottom:0;
	left:149px;
}
#content-topmenubar-cap-right {
	background:url(../images/content-topmenubar-cap-right.gif) no-repeat;
	height:19px;
	width:12px;
	position:absolute;
	bottom:0;
	right:149px;
}
.pillmenu {
	margin:0;
	padding:0;
	display:block;
}
#headermenu {
	right:18px;
	top:70px;
	background:url(../images/topnav-splitter.gif) no-repeat 117px 20px;
	position:absolute;
	height:32px;
}
#titlemenu {
	position:absolute;
	right:0px;
	top:32px;
}
.pillmenu li {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	float:left;
	background:#b5bcc1;
	height:15px;
	margin-left:15px;
	width:auto !important;
}
.pillmenu li a {
	height:15px;
	display:block;
	float:left;
	line-height:15px;
	font-size:0.8em;
	padding:0px 5px 0px 5px;
}
.pillmenu li a:link {
	color:#fff;
	text-decoration:none;
}
.pillmenu li a:visited {
	color:#fff;
	text-decoration:none;
}
.pillmenu li a:hover {
	color:#fff;
	text-decoration:underline;
}
.pillmenu li a:focus {
	color:#fff;
	text-decoration:underline;
}
.pillmenu li a:active {
	color:#fff;
	text-decoration:none;
}
.pillbutton {
	width:7px;
	height:15px;
}
.pillbutton.leftcap {
	background:url(../images/header-button-leftcap.gif) no-repeat 0px -15px;
	float:left;
}
.pillbutton.rightcap {
	background:url(../images/header-button-rightcap.gif) no-repeat 0px -15px;
	float:left;
}
.hmenu, .tmenu {
	position:absolute;
	right:18px;
	top:90px;
	width:236px;
	z-index:10;
}
.tmenu {
	top:53px;
	right:0px;
}
.hmenu ul, .tmenu ul {
	float:left;
	clear:both;
	margin:0;
	padding:0;
	display:block;
	width:206px;
	padding:0px 15px 0px 15px;
	min-height:168px;
	background:url(../images/hmenu-bg.png) bottom right no-repeat #892388;
}
.hmenu ul a:link, .tmenu ul a:link {
	color:#fff;
	text-decoration:none;
}
.hmenu ul a:visited, .tmenu ul a:visited {
	color:#fff;
	text-decoration:none;
}
.hmenu ul a:hover, .tmenu ul a:hover {
	color:#fff;
	text-decoration:underline;
}
.hmenu ul a:focus, .tmenu ul a:focus {
	color:#fff;
	text-decoration:underline;
}
.hmenu ul a:active, .tmenu ul a:active {
	color:#fff;
	text-decoration:none;
}
.hmenu ul li, .tmenu ul li {
	display:block;
	float:left;
	width:100%;
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}
#hmenu-top {
	background:url(../images/hmenu-top.png) no-repeat;
	width:236px;
	height:15px;
	float:left;
	clear:both;
}
#hmenu-bottom {
	background:url(../images/hmenu-bottom.png) no-repeat;
	width:236px;
	height:15px;
	float:left;
	clear:both;
}
/*========================================== CONTENT FRAME PEICES ==========================================*/

#content-frame {
	background:url(../images/bg-content-sidebars.png) repeat-y;
	height:100%;
	width:900px;
	float:left;
	padding:0px 14px 0px 30px;
}
#content-body {
	background:url(../images/content-frame-bg.gif) repeat-x #fff;
	height:100%;
	width:900px;
	float:left;
	clear:both;
	/*To have the left side design be flush, should be 915px but with the padding of 60px at the bottom taken away from that it's 855px*/
 	min-height:855px;
	height:auto !important;
	height:855px;
	position:relative;
}
#content-body-header {
	width:900px;
	overflow:hidden;
	float:left;
	clear:both;
	margin-bottom:28px;
}

.video-holder {
	padding:18px;
	height:236px; /*266px*/
	width:660px; /*696px*/
	float:right;
	color:#fff;
	text-transform:uppercase;
}
.video-description {
	width:247px;
}
#videoframe {
	width:395px;
	height:227px;
	overflow:hidden;
	float:left;
}
#videoinfo {
	display:block;
	float:left;
	margin-left:18px;
	font-size:0.9em;
}
.page-menu {
width:172px;
float:left;
padding-left:18px;
text-transform:uppercase;
}
#videoinfo h6 {
	font-size:1.9em;
	font-weight:normal;

}
#videoinfo div {
	margin:3px 0px 3px 0px;
}
.page-menu ul {
	display:block;
	float:left;
	margin:15px 0px 0px 4px;
	padding:0;
}

.page-menu ul li {
	padding:0;
	margin:4px 0px 4px 0px;
	list-style:none;
}
#grow-menu {

}
#grow-video {
	background:url(../images/connectheader.png) no-repeat right;
}
#serve-video {
	background:url(../images/serveheader.png) no-repeat right;
}
#connect-video {
	background:url(../images/growheader.png) no-repeat right;
}
#content-body #breadcrumb {
	display:block;
	width:864px;
	float:left;
	clear:both;
	text-transform:uppercase;
	color:#808990;
	margin:0;
	padding:18px;
	font-size:0.875em;
}
#content-body #breadcrumb a {
	text-decoration:none;
}
#content-body #breadcrumb li {
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
}
#content-area {
	float:left;
	clear:both;
	width:864px;
	/*18px on each side for the content buffer at the edge, 60px at the bottom to buffer from the tagline*/
	padding:0px 18px 60px 18px;
	min-height:855px;
	height:auto !important;
	height:855px;
}
#content-area #content-tagline {
	position:absolute;
	bottom:0px;
	color:#6d87a8;
	font-size:0.8em;
	width:864px;
	text-align:center;
}
#sidebar {
	width:186px;
	float:left;
	color:#000;
}
#sidebar a:link, .page-menu a:link {
	color:#000;
	text-decoration:none;
}
#sidebar a:visited, .page-menu a:visited {
	color:#000;
	text-decoration:none;
}
#sidebar a:hover, .page-menu a:hover {
	color:#892388;
	text-decoration:none;
}
#sidebar a:focus, .page-menu a:focus {
	color:#892388;
	text-decoration:none;
}
#sidebar a:active, .page-menu a:active {
	color:#000;
	text-decoration:none;
}
#sidebar #sections {
	margin:1.05em 0 2em 0;
	padding:0;
	width:100%;
	float:left;
	clear:both;
}
#sidebar #sections li {
	display:block;
	margin:0px 2px 0px 0px;
	padding:0;
	float:left;
}
#sidebar #sections a {
	text-indent:-9999px;
}
#sidebar #sections #grow a {
	display:block;
	background:url(../images/growbox-small.gif) no-repeat;
	height:55px;
	width:54px;
}
#sidebar #sections #connect a {
	display:block;
	background:url(../images/connectbox-small.gif) no-repeat;
	height:55px;
	width:55px;
}
#sidebar #sections #serve a {
	display:block;
	background:url(../images/servebox-small.gif) no-repeat;
	height:55px;
	width:55px;
}
#sidebar #sidemenu,
#nav_536813,
#nav_536812,
#nav_536814,
#nav_536822,
#nav_536819,
#nav_536820,
#nav_536816{
	margin:0;
	padding:0;
	text-transform:uppercase;
	display:block;
	float:left;
	width:100%;
	clear:both;
}
#sidebar #sidemenu li,
#nav_536813 li,
#nav_536812 li, 
#nav_536814 li,
#nav_536822 li,
#nav_536819 li,
#nav_536820 li,
#nav_536816 li{
	list-style:none;
	margin:0;
	padding:2px 0px 2px 0px;
	display:block;
	float:left;
	clear:both;
	width:100%;
}

#sidebar #picturemenu {
	margin:30px 0px 0px 0px;
	padding:0;
	list-style:none;
	float:left;
}
#sidebar #picturemenu li {
	display:block;
	float:left;
	margin:0px 0px 15px 0px;
	padding:0;
	list-style:none;
}
#sidebar #picturemenu img {
	float:left;
	clear:both;
	margin-bottom:4px;
}
#sidebar #picturemenu a {
	display:block;
	float:left;
	clear:both;
	font-size:1.1em;
	text-indent:10px;
}

#sidebar a.connect-link:link {
	color:#00b0d8;
	text-decoration:none;
}

#sidebar a.connect-link:visited {
	color:#00b0d8;
	text-decoration:none;
}

#sidebar a.connect-link:hover {
	color:#00b0d8;
	text-decoration:underline;
}

#sidebar a.connect-link:focus {
	color:#00b0d8;
	text-decoration:underline;
}

#sidebar a.connect-link:active {
	color:#00b0d8;
	text-decoration:none;
}


#sidebar a.serve-link:link {
	color:#f06019;
	text-decoration:none;
}

#sidebar a.serve-link:visited {
	color:#f06019;
	text-decoration:none;
}

#sidebar a.serve-link:hover {
	color:#f06019;
	text-decoration:underline;
}

#sidebar a.serve-link:focus {
	color:#f06019;
	text-decoration:underline;
}

#sidebar a.serve-link:active {
	color:#f06019;
	text-decoration:none;
}



#sidebar a.grow-link:link {
	color:#80af45;
	text-decoration:none;
}

#sidebar a.grow-link:visited {
	color:#80af45;
	text-decoration:none;
}

#sidebar a.grow-link:hover {
	color:#80af45;
	text-decoration:underline;
}

#sidebar a.grow-link:focus {
	color:#80af45;
	text-decoration:underline;
}

#sidebar a.grow-link:active {
	color:#80af45;
	text-decoration:none;
}



#content {
	width:678px;
	float:right;
	color:#808990;
	line-height:15pt;
	position:relative;
}
#content-title {
	background:url(../images/h1-underline.gif) bottom repeat-x;
	padding-top:1.5em;
	padding-bottom:0.3em;
	float:left;
	clear:both;
	width:100%;
	margin-bottom:2.002em;
	position:relative;
}
/*========================================== BOTTOM PEICES ==========================================*/
#bg-content-bottom {
	background:url(../images/bg-content-bottom.png) no-repeat;
	height:70px;
	width:944px;
	float:left;
	clear:both;
	position:relative;
}
#bg-content-leftside-bottom {
	background:url(../images/bg-content-leftside-bottom.png) no-repeat top;
	height:481px;
	width:30px;
	position:absolute;
	bottom:70px;
	left:0px;
}
#bg-content-rightside-bottom {
	background:url(../images/bg-content-rightside-bottom.png) no-repeat top;
	height:481px;
	width:14px;
	position:absolute;
	bottom:70px;
	right:0px;
}
#bg-content-bottom .bottom-text {
	position:absolute;
	color:#4c4d4f;
	font-size:0.8em;
	top:8px;
}
#bg-content-bottom #copyright-site {
	left:60px;
}
#bg-content-bottom #digiflare-line {
	right:55px;
}
#bg-content-bottom .bottom-text a:link, #bg-content-bottom .bottom-text a:visited, #bg-content-bottom .bottom-text a:active {
	color:#fff;
	text-decoration:none;
}
#bg-content-bottom .bottom-text a:hover, #bg-content-bottom .bottom-text a:focus {
	color:#fff;
	text-decoration:underline;
}

#videoinfo {
	display:none;
	/*Temporary until they get all info*/
}


/* These hieghts and widths should be edited to your images */	
ul#pikame{
	padding-left:0;
	width:678px;
	margin:0 auto;
	position:absolute;
	top:115px;}
.pika_main{
	width:678px;
	padding-right:20px;
	margin:0 auto;}
#pikame li{
	margin:5px;
	float: left;
	border:2px solid #222;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:5px solid #222;}
.pika_main{position: relative;margin:0 auto;margin-top:130px;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1; display:none !important;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;color:#6E7067;font-style:italic;font-size:12px;}
.pika_navigation a{font-size: 12px;color:white;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center; display:none;}
.pika_subdiv a {display:block; overflow:hidden; height:210px; width:210px; float:left; margin-right:15px; margin-bottom:5px;}
.pika_subdiv h3 {
	color:#18809A;
	margin-top:0px;
	font-size:145%;
	font-style:normal;
	font-weight:bold;
}
.pika_subdiv p {
	font-weight:bold;
}
.pika_subdiv p strong {
	font-weight:normal;
	font-style:italic;
	color:#18809A;
}

.pika_subdiv .link-box {
	position:absolute;
	left:-228px;
	top:220px;
	width:210px;
}
.pika_subdiv .link-box a {
	height:18px;
	width:191px;
}
.pika_subdiv .pika_caption {
	display:block;
	float:right;
	width:450px;
	text-align:left;
	position:relative;
}
.text-content.text-content-large {
	width:500px;
}

#event-list p {
	font-size:14px;
	font-weight:bold;
	margin-bottom:0px;
	display:block;
	float:left;
	clear:both;
	width:100%;
}

#event-list {
	float:left;
	clear:both;
	border-bottom:2px dotted #999;
	margin-bottom:15px;
	padding-bottom:15px;
	width:100%;
}


#event-list em {
	font-weight:normal;
	color:#18809a;
	font-style:normal;
}