/*  
	Theme Name: ci
	Theme URI: http://www.communityimpactatcu.org
	Description: A customized theme for Community Impact
	Version: 2.0
	Author: Lauren Pully
	Author URI: http://www.laurenpully.com
*/

/* -------------------- GENERAL -------------------- */
* {
margin-top: 2px;
padding: 0;
}
title{text-transform: capitalize;}

body { margin-left: 0; margin-right: 0; font-family: "Bookman Old Style"; font-size: 12px; line-height: 19px; text-align: left; padding: 0; text-align: center;}

h1, h2, h3, h5 { text-transform: capitalize; line-height: 100%; padding:0; margin:0;}

h2{font-size:22px;}

h3 {font-weight: bold;}

h5{font-size:18px; color: #0219f0;}

hr{line-height: 100%; padding:0; margin:0;}

a { text-decoration: none; color: black; }
a img{border-style: none;}
a:hover { text-decoration: underline; color: #0033CC;}
/* a:hover img{opacity:0.4;} */

img { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; text-align: left; padding: 0px;}
img.wrap{padding-right: 10px; float:left; }
table { width: 500px; padding-right: 10px; background-position: -3px; border-collapse: collapse; border-spacing: 5px 0px; padding-left: 10px; border-width: 1px; border-style: none;}

table.visible {text-align: center; width:100%;}

table.invisible{width:100%; padding-left: 5px;}

table.border {
	margin-top: 18px;
	margin-left: 10px;
	margin-right: 10px;
	border-style: solid; 
	border-width: 3px;
	border-color: #666666;
	font-size: 10px;
	}
	
table.border td{
	border-style: solid; 
	border-width: 3px;
	border-color: #666666;
	vertical-align: top;
}
	
table.border tr{
	border-style: solid; 
	border-width: 3px;
	border-color: #666666;}

ul {
	margin:0;
	padding:0;
}

form{text-align: left;}

#container {
	width: 850px;
	margin: 0 auto;
	padding:0;
	background:#fff;
	color:#333;
	overflow: hidden;
	text-align: left;
}
#pagetop{ font-style: normal; font-weight: normal; background-color: #034073; color: white}	
#pagetop a{color: white}
.mainwrap {padding-left: 0px; padding-bottom: 0; padding-right: 0px; padding-top: 0; float: left; width:100%;
	border-top-style: dashed;
	border-top-color: #1B4B9B;
	border-width: 5px;
}
/* -------------------- INDEX -------------------- */

#indexMenu { border-bottom-color: #92BBFF; border-top-color: #1B4B9B; border-bottom-width: 5px; border-left-style: none; border-bottom-style: solid; border-right-style: none; border-top-style: solid; border-top-width: 5px; text-transform: uppercase; font-weight: bold; float: left; width: 100%;}

.ad2{ border-color: #034073; border-width: 8px; border-style: outset; height:300px; color: navy; font-size:12px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; overflow: hidden; width:400px;}
.ad2 a{ font-size:12px;color: black;}
.ad2 h2{ text-align: center; font-size: 20px; padding-top: 8px; padding-bottom: 8px;}
.ad h1{color:black}

.ad3{ border-color: #0080ff; border-width: 8px; border-style: outset; height:300px; color: #0080ff; font-size:12px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; overflow: hidden;}
.ad3 a h1{color: #0080ff;}
.ad3 a{color: black; width:400px;}
.ad3 li{list-style: none;}

#indexMenu ul {margin: 0; padding: 10px 0;}

div.news{background: url(images/newsBg_IE.jpg) top center; overflow: hidden; color: black; text-align: center; font-size: 10px; }
div.news h1{color: white; font-size: 12px; margin-top: 10px; margin-bottom: 15px;}
div.news h2{margin-left: 15px; font-size:18px; padding-top: 10px; padding-bottom: 15px;}
div.news hr{ width: 100%;}

table.index {border-right-color: white; border-left-color: white; border-right-style: solid; border-left-style: solid; width:100%; margin-bottom:10px;}
table.index td{vertical-align:top;}

table.index_images { text-transform: capitalize; font-family: "Bookman Old Style"; font-size: small; text-align: center; color: white; font-weight: bold; background-color: #3688ff; border-right-color: white; border-left-color: white;  width:100%; margin-bottom:10px;}
table.index_images td{vertical-align:top;}
table.index_images td.padding{ }

/* -------------------- HEADER -------------------- */

#header { width: 850px; float: left; clear: both; text-align: center; }

/* -------------------- MENU TABS / TOP NAVIGATION -------------------- */

#menu {text-align: center; list-style-type: none; font-size: 15px; text-transform: capitalize; float: left; width: 100%; height: 60px; margin: 0; padding: 0; display: inline; }
#menu ul { font-size: 12px; margin: 0; list-style: none; }
#menu ul li a:hover, #menu ul li.current_page_item a { color: black; text-decoration: underline; }

#indexMenu { border-bottom-color: #92BBFF; border-top-color: #1B4B9B; border-bottom-width: 5px; border-left-style: none; border-bottom-style: solid; border-right-style: none; border-top-style: solid; border-top-width: 5px; text-transform: uppercase; font-weight: bold; float: left; width: 100%;}
#indexMenu ul {margin: 0; padding: 10px 0;}

#nav2{
        background-color:white;
        display: block;
        font-size:1.1em;
        height:50px;
        width:100%;
}

#nav2, #nav2 ul {
	line-height: 1;
	list-style: none;
}

#nav2 a ,#nav2 a:hover{
	border:none;
	display: block;
	text-decoration: none;
}

#nav2 li {
	float: left;
	list-style:none;
}

#nav2 a,#nav2 a:visited {
	color:#109dd0;
	display:block;
	font-weight:bold;
	padding:6px 12px;
}

#nav2 a:hover, #nav2 a:active {
	/*color:#fff;*/
	color:black;
	text-decoration:none
}	

#nav2 li ul {
	border-bottom: 1px solid #a9a9a9;
	height: auto;
	left: -999em;
	position: absolute;
	width: 900px;
	z-index:999;
}

#nav2 li li {
	width: auto;
}

#nav2 li li a,#nav2 li li a:visited {
        color:#109dd0;
	font-weight:normal;
	font-size:0.9em;
}

#nav2 li li a:hover,#nav2 li li a:active {
	/*color:#fff;*/
	color:black;
}	

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: 30px;
}

/* -------------------- SEARCH FORM -------------------- */

input{ margin-left: 10px; display: inline-table;}

/* -------------------- CONTENT -------------------- */

#top{
	background-repeat: no-repeat;
	background-image: url(images/headerImage.jpg);
	float: right;
	width:100%;
	height:187px;
	overflow: hidden;	
	}
	
#top h5{color:black;}
	
#top table{
	margin-left: 10px;
	text-align: left;
	height:187px;
	width:150px;
	background-color: #a5cdf0;
}

#top table hr{
	margin-bottom: 3px;
	border-style: solid;
	margin-right:20px;
	color: black;
	margin-top: 3px;
}

#content {
	float: right;
	width:100%;
	overflow: hidden;
	padding-top: 8px;
	}	

#blog_content {
	float: right;
	width:650px;
	overflow: hidden;
	padding-top: 8px;
	}	
	
.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	padding:6px;
	margin: 20px 0;
	}

/* -------------------- SIDEBAR -------------------- */

#sidebar {text-align: left; text-transform: capitalize; font-weight: bold; float: left; width: 190px;}
#sidebar h3{color: #1B4B9B; text-align: center}
#sidebar ul {
	padding-left: 0;
	padding: 0;
	}
#sidebar.page_item a{color: #0080ff;}

#sidebar ul {
	padding:0;
	}
	
#sidebar ul ul a{color: #0080ff;}

#sidebar ul li {
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}
	
#sidebar ul ul li.page_item a{color:black;}

#sidebar ul ul li.current_page_item a{
	color: #0080ff;
}

#sidebar hr{background-color: #1B4B9B; width: 100%; height: 1px; color:black; margin-top: 3px;margin-bottom: 3px;}

.current{
		margin-left: 12px;
		border-color:#d2d062;
		border-top-width: 2px;
		border-top-style: dashed;
		border-bottom-width: 2px;
		border-bottom-style: dashed;
}

.current ul li ul li{margin-left: 10px}
.current ul li{margin-left: 10px}

#tag-cloud{font-size: small; text-transform: lowercase; font-style: italic; text-align: center;}
#tag-cloud h1 {font-size: medium; text-transform: lowercase;}
	
/* -------------------- FOOTER -------------------- */
#footer { text-transform: capitalize; width: 850px; height: 100px; padding: 0; margin: 0 0 15px 0; float: left; text-align: center; }
#footer p { color: #888; font-size: 80%; margin: 25px 30px; }
#footer a { text-decoration: none; color: #888; }
#footer a:hover { text-decoration: underline; color: #555; }

/* -------------------- CALENDAR -------------------- */
#top1{font-size: 11px; line-height: 12px; width:100%; float:right}
#top1 h2{ font-size: 10px; font-weight: bold; font-style: italic; color: black;}
#top1 h3{ font-size: 10px; font-weight: bold; font-style: italic; color: red;}
#top1 table{ margin-left: 10%; border-color: black; border-style: solid; border-width: 3px; width: 80%;}
#top1 table td{ padding-right: 5px; padding-left: 5px; border-style: solid; border-width: 3px; border-color: black; width: 14.3%; vertical-align: text-top;}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color: black;
    text-decoration:none}

a.info:hover{ z-index:25;}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/                                               
    text-decoration: none;                                                                                              
    display:block;
    position:absolute;
    top:3em; width:12em;
    background-color: #cccccc; color:#000;
    text-align: center}
    
/* -------------------- PROGRAM -------------------- */
table.pro {width: 100%;}
table.pro td {vertical-align: top; padding: 10px;}
ul.pic {padding: 0px; text-align: center;}
ul.pro{font-style: italic; font-weight: bold; color: #898989;}
img.pro{width: 186px; height: 130px;}

/* -------------------- COORDINATOR -------------------- */
#coordContainer {
	width: 900px;
	margin: 0 auto;
	padding:0;
	background:#fff;
	color:#333;
	overflow: hidden;
	text-align: left;
}
#coord {font-size: 11px; width: 100%}
#coord table td{vertical-align: top;}
#coord table.home{width:100%; border: none; text-align: left; border-collapse: collapse;}
#coord table.home td{margin-left: 10px; vertical-align:top;}
#coord table.small{font-size: 10px; width: 850px; border: solid}
#coord table.border{width: 100%; border: solid; margin-left: 0px}
#coord table.border td{border-width: 1px; border-style: solid;}
#coord table.update{border: solid}
#coord table.update td{border-width: 1px; border-style: solid; margin: 0px; padding: 0px;}
#coord table.update td input{margin: 0px; padding: 0px; width: 75px;}
#coordI{margin-left: 50px; margin-right: 50px;}
#coordI table{font-size: 12px; font-family: "Bookman Old Style"; text-align: left; border: none; vertical-align: top; width:100%}
#coordI td{vertical-align: top; width:33.3%}
#coordI table.announcements{ border-color: #000cd4; border-style: dotted; border-width: 3px; text-align: center}
#coordI table.networks{ border-color: #000cd4; border-style: dotted; border-width: 3px; text-align: center}
a.over:hover{ color: black; text-decoration: none; z-index:25;}
a.over span{display: none}
a.over:hover span{ /*the span will display just on :hover state*/                                               
    display:block;
    position:absolute;
    top:10em; width:30em;
    background-color: #cccccc; color:#000;
    text-align: left}
    
#coord input{margin-left: 0px}

/*Coordinator Navigation*/
div#coordMenuContainer {width:100%; padding-bottom: 50px; float:left; background:#fff; border-bottom:4px solid #000; position:relative; overflow: visible}
ul#topNav {clear:left; float:left; list-style:none; /*margin-left: 5%; margin-right: 5%;*/ padding:0; position:relative; text-align:center;}
ul#topNav li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; width:100px}

ul#topNav li a:link,
ul#topNav li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:navy; color:#ffffff; width:100px;}
ul#topNav li:hover a,
ul#topNav li a:hover,
ul#topNav li a:active /*Hover on the main navigation bar*/
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#999999; color:#ffffff; width:100px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
	
ul#topNav li ul.dropdownNav
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:100px; position:absolute; top:21px; left:-1px;border-top:none; }
ul#topNav li:hover ul.dropdownNav
	{ display:block; }
ul#topNav li ul.dropdownNav li
	{ width:100px; clear:left; width:100px; }

ul#topNav li ul.dropdownNav li a:link,
ul#topNav li ul.dropdownNav li a:visited
	{ clear:left; background:blue; padding:4px 0; width:100px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#topNav li ul.dropdownNav li:hover a,
ul#topNav li ul.dropdownNav li a:active,
ul#topNav li ul.dropdownNav li a:hover
	{ clear:left; background:#cccccc; padding:4px 0; width:100px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#topNav li ul.dropdownNav li ul.navigation-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:99px; top:-2px; padding:1px 1px 0 1px; background:#ffffff; z-index:900; }
ul#topNav li ul.dropdownNav li:hover ul.navigation-3
	{ display:block; }
ul#topNav li ul.dropdownNav li ul.navigation-3 li a:link,
ul#topNav li ul.dropdownNav li ul.navigation-3 li a:visited
	{ background:blue; }
ul#topNav li ul.dropdownNav li ul.navigation-3 li:hover a,
ul#topNav li ul.dropdownNav li ul.navigation-3 li a:hover,
ul#topNav li ul.dropdownNav li ul.navigation-3 li a:active
	{ background:#cccccc; }
ul#topNav li ul.dropdownNav li:hover a span,
ul#topNav li ul.dropdownNav li a:hover span
	{ position:absolute; top:0; font-size:8pt; color:#ffffff; }
	
/*-----------------------Main Menu-----------------------*/
div#menu {width:100%; float:left; background:#034073; position:relative; overflow: visible; height:30px; font-size:small}
ul#navigation {clear:left; float:left; list-style:none; position:relative; text-align:center;}
ul#navigation li {text-transform: uppercase; display:block; float:left; list-style:none; margin:0; position:relative; width:90px}

ul#navigation li a:link,
ul#navigation li a:visited
	{ padding:0px; display:block; text-align:center; background:#034073; color:#ffffff; width:90px; height:20px}
ul#navigation li:hover a,
ul#navigation li a:hover,
ul#navigation li a:active /*Hover on the main navigation bar*/
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#999999; color:#ffffff; width:90px; height:20px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
	
ul#navigation li a.nochildren:hover/*Hover on the main navigation bar*/
	{ display:block; text-align:center; text-decoration:none; background:#999999; color:#ffffff; width:90px; height:20px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
	
ul#navigation li ul.dropdownNav
	{ margin:0; padding:5px 1px 0; display:none; background:#999999; width:150px; border-top:none;}
ul#navigation li:hover ul.dropdownNav
	{ display:block; }
ul#navigation li ul.dropdownNav li
	{ width:90px;}

ul#navigation li ul.dropdownNav li a:link,
ul#navigation li ul.dropdownNav li a:visited
	{ background:#666666; padding:5px 0; width:150px; border:none; border-bottom:1px solid #ffffff; height:35px;}
ul#navigation li ul.dropdownNav li:hover a,
ul#navigation li ul.dropdownNav li a:active,
ul#navigation li ul.dropdownNav li a:hover
	{ background:#cccccc; padding:5px 0; width:150px; border:none; border-bottom:1px solid #ffffff; height:35px;}

/*---second level children---*/
ul#navigation li ul.dropdownNav li ul.children{display:none;} /*hides*/
ul#navigation li ul.dropdownNav li:hover ul.children
	{position:absolute; left:150px; top:0px; display: inline; width:150px; height:35px;}

ul#navigation li ul.children li a:link,
ul#navigation li ul.children li a:visited
	{ background:#034073; width:150px; height:35px;}
ul#navigation li ul.children li:hover a,
ul#navigation li ul.children li a:active,
ul#navigation li ul.children li a:hover
	{background:#cccccc; padding:5px 0; width:150px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; 
	height:35px;}