/* Live it Up North - Feb 09 */

/* Core Styles */

/* * { margin: 0px; padding: 0px; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} */

body { margin: 0px; padding: 0px; background: #fff; min-width: 985px; font: normal 12px/130% "Arial", sans-serif;  }
a {text-decoration: none; color: #288034; outline: 0;}
a:hover {color: #14401a; }
a img {border: none; }
p {margin: 7px 0px 7px 0px;}

#Container { width: 985px; text-align: left; margin: auto; position: relative; overflow: visible; background: #fff; }
.clr {clear: both; display: block; height: 1px; overflow: hidden; background: none;}
.clear {clear: both; }


/*Form Fields */
form { margin: 0px; padding: 0px; }
input, select, textarea {border: 1px solid #ccc; background: #fff url(http://liveitupnorth.com/ui/gry1.png) bottom repeat-x;  outline: 0;}
input:hover, select:hover, textarea:hover {border: 1px solid #777;}
textarea {background: #fff url(http://liveitupnorth.com/ui/gry120.png) bottom repeat-x; }

/* Top Styles */
#top, #nav, #status, #footer {position: relative; margin: 0px 10px; overflow: hidden; width: 965px; }

#nav {overflow: visible; height: 27px;  border-top: 1px solid #eee; border-bottom: 2px solid #8bc53f; z-index: 50; background: #eee url(http://liveitupnorth.com/ui/gry1.png) top repeat-x; }
#top {height: 95px; margin-top: 10px; /* border-bottom: 2px solid #8bc53f; */ background: #fff url(http://liveitupnorth.com/ui/gry60.png) repeat-x;}

#top-logo {position: absolute; top: 0px; left: 10px; width: 260px; height: 90px; overflow: hidden;}
#top-search {position: absolute; top: 19px; left: 350px; width: 350px; height: 75px; overflow: visible; }
#top-weather {position: absolute; top: 25px; left: 755px; width: 200px; height: 60px; overflow: visible; }

/* Main Styles */
#Main {position: relative; margin: 0px; width: 985px; overflow: visible;}
#main-left, #main-center, #main-right {float: left; margin: 5px 0 0 10px; display: inline; }
#main-center { width: 965px; min-height: 400px; overflow: hidden; background: none;}
#main-left { width: 635px; min-height: 400px; overflow: hidden; background: none;}
#main-right {width: 300px; padding: 9px; border: 1px solid #ccc; min-height: 400px; overflow: hidden; text-align: center; background: #fafafa; margin-top: 35px;}
.form-panel { border: 1px solid #ccc; padding: 8px; background: #fff url(http://liveitupnorth.com/ui/gry60.png) repeat-x; margin-top: 30px; overflow: hidden; min-height: 400px;}

/* Foot Styles */
#footer {margin: 10px; height: 95px; background: #fff url(http://liveitupnorth.com/ui/gry60b.png) bottom repeat-x; }

/*Main Search Styles */
#Main-Search {position: relative; margin: 0px; width: 985px; overflow: visible; display: none;}
#search-left, #search-center, #search-right {float: left; margin: 5px 0 0 10px; display: inline; }
#search-center { width: 635px; min-height: 400px; overflow: hidden; background: none;}
#search-right {width: 300px; padding: 9px; border: 1px solid #ccc; min-height: 360px; overflow: hidden; text-align: center; background: #fafafa; margin-top: 35px;}

#search-results { }
#search-header, #main-header {color: #444; padding: 8px; background: #fff url(http://liveitupnorth.com/ui/gry3.png) repeat-x; margin: 0px 10px; font-size: 18px; }

.hideSearch {margin: 0px 10px;}


/*Home Center*/
.section-column {float: left; display: inline; width: 230px; min-height: 400px; overflow: hidden; background: none;}
.ml15 {margin-left: 15px;}

.section-head {display: block; padding: 3px 7px; font: bold 22px/150% Arial, sans-serif;  background: #39b54a url(http://liveitupnorth.com/ui/grn3.png) repeat-x; color: #fff; border: 1px solid #39b54a;}
.section-head:hover {background: #288034 url(http://liveitupnorth.com/ui/grn4.png) repeat-x; color: #ffa; border-color: #288034;}

.section-cat {border: 1px solid #ccc;}
.section-cat h3 {margin: 0px; border-top: 1px solid #ccc;}
/*
.section-cat h3 a {display:block; padding: 4px 7px; font: bold 14px/150% Arial, sans-serif; color: #777; background: #eee url(http://liveitupnorth.com/ui/gry1.png) repeat-x;}
.section-cat h3 a:hover {color: #000; background: #ccc url(http://liveitupnorth.com/ui/gry2.png) repeat-x;}
*/
.section-cat h3 a {display:block; padding: 4px 7px; font: bold 14px/150% Arial, sans-serif; color: #000; background: #fff url(http://liveitupnorth.com/ui/gry3.png) repeat-x;}
.section-cat h3 a:hover {color: #000; background: #ccc url(http://liveitupnorth.com/ui/gry2.png) repeat-x;}
.section-cat h3.selected a, .section-cat h3.selected a:hover {color: #000; background: #fff url(http://liveitupnorth.com/ui/gry3.png) repeat-x;}
.section-cat div.s-c {height: 230px; padding: 0px 7px 0px 7px; overflow: hidden;}

/* Text Styling */
.ari24b {font: bold 24px/130% Arial, Helvetica, sans-serif; }
.ari20b {font: bold 20px/130% Arial, Helvetica, sans-serif; }
.ari16b {font: bold 16px/130% Arial, Helvetica, sans-serif; }
.ari14b {font: bold 14px/130% Arial, Helvetica, sans-serif; }
.ari13b {font: bold 13px/130% Arial, Helvetica, sans-serif; }
.ari12b {font: bold 12px/130% Arial, Helvetica, sans-serif; }
.ari11b {font: bold 11px/130% Arial, Helvetica, sans-serif; }

.ari13n {font: normal 13px/130% Arial, Helvetica, sans-serif; }
.ari12n {font: normal 12px/130% Arial, Helvetica, sans-serif; }
.ari11n {font: normal 11px/130% Arial, Helvetica, sans-serif; }
.ari9n {font: normal 9px/130% Arial, Helvetica, sans-serif; }

.cfff {color: #fff; }
.cccc {color: #ccc; }
.c777 {color: #777; }
.c444 {color: #444; }
.c000 {color: #000; }

.center {text-align: center; }
ul.left, div.left {text-align: left; }
ul.right, div.right {text-align: right; }
ul.bm10, div.bm10 {margin-bottom: 10px; }
ul.tm10, div.tm10, li.tm10 {margin-top: 10px; }
ul.lm10, div.lm10 {margin-left: 10px; }
ul.p10, div.p10 {padding: 10px; }
ul.p5, div.p5 {padding: 5px; }

.fl {float: left; display: inline; margin-right: 10px;}
.fr {float: right; display: inline; margin-left: 10px;}
.cl {clear: both;}

.m5 {margin: 5px 0px; }
.bm5 {margin-bottom: 5px; }

/* UL-LI Styles */

ul.news {margin: 0; padding: 0; text-align: left; }
ul.news li { list-style: none; margin: 4px 0px; display: block; list-style-position: outside; }

a.btn { padding: 3px 7px; font: bold 14px/150% Arial, sans-serif;  background: #eee url(http://liveitupnorth.com/ui/gry1.png) repeat-x; color: #777; border: 1px solid #ddd; }
a.btn:hover { background: #ccc url(http://liveitupnorth.com/ui/gry2.png) repeat-x; color: #000; border-color: #777;}

.ibtn {border: 1px solid #ccc;}
.ibtn:hover {border: 1px solid #777;}

.hbtn {background: none; border: 1px solid #fff;}
.hbtn:hover { background: #eee url(http://liveitupnorth.com/ui/gry1.png) repeat-x; border: 1px solid #ccc;}


	
/* jQuery Superfish Menu */

/* essential styles */
.tnav, .tnav * { margin: 0; padding: 0; list-style: none; }
.tnav { line-height:	1.0;  }
.tnav ul { position: absolute; top: -999em; width: 170px; /* match width! */}
.tnav ul li { width: 100%; }
.tnav li:hover { visibility:	inherit; }
.tnav li { float: left; position: relative; }
.tnav a { display: block; position: relative; }

.tnav li:hover ul, .tnav li.sfHover ul { left: 0; top: 28px; /* match top ul list item height */ z-index: 99; }
ul.tnav li:hover li ul, ul.tnav li.sfHover li ul, ul.tnav li li:hover li ul, ul.tnav li li.sfHover li ul { top: -999em; }
ul.tnav li li:hover ul, ul.tnav li li.sfHover ul, ul.tnav li li li:hover ul, ul.tnav li li li.sfHover ul { left: 170px; /* match width! */ top: 0; }

/* skin */
.tnav {position: absolute; top: 0px; left: 0px; font: bold 12px/130% "Arial", sans-serif; width: 965px; /* background: #fff url(http://liveitupnorth.com/ui/gry1.png) bottom repeat-x; */ z-index: 99; }
.tnav a {border-left: 1px solid #eee;  border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;  padding: 5px 8px 5px 8px; text-decoration: none; }
.tnav a, .tnav a:visited  { color: #777; }
.tnav li, .tnav li li, .tnav li li li { background: #fff url(http://liveitupnorth.com/ui/gry1.png) bottom repeat-x; }
.tnav li:hover, .tnav li.sfHover, .tnav a:focus, .tnav a:hover, .tnav a:active {background: #eee url(http://liveitupnorth.com/ui/gry2.png) bottom repeat-x; outline: 0; color: #000; border-color: #777;}

/* arrows */
.tnav a.sf-with-ul { padding-right: 2.25em; min-width: 1px; }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; width: 10px; height: 10px; text-indent: -999em;
overflow: hidden; background: url('http://liveitupnorth.com/ui/arrows.png') no-repeat -10px -102px; }

a > .sf-sub-indicator { top: .8em; background-position: 0 -102px; }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -102px;  }
.tnav ul .sf-sub-indicator { background-position:  -10px 0; }
.tnav ul a > .sf-sub-indicator { background-position:  0 0; }
.tnav ul a:focus > .sf-sub-indicator, .tnav ul a:hover > .sf-sub-indicator, .tnav ul a:active >
.sf-sub-indicator, .tnav ul li:hover > a > .sf-sub-indicator, .tnav ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }

/* shadows */
.sf-shadow ul { background: url('http://liveitupnorth.com/ui/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }	

/* Tooltips*/
#tooltip { position: absolute; z-index: 3000; border: 1px solid #f8941f;/* border: 1px solid #288034;*/ background: #fff url(http://liveitupnorth.com/ui/gry3.png) repeat-x; width: 222px; opacity: 0.95; padding: 4px; }
#tooltip h3 {color: #000; font: bold 12px/130% Arial, sans-serif; margin: 4px; }
#tooltip div { color: #444; font: normal 11px/130% Arial, sans-serif; margin: 4px;  }

/* ScrollTo */
.btns {text-align: right; padding-top: 5px;}
.scroll{ overflow: hidden; width: 214px; height: 180px; clear: left; }
.scroll ul{ list-style-type: none; margin: 0px; padding: 0px; }
.scroll li{ margin:0px; width: 214px; height: 180px; padding: 0px; overflow: hidden; }

/*Thumbs*/
.gthumb {margin: 3px 2px; width: 60px; height: 50px; overflow: hidden; display: inline; }
.gimg {width: 58px; height: 48px; overflow: hidden; border: 1px solid #ccc;}
.gimg:hover {border-color: #777;}

/* New Nav Tabs */
/*#tabs {display: none; }*/
.ui-tabs-hide { display: none }
.ui-tabs-nav {font: bold 12px/200% Arial, sans-serif; text-align: baseline; color: #777; }
.ui-tabs-nav {}
.ui-tabs-nav ul {clear: both; margin: 0px 0px 0px 0px; padding: 2px 0px 3px 0px; list-style: none; }
.ui-tabs-nav li { display: inline; cursor: pointer; list-style: none; margin: 0px; }
.ui-tabs-nav li a { padding: 6px 7px 6px 7px; margin:0px 2px 0px 0px; background: #eee url(http://liveitupnorth.com/ui/gry1.png) repeat-x; color: #777; border: 1px solid #ddd; border-bottom: none; text-decoration: none;}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {color: #777; }

.ui-tabs-nav a:hover { background: #ccc url(http://liveitupnorth.com/ui/gry2.png) repeat-x; color: #000; border-color: #777; }

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected a:hover { background: #288034 url(http://liveitupnorth.com/ui/grn2.png) repeat-x; color: #ffa; border: 1px solid #288034; border-bottom: 2px solid #288034; }
.ui-tabs-panel { border: 1px solid #ccc; padding: 8px; background: #fff url(http://liveitupnorth.com/ui/gry60.png) repeat-x; }

/* Article Listing */
.ui-tabs-panel ul{ list-style-type: none; margin: 0px; padding: 0px; }
.ui-tabs-panel li{ display: inline; float: left; margin: 10px 10px 0px 0px; width: 290px; height: 160px; padding: 0px; overflow: hidden; }

.news-url, .class-info {overflow : hidden; display : block; color: #777; font: normal 11px/130% Arial, sans-serif; }
.class-info {color: #444;}
.news-info {display: inline; font-size: 11px; color: #777; }
.news-block {margin-bottom: 10px;}
.news-title, .class-title {color: #288034; text-decoration: none; font: bold 15px/130% Arial, sans-serif; }
.news-title a:hover, .class-title a:hover {text-decoration: underline; color: #6c9931; }
.class-title {font-size: 13px;}
.news-excerpt {width: 450px; display: block;}

/* Rounded Corners */

.hbtn, .btn, .hideSearch, .gsc-cursor-page, .gsc-trailing-more-results a, #search-right, #main-right, #tooltip {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
input, select, textarea  {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

#top, .section-head {border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;}
#top, .section-head,.gsc-tabHeader, .gsc-resultsbox-visible, .ui-tabs-nav ul li a, .ui-tabs-panel {border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}
#footer, .gsc-resultsbox-visible, .section-cat, .ui-tabs-panel {border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
#footer, .gsc-resultsbox-visible, .section-cat, .ui-tabs-panel {border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}