@import "http://services.igloocommunities.com/download-noauth/lib/css/gridcss";
@import "http://services.igloocommunities.com/download-noauth/lib/boxes/css/boxcss";



/*--------------------------------------------- */
/*                 >>> HTML <<<                 */
/*--------------------------------------------- */


a                { color: #1b67b9; text-decoration: none; }
#tinymce a       { color: #1b67b9!important; text-decoration: none !important; }

a:hover          { color: #1b67b9; text-decoration: underline;}
#tinymce a:hover { color: #1b67b9!important; text-decoration: underline !important; }

h1, h2, h3 { color: #39484d;}

.workarea h2 { font-weight: bold; font-size: 20px; }

h3 { font-weight: normal; font-size: 14px; }

body { color: #39484d; }



/*--------------------------------------------- */
/*                >>> LAYOUT <<<                */
/*--------------------------------------------- */


body              { background: #b6bdc6 url(/download-noauth/gallery/img/bodypng) 0 27px repeat-x; }
#page             { background: #f0f1f1; }
#header           { background:         url(/download-noauth/gallery/img/headerpng) 1px 100% no-repeat; }
#header-inner     { background: #ffffff; }
#content,
#content-inner    { background: none; }

#page {
    border: 1px solid #8d9ea7;
    border-width: 0 1px 1px;
    margin: 0 auto; width: 900px;
}

#navigation {
    display: inline;
    margin-left: -12px;
    position: absolute; top: 247px;
    width: 924px; /* Width of header - padding of header-inner (8x2) - border of header-inner(1x2) */
}

#content { padding: 0 10px; }

#header {
    display: inline;
    margin-left: -21px; /* (Width of header - Width of page) / 2 */
    padding-bottom: 35px;
    position: absolute; top: 45px;
    width: 942px;
}

#footer{
    display: inline;
    margin-left: -21px;
    padding: 10px 0 20px;
    position: absolute; 
    width: 942px; 
}

#header-inner {
    border: 1px solid #9da3a9;
    padding: 8px 8px 40px;
}

#main { padding: 305px 0 70px; }

.workarea #content-head h1 {
    display: none;
}



/* SEARCH
=============================================== */


#search-keyword { top: 250px; right: 30px; }

#search-keyword span.text input { width: 250px; }



/* GALLERY 
=============================================== */


#gallery-list li { width: 176px; }

#gallery span.thumbnail { background-color: #fff; }



/* SYSTEM ELEMENTS 
=============================================== */


#breadcrumb {
    position: absolute;
    margin-top: -34px;
}

#poweredby { background: url(/download-noauth/gallery/img/poweredpng) 0 0 no-repeat; }



/* LOGO/TAGLINE
=============================================== */


#logo {
    background: #ffd300 url(/download-noauth/gallery/img/headerjpg) 100% 0 no-repeat;
    height: 193px;
}

#logo a {
	background: url(/download-noauth/gallery/img/logopng) 0 0 no-repeat;
	display: block;
	height: 0px;
	overflow: hidden;
	padding: 193px 0 0;
	width: 229px;
}



/* PRIMARYNAV
=============================================== */


#primarynav ul {
    overflow: hidden; zoom: 1;
}

#primarynav li {
    display: inline;
    float: left;
}

#primarynav a {
    border-bottom: 5px solid #fff;
	display: block; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	padding: 11px 16px 6px;
}

#primarynav a         { color: #546272;  }
#primarynav a:hover   { border-color: #ffd300; }



/* GRID
=============================================== */


.grid-row-inner { overflow: hidden; zoom: 1; }



/*--------------------------------------------- */
/*                >>> CONTENT <<<               */
/*--------------------------------------------- */


/* HOMEPAGE CONTENT 
=============================================== */


#grid-row-home { background: url(/download-noauth/gallery/img/vrpng) 530px 50% no-repeat; }

#grid-row-home .grid-9,
#grid-row-home .grid-6,
#grid-row-custom .grid-5,
#grid-row-custom .grid-10
{
    padding: 0 10px;
}

#grid-row-home .grid-9    { width: 500px; }
#grid-row-home .grid-6    { width: 320px; }
#grid-row-custom .grid-5  { width: 260px; }
#grid-row-custom .grid-10 { width: 560px; }

h2.heading
{
    background: url(/download-noauth/gallery/img/iconrsspng) 0 0 no-repeat;
    margin-bottom: 12px;
    padding: 11px 0 11px 50px;
    font-size: 20px;
}

#heading-calendar { background-image: url(/download-noauth/gallery/img/iconcalendarpng); }
#heading-copybook { background-image: url(/download-noauth/gallery/img/iconcopybookpng); }

/* WIDGET STYLES
***********************************************/
.box-quote {
background: transparent url(/download/gallery/img/dialoguewidgetpng) 100% 100% no-repeat !important;
border-width: 0px !important;
padding-bottom: 24px;
}

.box-quote .ig-widget-html {
background-color: #fff;
border: 1px solid #b7bec6 !important;
border-bottom-width: 0px !important;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;

}
.box-quote .ig-widget-html blockquote { background-color: transparent !important; border-width: 0px !important; margin-bottom: 0px; }


.ig-cpt.box-blog,
.ig-cpt.box-calendar
{
    background: transparent !important;
}

.ig-cpt-title
{
    background-color: transparent !important;
    border: 0px !important;
    font-size: 18px; font-weight: bold;
    margin-bottom: 12px;
    padding: 11px 0 11px 50px;
}

.box-blog, .box-announcements, .box-calendar { background-color: transparent !important; }

.box-blog .ig-cpt-title,
.box-announcements .ig-cpt-title { background-image: url(/download-noauth/gallery/img/iconrsspng); }
.box-calendar .ig-cpt-title { background: url(/download-noauth/gallery/img/iconcalendarpng); }

.box-blog .ig-cpt-title,
.box-announcements .ig-cpt-title,
.box-calendar .ig-cpt-title { background-repeat: no-repeat; border-bottom: 1px dotted #ccc !important; color: #39484d; height: 32px; }

.box-blog .ig-widget-blogarticles h2, 
.box-announcements h2.ig-title,
.box-calendar .ig-item h2.ig-title { font-size: 14px; font-weight: normal; }

#heading-copybook { padding-top: 12px; padding-bottom: 12px; }

.list-thumbs img {
    border: 1px solid #ccc;
    float: left;
    margin: 0 10px 10px 0;
    padding: 5px;
}

.list-thumbs {
    margin-left: 0 !important;
    margin-bottom: 1em;
    overflow: hidden;
}

.list-thumbs li { 
    background: url(/download-noauth/gallery/img/thumb_shadowpng) no-repeat 0 93px; /* DEFAULT POSITION FOR THUMBS-90 */ 
    overflow: hidden; zoom: 1; 
    list-style: none; 
    margin-bottom: 12px; 
}

.thumbs-90 li { 
    background-image: url(/download-noauth/gallery/img/thumb_shadowpng);
    padding-left: 95px;
}

.thumbs-90 img {
    height: 71px;
    margin: 5px 0 0 -95px;
    width: 71px;
}

.list-thumbs h3 { padding: 5px 0 0; }

#grid-row-home #box-quote,
.ig-grid-p #box-quote {
    float: right;
    margin-left: 10px; 
    width: 215px;
}

blockquote {
    background: #fff;
    border: 1px solid #b6bdc6;
    font-size: 14px; font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
}

#horizontal-rule,
#horizontal-rule div {
    background: url(/download-noauth/gallery/img/hrpng) 100% 0 no-repeat;
    height: 2px;
}

#horizontal-rule { margin: 2em 0; padding-right: 56px; }

#horizontal-rule div { background-position: 0 0; }

.rss-box ul { margin: 0 !important; list-style: none !important; }

.rss-box li { font-size: 11px; margin-bottom: 1.5em; }

.rss-box a  { font-size: 14px; }



/* SUBPAGE CONTENT 
=============================================== */


#box-general {
    background: #fff;
    border: 1px solid #b6bdc6;
    padding: 10px;
}

#box-quote, #box-general {
    margin-bottom: 1.5em;
}

#box-join { height: 187px; /* height of image + 20px margin */ }

#box-join-inner {
    position: absolute; margin-left: 2px; 
}

#dialogue-arrow {
    background: url(/download-noauth/gallery/img/dialoguepng) 0 0 no-repeat;
    height: 25px;
    position: absolute; margin-left: 150px; margin-top: -11px;
    width: 46px;
}

#consolidated_reply {
    margin-bottom:0.5em;
}

/* Rounded Boxes Widget Override */
.ig-pages .box { background: none; }


/* FOOTER CONTENT 
=============================================== */


#footer {
    font-size: 11px;
}

#footer-custom-style,
#footer-custom-style-inner,
#footer-custom-style-inner ul
{
    overflow: hidden; zoom: 1; /* Trigger Has Layout */
}

#footer-custom-style {
    background: url(/download-noauth/gallery/img/footercustompng) 1px 100% no-repeat;
    margin-top: -74px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: absolute;
    width: 941px;
    z-index: 5;
}

#footer-custom-style-inner {
    background: #fff;
    border: 1px solid #9ea4aa;
    padding: 14px 18px 11px;
}

#footer-custom-style ul {
    margin: 0; list-style: none;
}

#footer-custom-style li {
    border-left: 1px dotted #a9b0b8;
    color: #b6bbc4;
    display: inline;
    float: right;
    font-size: 11px;
    padding: 0 11px;
}

#footer-custom-style a {
    color: #b6bbc4;
    font-size: 11px;
}

#footer-custom-style a:hover { text-decoration: underline; }

#footer-custom-style li.copyright {
    border-width: 0px;
    float: left;
    font-size: 10px;
}



/*--------------------------------------------- */
/*                >>> GRID  <<<                 */
/*--------------------------------------------- */


#tinymce .feed-blogs,
#tinymce .feed-calendar {
    background: url(/download-noauth/gallery/img/javascriptmsgpng) 50% 50% no-repeat;
    height: 80px;
}


#tinymce .grid-row { height: auto!important; }


#tinymce .grid-1, #tinymce .grid-2, #tinymce .grid-3, #tinymce .grid-4, #tinymce .grid-5,
#tinymce .grid-6, #tinymce .grid-7, #tinymce .grid-8, #tinymce .grid-9, #tinymce .grid-10, 
#tinymce .grid-11, #tinymce .grid-12, #tinymce .grid-13,
#tinymce .grid-14, #tinymce .grid-15, #tinymce .grid-16
{
	margin-left: 4px;
	margin-right: 4px;
}

#tinymce .alpha { margin-left: 0; }
#tinymce .omega { margin-right: 0; }

#tinymce .alpha .alpha { margin-left: 4px; }
#tinymce .alpha .omega { margin-right: 4px; }
#tinymce .omega .omega { margin-right: 4px; }
#tinymce .omega .alpha { margin-left: 4px; }

.mceContentBody { padding: 1px !important; }


