﻿
  

/* =Reset 
-------------------------------------------------------------- */
ul, li { margin:0; padding:0; }	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 {}
/*ol, ul { list-style: none; }*/
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a img {	border: none; }
a { outline:none; }
.clear { clear:both; }
.alignleft { margin:0 15px 15px 0; }
.alignright { margin:0 0 15px 15px; }


/***************************************** 960 Structures *******************************************/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16{ margin-left: auto; margin-right: auto; width: 960px; }
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha{ margin-left: 0 !important;   }
.omega{ margin-right: 0 !important;  }
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15{ display: inline; float: left; position: relative; margin-left: 10.0px; margin-right: 10.0px;  }
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1{ width: 40px;   }
.container_16 .grid_2{ width: 100px;   }
.container_16 .grid_3{ width: 160px;   }
.container_16 .grid_4{ width: 220px;   }
.container_16 .grid_5{ width: 280px;   }
.container_16 .grid_6{ width: 340px;   }
.container_16 .grid_7{ width: 400px;   }
.container_16 .grid_8{ width: 960px;   }
.container_16 .grid_9{ width: 520px;   }
.container_16 .grid_10{ width: 580px;   }
.container_16 .grid_11{ width: 640px;   }
.container_16 .grid_12{ width: 700px;   }
.container_16 .grid_13{ width: 760px;   }
.container_16 .grid_14{ width: 820px;   }
.container_16 .grid_15{ width: 880px;   }
.container_16 .grid_16{ width:940px; margin:0 auto;}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;   }
.clearfix:after{ clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;   }
.clearfix{ display: inline-block; }
* html .clearfix{ height: 1%;   }
.clearfix{ display: block;  }

form {width:100%;}
/* =Global 
-------------------------------------------------------------- */
body { background: #fff url(images/bg.jpg) no-repeat top center; font-size:12px; font-family:Arial, Verdana, Tahoma,Helvetica, Sans-Serif; }
.clear { clear:both; }

/* =Header 
-------------------------------------------------------------- */
#header {margin:0 auto 15px auto; height:150px; background:url(images/layout_wyo_logo.gif) no-repeat 715px 0px }

#logo { width:175px; height:195px; margin-left:10px;top:0px;background:url(images/layout_logo.png) no-repeat; position:absolute; z-index:1000; }
#logo h1 a {position:absolute; display:block; width:175px; height:165px; top:0px;margin-left:10px;}
#logo h1 a span {position:absolute; left:-10000px; top:-200px;}
#logo img {display:none;}

#navigation { width: 741px; position:absolute; top:110px; margin-left:200px;}
#blob { background: url(images/nav_cur.jpg) repeat-x #eb078d; position: absolute; z-index: 1; top: 2;  }

#nav { background:url(images/layout_nav_bkg.gif) no-repeat; float: left; width:701px; height:42px; padding:0 20px; }
#nav li { float: left; list-style: none; margin:0; padding:0;}
#nav li a { white-space:nowrap; color: #fff; z-index: 2; cursor: pointer; position:relative;font-size: 15px;  font-weight:bold;text-decoration: none; padding: 13px 18px 11px 18px; display:block; }

.utility {margin-top:60px;width:568px; height:42px; float:right; background: url(images/layout_utility_bkg.png) no-repeat}
.utility #statelinks ul{float:right; margin:11px 20px 10px 0;width:255px;}
.utility #statelinks li {float:left;list-style:none; }
.utility #statelinks li a {display:block; text-transform:uppercase; color:#fff; font-size:11px; padding: 2px 3px; font-weight:bold; text-decoration:none;}

.utility .search {float:left;}
.utility .search label {display:none;}
.utility .search input[type="text"] {float:left;padding:0; margin:0;color:#e0cb16; font-weight:bold; width:179px;background:none; height:20px; margin-left:20px; margin-top:10px; border:none;font-size:15px; }
.utility .search input[type="submit"] {float:left; background:none;width:63px; border:none; color:#fff;padding:10px; margin:0; font-size:12px;text-transform:uppercase; font-weight:bold;}

a.help {text-decoration:none; display:block; margin-top:-50px;width:50px; height:50px; float:right;background:url(images/layout_compass.png) no-repeat;}
a.help span {font-size:14px; margin-left:-100px;float:left;margin-top:15px;white-space:nowrap; font-weight:bold; color:White;  background:url(images/layout_nav_bkg.gif) center center no-repeat;  padding:5px 10px;display:block;}
/* =Footer 
-------------------------------------------------------------- */
#footer {margin:15px auto; padding:17px 0px; height:16px; background:url(images/layout_footer_bkg.gif) no-repeat;}
.footer_lower {margin:15px auto; text-align:center;color:#cfdff1; font-weight:bold;}
.footer_lower li {list-style:none; float:left;padding:5px;}
.footer_lower li.text_left {padding:10px;width:380px;text-align:right;}
.footer_lower li.text_right {padding:10px;width:380px;text-align:left;}
#footer p, #footer a {text-decoration:none; color:#e0ecf9;text-align:center; font-size:12px; font-weight:bold;}
#footer a:hover {text-decoration:underline;}

.login a {width:15px; height:15px; display:block; position:absolute; top:820px; margin-left:930px;}
.login_info {width:200px; margin:65px auto 0px auto; float:right; padding:10px; font-size:13px; color:White; background: url(images/nav_cur.jpg) repeat-x bottom #eb078d; }
.login_info a {color:white; font-weight:bold; text-align:center;}
/* =Home 
-------------------------------------------------------------- */


a.close {width:120px;float:right; padding:2px 10px; margin-bottom:10px;opacity:.70;display:inline-block; color:White; background:black; }
ul.home_boxes { clear:both;margin:15px auto 15px auto; }
ul.home_boxes li.grid {list-style:none; width:151px; height:173px; margin:0 10px; padding:10px; float:left; cursor:pointer;}
ul.home_boxes li.quality { background: #fff url(images/layout_home_box_1.gif); }
ul.home_boxes li.development { background: #fff url(images/layout_home_box_2.gif); }
ul.home_boxes li.facebook { background: #fff url(images/layout_home_box_3.gif); }
ul.home_boxes li.activities { background: #fff url(images/layout_home_box_4.gif); }
ul.home_boxes li.providers { background: #fff url(images/layout_home_box_5.gif); }

ul.home_boxes li h2 {color:#ffffff;font-size:24px; font-weight:bold;}
ul.home_boxes li p {color:#ffffff; padding:30px 10px; text-align:center; font-weight:bold; font-size:13px; line-height:16px;}
ul.home_boxes li a {color:#fff; margin-top:4px;font-size:13px; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center; display:block;}
ul.home_boxes li a:hover {text-decoration:underline;}
ul.home_boxes li .panel {color:#fff;clear:both;position:absolute; left:50%; z-index:200;margin-left:-470px; top:165px; width:880px; background:green;height:230px; padding:30px 30px;    }
ul.home_boxes li .panel .panel_left {padding:0 10px;width:286px;overflow:hidden; float:left;height:240px;border-right:4px solid #fff;  }
ul.home_boxes li .panel .panel_middle {padding:0 10px;width:216px;overflow:hidden; float:left;height:240px;border-right:4px solid #fff; }
ul.home_boxes li .panel .panel_right {padding:0 10px;width:310px;overflow:hidden; float:left;height:240px; }

ul.home_boxes li .panel h3 {font-size:30px; line-height:36px; font-weight:bold;margin-bottom:20px;}
ul.home_boxes li .panel p {padding:0;text-align:left; font-size:14px; line-height:24px; font-weight:bold;}

ul.home_boxes li.facebook .panel .panel_middle {width:550px;border:none;}
ul.home_boxes li .panel .panel_middle ul{}
ul.home_boxes li .panel .panel_middle li {margin-left:15px; padding:5px 0px;}
ul.home_boxes li .panel .panel_middle li a {text-transform:none;text-align:left; font-size:14px; text-decoration:none; color:#fff; font-weight:bold; display:block;}
ul.home_boxes li .panel .panel_middle li a:hover {text-decoration:underline;}

ul.home_boxes li.quality .panel {background: url(images/layout_panel_quality.gif)}
ul.home_boxes li.development .panel {background: url(images/layout_panel_development.gif)}
ul.home_boxes li.facebook .panel {background: url(images/layout_panel_facebook.gif)}
ul.home_boxes li.activities .panel {background: url(images/layout_panel_activity.gif)}
ul.home_boxes li.providers .panel {background: url(images/layout_panel_provider.gif)}

.activities_panel a  {border:0px solid white;}

ul.home_boxes li .panel .activities_panel {clear:both;}
ul.home_boxes li .panel .activities_panel .image {float:left; margin-right:10px;}
ul.home_boxes li .panel .activities_panel .image a img {width:60px; border:2px solid white}
ul.home_boxes li .panel .activities_panel .text {float:left; width:190px; }
ul.home_boxes li .panel .activities_panel .text h4 a {font-size:18px;}
ul.home_boxes li .panel .activities_panel .text a {text-align:left;text-transform:none}
ul.home_boxes li .panel .activities_panel .text a.more {color:pink; font-size:12px;}

ul.home_boxes li .panel ul.subnav  {clear:both; background:none; width:100%;margin:0; padding:0;}
ul.home_boxes li .panel ul.subnav li {background:url(images/layout_home_panel_provider_icon.png)no-repeat 10px 10px;padding:10px 0 5px 50px;text-align:left;}
ul.home_boxes li .panel ul.subnav li a{text-align:left; text-transform:none;padding:0;}
ul.home_boxes li .panel ul.subnav li a:hover{color:#fff; }

ul.home_boxes li .panel .panel_arrow {display:block; z-index:190; position:absolute; top:290px; width:26px; height:12px;left:30px;}
ul.home_boxes li .panel .panel_arrow span {display:block; width:26px; height:12px;background: url(images/layout_arrow.png) no-repeat; }
ul.home_boxes li.quality .panel .panel_arrow {background: url(images/layout_panel_quality.gif) bottom; margin-left:45px;}
ul.home_boxes li.development .panel .panel_arrow {background: url(images/layout_panel_development.gif) bottom; margin-left:235px;}
ul.home_boxes li.facebook .panel .panel_arrow {background: url(images/layout_panel_facebook.gif) bottom; margin-left:425px;}
ul.home_boxes li.activities .panel .panel_arrow {background: url(images/layout_panel_activity.gif) bottom; margin-left:620px;}
ul.home_boxes li.providers .panel .panel_arrow {background: url(images/layout_panel_provider.gif) bottom; margin-left:810px;}


.activity_search {color:#fff;font-weight:bold; font-size:16px;background: url(images/nav_cur.jpg) repeat-x bottom #eb078d;  }
.activity_search div {float:left; padding:15px 10px; margin-right:10px;}
.activity_search div.activity_search_btn {padding:15px 0 15px 15px;}
.activity_search_btn input{margin:0; font-size:16px; color:#fff; padding:13px 15px; font-weight:bold;background: #ff73bf; border:none;}
.activity_search_dropdown {cursor:pointer;width:180px; background:#83004d;  margin-top:15px; }
.activity_search_dropdown p {text-transform:uppercase; padding-left:26px; background:url(images/layout_article_search_btn_arrow.gif) no-repeat;padding-bottom:5px; padding-top:2px;}
.activity_search_dropdown ul{z-index:500;list-style:none;width:200px; background:#83004d;padding:10px 0;   margin-left:-10px; margin-top:2px;position:absolute; }
.activity_search_dropdown ul input {margin:5px 10px; margin-left:14px; border:none; background:#eb078d;border:none;}
.activity_search_dropdown ul label {margin:5px 0; display:inline-block;width:130px; font-size:14px;}
.activity_search_text h2{ font-size:18px}
.activity_search_text {width:280px; font-size:12px;}
.activity_search_text a{color:White;}
.activity_search_text p{margin-top:3px;}
.activity_search div.clear {float:none; padding:0; height:1px; margin:none;}

.activity { color:#2d69a8;background: #d8eafe; margin:15px 0; padding:10px; }
.activity .label {z-index:400; text-transform:uppercase; margin-bottom:-10px; margin-top:-19px;font-size:12px; padding:3px 10px; width:150px; padding:4px 15px; height:20px;}

.School .label {background: url(images/layout_label_school.png) no-repeat;color:#ac2f1a}
.Preschool .label {background: url(images/layout_label_preschool.png) no-repeat; color:#518a1e;}
.Baby .label {background:url(images/layout_label_baby.png) no-repeat;color:#ab206a;}
.Toddler .label {background:url(images/layout_label_toddler.png) no-repeat;color:#876b02;}

.activity_info {width:600px;float:left;}
.activity_info .label {margin-left:110px;}
.activity_info h3 {}
.activity_info .activity_image {width:100px;float:left; border:1px solid #ccc; margin-right:10px; margin-top:5px;}
.activity_info .activity_image img {width:100px; }
.activity_wrap {width:480px; float:left;}
.activity_info h4 a { padding-top:15px;display:block;color:#2d69a8; text-decoration:none;font-weight:bold; font-size:22px;}
.activity_info h4 a:hover {text-decoration:underline;}
.activity_info h5 {}
.activity_info .activity_materials {margin-top:5px; font-weight:bold;}
.activity_info .activity_materials h5 {font-size:12px;font-weight:bold; display:inline; text-transform:uppercase}
.activity_info .activity_materials p {color:#9fc9f6; display:inline-block}
.activity_info .activity_detail {margin:10px 0 0 0; padding:15px; background:#e6f1fc;line-height:140%;}
.activity_share {margin:20px 0 0 0; display:block;}
.activity_share a {text-decoration:none; color:#53b23a;}
.activity_share a:hover {text-decoration:underline; color:#53b23a;}
.activity_share ul li {list-style:none; display:inline;}

tr.pager td { color: white;height: 21px; color: #999; } 
tr.pager td a {background:#83004d; color:#fff; padding:5px; font-size:18px; text-decoration:none}
tr.pager td span {display:block;background:#ff73bf; color:#fff; padding:7px; font-size:18px; text-decoration:none}
.article {width:300px; float:left;}
.article img {float:left; display:inline; padding-right:10px;padding-top:15px;}
.article h5 {float:left; display:inline;padding-top:15px;}
.article h5 a {width:240px;font-size:16px; padding-top:10px; font-weight:bold; color:#2d69a8; text-decoration:none; float:left; display:inline;}

.content {padding-top:25px;color:#4294ea; line-height:140%; font-size:14px;}
.content h1, .content h2, .content h3,  .content h4 {color:#2d69a8; margin:0 0 10px 0;}
.content p{margin:0 0 10px 0;}
.content a {color:#25ad00;}
.content ul {margin: 0 0 10px 20px;}

.subnav {width:191px; background:url(images/layout_subnav_header.png) top no-repeat; font-size:15px; padding-top:40px;}
.subnav ul { background:url(images/layout_subnav_footer.png) bottom no-repeat;padding-bottom:30px;list-style:none;}
.subnav li { background:url(images/layout_subnav_bkg.png) repeat-y; }
.subnav a {color:#8a7c1b; text-decoration:none; display:block; padding:8px 25px; font-weight:bold;}
.subnav a:hover, .subnav li ul li a:hover {color:#53b23a;}
.subnav ul li a.selected {color:#53b23a; background:url(images/layout_subnav_hover.png) no-repeat 0 6px;}
.subnav li ul li a.selected {color:#53b23a; background:url(images/layout_subnav_hover.png) no-repeat 0 2px;}
.subnav li ul {padding:0; background:none;}
.subnav li ul {}
.subnav li ul li a {padding:6px 40px;font-size:14px;font-weight:normal;font-weight:normal;}

.form label {display:inline; float:left; width:120px; line-height:30px;clear:left;}
.form input[type="text"], .form textarea, .form select  {border:1px solid #ccc; width:450px; font-size:13px; padding:3px;float:left;}
.form input[type="submit"],  input[type="submit"].form {background: url(images/nav_cur.jpg) repeat-x #eb078d;border: none;color: white;cursor: pointer;font-size: 12px;font-weight: bold;height: 30px;margin-bottom: 20px;margin-right: 100px;text-align: center;width: 150px;}

.form table label {float:none;}


 .sidebar {float:left; width:250px;}
 .main {float:right; width:650px;}
 
 
.grid_4 .activity .activities_panel {clear:both; margin-top:10px;}
.grid_4 .activity .activities_panel .clear{border-bottom:1px solid #000; display:block; margin:10px 0;height:1px;visibility:visibile}
.grid_4 .activity .activities_panel .image {float:left; margin-right:10px;}
.grid_4 .activity .activities_panel .image a img {width:40px; border:2px solid white; }
.grid_4 .activity .activities_panel .text {float:left; width:140px; }
.grid_4 .activity .activities_panel .text h4 a {font-size:14px; text-decoration:none;}
.grid_4 .activity .activities_panel .text a {color:navy;text-align:left;text-transform:none}
.grid_4 .activity .activities_panel .text a.more {display:none;}


#adminnav { background:url(images/layout_nav_bkg.gif) no-repeat; float: left; width:701px; height:42px; padding:0 20px; }
#adminnav li { float: left; list-style: none; margin:0; padding:0;}
#adminnav li a { white-space:nowrap; color: #fff; z-index: 2; cursor: pointer; position:relative;font-size: 13px;  font-weight:bold;text-decoration: none; padding: 12px 8px; display:block; }

.admin h2 {font-size:24px; font-weight:normal; color:white; padding:10px;background: url(images/nav_cur.jpg) repeat-x #eb078d;}
.admin #CE_ctl00_ContentPlaceHolder1_EditorContent_ID_Frame #accordion div {border:1px dotted #ccc;}











/*----------------------------------------------------

GRIDS

---------------------------------------------------- */

.Grid {padding:5px; margin:10px 0 0 0;width:100%; font: normal 13px Arial, Verdana, Sans-serif; text-align: left; cursor: default; background: #ecebe4;} 
td.GridHeader input { width: auto; float: left; border: solid 1px #474b38; background: #fafafa; font: bold 10px Verdana, Arial, Sans-serif; color: #989cb0; margin-right: 2px; } 

.GridAltRow td { padding: 5px; background: #fff;  } 
.GridRow td{ padding: 5px; background: #ecf3f6;  } 

.GridPager { background: transparent url('images/admin/grid_footer.gif') repeat-x bottom; height: 36px; color: #242500; padding: 0px 0px 2px 5px; vertical-align: bottom; text-align: left; border:0; } 
.GridPager a { color: #242500; } 
.GridPager a:hover { color: #c97600; } 
.GridHeader{ color: #fff;  font-weight: bold; font-size: 11px; height: 24px; border:0px; padding: 0px 0px 7px 5px; background:#83a3d5; } 
.GridHeader a { color: #fff; text-decoration: none; } 

@media print {
	#header {display:none;}
	.main {width:100%;float:none}
	.sidebar {display:none;}
	#nav {display:none;}
	.utility {display:none;}
	.roundedphoto {display:none;}
	#article_utility {display:none;}
	#banner {display:none;}
	#article_comments {border:none;}
	.printlogo {display:block;}
	}


/*Reorder List*/
.dragHandle { width: 32px;height: 32px;background: url(images/dragger.jpg) no-repeat;cursor: pointer;}   
.callbackStyle { border: thin blue inset; }   
.callbackStyle table { background-color: #5377A9;color: Black; }   
.reorderList li { list-style: none;margin: 2px;     }
.reorderList table{list-style: none;margin: 15px;     } 
.reorderList td{padding-left: 15px;   } 
.dragVisualContainer li { list-style: none; }   
.reorderList li a { color: black !important;font-weight: bold; }   
.reorderCue { border: dashed thin black;width: 100%;height: 25px; }   
.itemArea { margin-left: 15px;font-family: Arial, Verdana, sans-serif;font-size: 1em;text-align: left;} 


/* Section >> Home >> News Slider
----------------------------------------------------------------------------------------------------*/
.jcarousel-skin-tango .jcarousel-container {height:290px; margin-bottom:15px;}
.jcarousel-skin-tango .jcarousel-item { width: 940px; height: 290px; position:relative; margin:0px;background:green;   }
.jcarousel-skin-tango .jcarousel-item img {  }
.jcarousel-skin-tango .jcarousel-next-horizontal,
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; z-index:600;top: 135px; width: 38px; height: 38px; cursor: pointer; }

.jcarousel-skin-tango .jcarousel-prev-horizontal {left:-50px; background: url(images/slider_controls.png) no-repeat 0 -38px  }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: 0px 0px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0px 0px; }

.jcarousel-skin-tango .jcarousel-next-horizontal{ left: 950px; background: url(images/slider_controls.png) no-repeat -38px -38px}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -38px 0px; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -38px 0px; }



.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { background-position: -2000px -2000px;  }


@media print 
{
   #header {display:block; }
    #ctl00_ContentPlaceHolder1_divSideBar{display:none;}  
   #logo img {display:block;}
    }
