/*
	Title:		Umbraco Creative Website Wizard
	Author:		Warren Buckley
	Website:	http://www.creativewebspecialist.co.uk
*/


/*
================================
COMMON STYLES 
================================
*/

.left
{
    float: left;
}
.right
{
    float: right;
}
.hide
{
    display: none;
}
.pointer
{
    cursor: pointer;
}
.clearBoth
{
    clear: both;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    /*  display: inline-block; */
}
/* for IE/Mac */


a:active, a:focus
{
    outline: none;
}



/*
=================================================================================
STICKY FOOTER
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
=================================================================================
*/

html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
}

#container
{
    min-height: 100%;
    position: relative;
}

#body
{
    /*padding-bottom:70px;*/ /* Height of the footer */
    padding-bottom: 110px; /*Height of the footer + additional padding between footer & content */
}

#footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 55px; /* Height of the footer */ /*70px - 15px (top padding) - 0px (bottom padding) = 55px*/
}

/*
================================
MAIN STYLES
================================
*/

body
{
    background: transparent url(../media/Assets/top_line.gif) repeat-x scroll 0 130px;
    font-family: Trebuchet MS,Arial, Verdana, Sans-Serif;
    color: #4e4e4e;
}

#container
{
}

a
{
    color: #2393BF;
    text-decoration: none;
}

a:hover
{
    color: #a3a3a3;
}


a.rightArrow
{
    background: url(../media/Assets/arrow_right.gif) no-repeat center right;
    padding: 0 7px 0 0;
    font-size: 12px;
}

a.leftArrow
{
    background: url(../media/Assets/arrow_left.gif) no-repeat center left;
    padding: 0 0 0 7px;
}

/*
================================
HEADER STYLES 
================================
*/

#header
{
    margin: 0 auto;
    padding: 0px;
    width: 912px;
}

#header .container
{
    width: 912px;
}

#header h1
{
    width: 114px;
}

#header img
{
    border: 0px;
}

/* CSS if sIFR not enabled START */
#header h1.flashHeader
{
    font-family: Georgia, Arial, Sans-Serif;
    font-size: 32px;
    font-weight: bold;
    color: #f49ac1;
}

#header h1.flashHeader a
{
    color: #f49ac1;
}
/* CSS if sIFR not enabled END */

#header .headerLinks
{
    font-size: 12px;
    text-align: left;
    width: 260px;
    margin-top: 13px;
}

#header .headerLinks a
{
    margin: 3px 0 0 0;
    color: #000000;
    text-transform: uppercase;
}

#sideBar .searchBox
{
    margin: 10px 0 10px;
}

#sideBar .searchBox input
{
    border: 1px solid #AAAAAA;
    width: 102px;
    height: 14px; /*16px -1 -1 = 14px; */
    padding: 1px 2px;
    color: #333333;
    font-size: 10px;
}

#sideBar .searchBox input:focus
{
    border: 1px solid #619ca7;
}

#sideBar .searchBox button
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    font-size: 12px;
    color: #619ca7;
    padding: 0 7px 0 0;
    background: url(../media/Assets/arrow_right.gif) no-repeat right 50%;
}

/*
================================
BODY STYLES 
================================
*/
#body
{
    width: 955px;
    margin: 7px auto; /*background-color:red;*/
    padding: 10px 0 0px;
    background: url(../media/Assets/bg_1.jpg) no-repeat top right;
}

/*
================================
SIDEBAR STYLES 
================================
*/
#sideBar
{
    padding: 30px 0 230px 30px;
    width: 179px;
    margin: 0 0 0 25px;
    background: #ffffff url(../media/Assets/sidebar_bg.jpg) no-repeat top left;
}

#sideBar .img
{
    margin: 5px;
}

#twitter
{
    background: url(../media/Assets/twitter_icon.png) no-repeat top left;
    margin-top: 15px;
    padding: 35px 0 0;
}

.tweet
{
    border-bottom: 1px dotted #757575;
    color: #757575;
    font-size: 11px;
    margin: 5px 20px 5px 0;
    padding: 10px 5px 10px 0;
}

.tweet strong
{
    color: #FFA853;
    font-size: 10px;
}

#sideBar .list ul li
{
    font-size: 12px;
}
#sideBar .list ul li a
{
    display: inline;
}

#sideBar .list ul li ul
{
    padding: 0px 0px 0px 10px;
}

/*
================================
NAVI STYLES 
================================
*/
#navi li
{
    color: #619ca7;
    font-size: 16px;
    background: url(../media/Assets/menu_color1.gif) repeat-y top left;
}

#navi li .color2
{
    background: url(../media/Assets/menu_color2.gif) repeat-y top left;
}

#navi li .color3
{
    background: url(../media/Assets/menu_color3.gif) repeat-y top left;
}

#navi li .color4
{
    background: url(../media/Assets/menu_color4.gif) repeat-y top left;
}


#navi li.selected a
{
    color: #cccccc;
}

#navi li a
{
    display: block;
    padding: 0 0 0 18px;
}

/*
================================
SECONDARY NAVI STYLES 
================================
*/
.secondaryNav
{
    margin: 10px 0px;
}

.secondaryNav h3
{
    color: #6d7e8c;
    font-size: 16px;
    padding: 0 0 10px 0;
}

.secondaryNav li
{
    padding: 0px;
}

.secondaryNav li.selected a
{
    color: #1a95b4;
}

.secondaryNav li a
{
    font-size: 12px;
    display: block;
    color: #62c6ef;
}

.secondaryNav ul.events li a em
{
    color: #cccccc;
    font-size: 11px;
    display: block;
}

.secondaryNav li a span
{
    background: url(../media/Assets/arrow_right.gif) no-repeat center right;
    padding: 0 7px 0 0;
}

/*
================================
CONTENT STYLES 
================================
*/

#content_wrapper
{
    padding: 0px 0px 50px 69px;
    background: url(../media/Assets/bg_2.jpg) no-repeat bottom left;
}

.content_top
{
    height: 9px;
    background: url(../media/Assets/content_bg.jpg) no-repeat top right;
    width: 745px;
}

.content
{
    padding: 0 0 0 30px;
    width: 530px;
    font-size: 13px;
    line-height: 18px;
    background: #ffffff;
}

.content p
{
    margin: 0 0 10px;
    line-height: 150%;
}

.content strong
{
    font-weight: bold;
}

.content em
{
    font-style: italic;
}

.content h3
{
    font-size: 20px;
    color: #a3a3a3;
    margin: 10px 0px 5px 0px;
    font-family: Arial, Verdana, Sans-Serif;
    text-transform: uppercase;
    font-weight: bold;
    background: url(../media/Assets/menu_color3.gif) repeat-y center left;
    padding: 0 0 0 17px;
}

.content ol, .content ul
{
    list-style-position: inside;
}

.content ol
{
    list-style-type: decimal;
}

.content ul
{
    list-style-type: disc;
}


.eventContainer
{
    margin-bottom: 10px 0 30px;
}

.eventContainer li
{
    float: left;
    list-style-type: none;
    margin-right: 10px;
    width: 165px;
}

.eventContainer em
{
    color: #a3a3a3;
}


.content .smallContainer
{
    width: 165px;
    margin: 10px 10px 10px 0px;
}

.content .smallContainer .date
{
    color: #A3A3A3;
    font-size: 12px;
}


.leftArrow.backLink
{
    margin: 0 0 25px 0;
    display: block;
}

.content div.date, 
.content span.date
{
    font-size:24px;
    font-weight:bold;
    margin-bottom:10px;
}

.item_content
{
    margin: 20px 0;
}


/* Header for small thin column */
.twoColWide .col_2 h4
{
    font-size: 12px;
    color: #f49ac1;
    font-weight: bold;
    background: url(../media/Assets/dotted_border.gif) repeat-x bottom left;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
}

/* CSS if sIFR not enabled START */
h2.flashHeader
{
    font-family: Georgia, Arial, Sans-Serif;
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    line-height: 1em;
}

h2.flashHeader strong
{
    color: #f49ac1;
}
/* CSS if sIFR not enabled END */



/*
.content.oneCol
{
    width:550px;
}
*/
/*
================================
HOMEPAGE TWO COLS
================================
*/
.twoCol .col_1
{
    width: 342px;
}

.twoCol .col_2
{
    width: 322px;
}




/*
================================
ABOUT PROJ TWO COLS WIDE
================================
*/
.twoColWide .col_1
{
    width: 550px;
    margin: 0 20px 0 0;
}

.twoColWide .col_2
{
    width: 93px;
}

.nestedTwoCol
{
    width: 550px;
    margin: 10px 0 0 0;
}

/* Nested two col within col_1 of twoColWide */
.nestedTwoCol .col_1
{
    width: 265px;
    margin: 0 20px 0 0;
}

.nestedTwoCol .col_2
{
    width: 265px;
}

/*
================================
GALLERY GRID
================================
*/
.galleryGrid
{
    margin: 25px 0 0 0;
}

.galleryGrid .item
{
    width: 208px;
    margin: 0px 20px 15px 0px;
}

.galleryGrid .item.first
{
    margin-left: 0;
}

.galleryGrid .item a
{
    background: url(../media/Assets/arrow_right.gif) no-repeat center right;
    padding: 0 7px 0 0;
}

.galleryGrid .item img
{
    display: block;
}

.galleryGrid .item span
{
    display: block;
}


/*
================================
PHOTO GRID
================================
*/
.photoGrid
{
    margin: 25px 0 0 0;
}

.photoGrid .item
{
    width: 151px;
    margin: 0 20px 15px 0px;
}

.photoGrid .item.first
{
    margin-left: 0;
}

.photoGrid .item a
{
    background: url(../media/Assets/arrow_right.gif) no-repeat center right;
    padding: 0 7px 0 0;
}

.photoGrid .item img
{
    display: block;
}

.photoGrid .item span
{
    display: block;
}

/*
================================
PHOTO ITEM
================================
*/
.photo
{
    margin: 25px 0 0 0;
}

.photo .pager
{
    display: block;
    margin: 0 0 10px 0;
}

.photo a.prev
{
    background: url(../media/Assets/arrow_left.gif) no-repeat center left;
    padding: 0 0 0 7px;
}

.photo a.next
{
    background: url(../media/Assets/arrow_right.gif) no-repeat center right;
    padding: 0 7px 0 0;
}

.photo .item
{
    position: relative;
    overflow: hidden; /*width:550px;*/
}

.photo .item span
{
    display: none; /*hide it if JS disabled and when page initially loads */
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../media/Assets/white_60_bg.png) repeat top left;
    color: #000; /*width:540px;*/ /*550 - 5 - = 540px */
    width: 100%;
    padding: 10px 5px 10px 5px;
}

/*
================================
NEWS LIST
================================
*/

.newsList
{
    margin: 25px 0 0 0;
    width: 630px;
}

.newsList div
{
    margin: 0 30px 25px 0;
    width: 190px;
    display: inline;
}

.newsList div.first
{
    margin-left: 0;
}

.newsList div span
{
    font-weight: bold;
    font-size: 11px;
}

/* CSS if sIFR not enabled START */
.newsList div h4
{
    font-size: 20px;
    color: #a3a3a3;
    margin: 10px 0px 5px 0px;
    font-family: Arial, Verdana, Sans-Serif;
    text-transform: uppercase;
    font-weight: bold;
}

.newsList div h4 a
{
    font-weight: bold;
    color: #62c6ef;
}

.newsList div h4 a:hover
{
}
/* CSS if sIFR not enabled END */


/*
================================
NEWS ITEM
================================
*/
.newsItem img
{
    margin: 0 0 15px 0;
}


/*
================================
CONTACT STYLES
================================
*/

.form .text
{
    width: 265px;
    margin: 0 10px 0 0;
}

.form .fields
{
    width: 265px;
}

fieldset legend
{
    display: none;
}

fieldset label
{
    display: block;
    margin: 10px 0 0 0;
}

fieldset label.first
{
    margin: 0;
}

fieldset input
{
    border: 1px solid #515151;
    width: 265px;
    height: 17px;
    padding: 2px;
    margin: 0 0 3px 0;
    color: #FFFFFF;
    font-size: 14px;
}

fieldset textarea
{
    border: 1px solid #515151;
    width: 265px;
    height: 130px;
    padding: 2px 2px 1px 2px;
    margin: 0 0 3px 0;
    font-family: Arial, Verdana, Sans-Serif;
    color: #FFFFFF;
    font-size: 14px;
}

fieldset input:focus, fieldset textarea:focus
{
    border: 2px solid #619ca7;
}

fieldset input.error, fieldset textarea.error
{
    border: 2px solid #F49AC1;
}

fieldset input.error:focus
{
    border: 2px solid #af4975;
}

fieldset button
{
    border: none;
    color: #619ca7;
    padding: 0 7px 0 0;
    margin: 10px 0;
    background: url('../media/Assets/arrow_right.gif') no-repeat right 50%;
}


/*
================================
FOOTER STYLES 
================================
*/

#footer
{
    background: #ffffff;
    padding: 15px 0 0 0;
}

#footer div.container
{
    width: 912px;
    margin: 0 auto;
}

#footer li
{
    float: left;
    font-size: 11px;
}

/*Credits*/
#footer ul.credits
{
}

#footer ul.credits li a
{
    color: #868686;
}

#footer ul.credits li a span
{
    display: block;
    font-size: 10px;
    color: #515151;
}

#footer ul.credits li a:hover span
{
    color: #f49ac1;
}


/*Misc*/
#footer ul.misc
{
}

#footer ul.misc li.rss
{
    padding: 0 0 0 17px;
    margin: 0 105px 0 0;
}

#footer ul.misc li.rss a
{
    color: #c8751a;
}

#footer ul.misc li.rss a:hover
{
    color: #a05e16;
}

#footer ul.misc li.valid
{
    padding: 0 0 0 17px;
}

#footer ul.misc li.valid a
{
    color: #529c46;
}

/* Logos*/
.cws
{
    background: transparent url(../media/Assets/cws_logo.gif) no-repeat;
    padding: 0 0 0 26px;
    margin: 0 67px 0 0;
}

.g72
{
    background: transparent url(../media/Assets/g72_logo.gif) no-repeat;
    padding: 0 0 0 30px;
    margin: 0 190px 0 0;
}

.rss
{
    background: transparent url(../media/Assets/rss_logo.gif) no-repeat 0px;
    padding-left: 16px;
    font-size: 13px;
}

.valid
{
    background: transparent url(../media/Assets/tick_icon.gif) no-repeat 0 0;
}

/* Begin Comments*/
.graybox
{
    margin: 0;
    padding: 10px;
}

.commentlist
{
    padding: 0;
    text-align: justify;
}

.commentlist li
{
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
}

.commentlist p
{
    margin: 10px 5px 10px 0;
}

#commentform p
{
    margin: 5px 0;
}

.nocomments
{
    text-align: center;
    margin: 0;
    padding: 0;
}

.commentmetadata
{
    margin: 0;
    display: block;
}

.commentArea textarea{
	height:100px;
	width:440px;
}
/* End Comments */









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */