/* FreeStyle - a free xhtml/css website template by Mr Pires.
 This template is valid XHTML 1.0 and the CSS file validates as well.
 It has been released under the Creative Commons Attribution v2.5 license.
 If you use this template, please keep a link to the original designer on the site. Thank you
http://20pirates.com/


/* Free DotNetNuke Skin available from: http://www.dnncreative.com 
 Adapted to DotNetNuke by Lee Sykes from DNN Creative Magazine
 Providing DotNetNuke Tutorials, Reviews, Videos, MP3 Interviews to 
 help you get the most from DNN

(template downloaded from: http://www.oswd.org/)

/* border colours for testing 

body{border: 1px pink solid;}
#container{border: 1px orange solid;}
#content{border: 1px purple solid;}
#rightside{border: 1px red solid;}
#footer{border: 1px solid yellow;}
#title{border: 1px solid yellow;} 
*/
/*
#footer {border: 1px solid yellow;} 
.footer_links {border: 1px solid pink;} 
.ie_foot {border: 1px solid orange;} 
*/



body
{
    background: url(img/bg.jpg) repeat-y 25% top #000;
    text-align: center;
    margin: 0;
    padding: 0; /* float: left; */
}

#container
{
    background: url(img/full.jpg) repeat-y top left #000;
    width: 920px;
    min-height: 320px;
    margin: auto; /*(this was original method for centering */
    font: 12px Arial, Helvetica, sans-serif; /* float: left; */ /* after floating had to implement a new method to center design on page, this positioning      method however does not work in safari or opera, so switched back to orig method */ /* position: relative; */ /* left: 50%; */ /* margin-left: -360px; */
}

#container.cgrey
{
    background: url(img/fullg.jpg) repeat-y top left #000;
    width: 920px;
    min-height: 320px;
    margin: auto; /*(this was original method for centering */
    font: 12px Arial, Helvetica, sans-serif; /* float: left; */ /* after floating had to implement a new method to center design on page, this positioning      method however does not work in safari or opera, so switched back to orig method */ /* position: relative; */ /* left: 50%; */ /* margin-left: -360px; */
}
/***** DNN Styles to override *****/
/* text style used for most text rendered by modules */

.Normal, .NormalDisabled, .NormalBold, .NormalRed, h1, h2, h3, h4, h5, h6, .Head
{
    font: 100% Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #DDD;
}
.NormalDisabled
{
    color: Silver;
}
.NormalBold
{
    font-weight: bold;
}
.NormalRed
{
    font-weight: bold;
    color: #ff0000;
}
h1, h2, h3, h4, h5, h6, .Head
{
    font-weight: bold;
}
.Head
{
     color: #FFF;
    font: 22px "Arial Black" , Arial, Helvetica, sans-serif;
}
.SubHead, .SubSubHead
{
    color: #DDD;
}
.ControlPanel
{
    background-color: #999;
}

/**** end DNN override classes */

#content
{
    background: url(img/middle.jpg) no-repeat top right transparent;
    width: 634px;
    color: #DDD;
    text-align: left;
    padding:12px 0 1px 0;
    height: 100%;
}

#content.ccgrey
{
    background: url(img/middleg.jpg) no-repeat top right transparent;
    width: 634px;
    color: #DDD;
    text-align: left;
    padding:12px 0 1px 0;
    height: 100%;
}

#content h1, #content h2
{
    border-top: 4px solid #FFF000;
    color: #FFF;
    font: 22px "Arial Black" , Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
     /* even out spacing between modules
    (original setting)
    margin: 30px 60px 0 30px; */
    margin: 30px 10px 10px 0px;
    padding: 5px 0 0 0;
    line-height: 28px;
}

#content h3
{
    background-color: #FFF000;
    color: #000;
    font: 13px "Arial Black" , Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
    /* even out spacing between modules
    (original setting)
    margin: 0 60px 10px 30px; */
    margin: 0 10px 10px 0px;
    padding: 0 0 0 4px;
    line-height: 18px;
}

#content p
{
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 20px;
    letter-spacing: 1px;
     /* even out spacing between modules
    (original setting)
    margin: 10px 50px 10px 30px; */
    margin: 10px 0px 10px 0px;
}

/* added to even out spacing around modules */
#dnn_contentpane {
padding: 0px 50px 0px 30px;
}

#content a, #footer a
{
    color: #FFF000;
    text-decoration: none;
    font-weight: 900;
}

#content a:hover, #footer a:hover
{
    color: #fe0000;
    text-decoration: none;
}

#content b, #content strong
{
    color: #FFF;
    font: 13px "Arial Black" , Arial, Helvetica, sans-serif;
    font-weight: 600;
}

/*#content em, #content i
{
    color: #FFF;
    font: 13px Georgia, Times, serif;
    font-style: italic;
}*/

#content blockquote
{
    width: 70%;
    margin-left: 50px;
    background-color: #222;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

#content blockquote p
{
    margin: 5px 10px;
    color: #FFF;
}

#content img
{
}

#content img.l_blog
{
    float: left;
    margin: 4px 8px 4px 0;
}

#content img.r_blog
{
    float: right;
    margin: 4px 10px 4px 8px;
}


#content ul, #content ol
{
    list-style-position: inside;
    line-height: 20px;
    letter-spacing: 1px;
}

#content ul
{
    list-style-image: url(img/bullet.gif);
}
#content .blogfoot
{
    /* even out spacing between modules
    (original setting)
    margin: 10px 50px 10px 30px; */
    margin: 10px 0px 10px 0px;
    border-left: 4px solid #ffffff;
    padding-left: 4px;
}

#content .foot_top
{
    font: 11px Arial, Helvetica, sans-serif;
}

#content .foot_bottom
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#content .foot_top a
{
    font: 11px Arial, Helvetica, sans-serif;
}

#rightside
{
    margin:25px 0;
	 float: right;
    width: 286px;
    min-height: 320px;
}

#title
{
    width:900px;
    height:138px;
	 margin:0 0 0 -10px;
	 padding:30px 0 0 0;
}

#title p
{
    margin: 0;
    color: #FFF;
    padding: 0;
}

#sidebar
{
    height: 100%;
    margin: -16px 0 0 -30px;
    color: #FFF;
    font: 12px Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-align: left;
    padding: 0 40px;
}

#sidebar h1
{
    border-top: 4px solid #ffffff;
    color: #FFF;
    font: 22px "Arial Black" , Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin: 30px 0 0 0;
    line-height: 28px;
}

#sidebar h3
{
    background-color: #ffffff;
    color: #ED145A;
    font: 13px "Arial Black" , Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin: 0 0 10px 0;
    padding-left: 4px;
    line-height: 18px;
}
/* added for styling login links and search */
#sidebar h4
{
    padding: 5px 10px;
    text-align: right;
    font: 13px "Arial Black" , Arial, Helvetica, sans-serif;
}

#sidebar p
{
    line-height: 16px;
    padding: 4px 4px 4px 10px;
    margin: -10px 0 0 0;
    width: 214px;
    border-top: none;
}

#sidebar a
{
    color: #FFF000;
    font-weight: 900;
    text-decoration: none;
}

#sidebar a:hover
{
    color: #000;
}
/* #sidebar .nav */
#HouseMenuNav
{
    /*list-style-position: inside;*/ /* removed - caused problems in IE */
    list-style-type: none;
    font: 22px "Arial Black" , Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
    padding-left: 10px;
    margin-left: 0;
}

#HouseMenuNav a
{
    color: #FFF;
    text-decoration: none;
    background: url(img/star1.jpg) no-repeat center left;
    padding: 0 0 0 30px;
}

#HouseMenuNav a:hover
{
    color: #FFF000;
    background: url(img/star2.jpg) no-repeat center left;
}
/* added to remove bullets */
#HouseMenuNav li
{
    list-style: none;
}
/* added for sub menus */
#HouseMenuNav ul
{
    padding-left: 20px;
	line-height: 150%;
}

#gallery
{
    padding: 0;
    margin: -10px 0 0 0;
    list-style-type: none;
    overflow: hidden;
    width: 228px;
    height: 380px;
    border: 4px solid #ffffff;
    border-top: none;
    background-color: #ED145A;
}

#gallery li a
{
    display: block;
    height: 30px;
    width: 218px;
    text-decoration: none;
    color: #FFF;
    overflow: hidden;
    padding-left: 10px;
}

#gallery li a:hover
{
    background-color: #ffffff;
    height: 180px;
    color: #333;
}

#gallery b
{
    text-transform: uppercase;
    font: 13px "Arial Black" , Arial, Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: -1px;
}

#gallery .spacer
{
    line-height: 10px;
}

#gallery i
{
    font-style: normal;
    color: #ED145A;
    font-weight: 900;
}

#footer
{
    color: #FFF;
    height: 288px;
    padding: 20px 0 25px 0;
    margin-right: -40px;
    background: url(img/footer.gif) no-repeat bottom right transparent;
    text-align: left; /* moved from #footer .footer_links */
    clear: both;
}

#footer.fgrey
{
    color: #FFF;
    height: 288px;
    padding: 20px 0 25px 0;
    margin-right: -40px;
    background: url(img/footerg.gif) no-repeat bottom right transparent;
    text-align: left; /* moved from #footer .footer_links */
    clear: both;
}

#footer p
{
    padding: 0 30px;
}

#footer .footer_links
{
    float: left;
    width: 100%;
    margin-bottom: 40px;
}


#footer ul
{
    float: left;
    list-style-type: none;
    width: 160px;
    margin: 1px 0;
}

#footer li.top_link
{
    display: block;
    color: #DDD;
    padding: 10px 0;
    margin: -1px 0;
    font: 13px "Arial Black" , Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: #000;
}

#footer li a
{
    display: block;
    height: 15px;
    color: #777;
    font-weight: normal;
    padding: 10px 10px;
    margin: -1px 0;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: #0F0F0F;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
}

#footer li a:hover
{
    background-color: #252525;
    color: #ED145A;
}

#footer .rf_item
{
    padding: 0 6px;
}
/* added to position footer terms privacy at the bottom even if there is not
enough content to fill the page - IE it doesn't work */
.ie_foot 
{
   /* float: left; */
position: relative;
top: 82%;
width: 65%;
} 

.#dnn_ctr1254_IFrame_htmIFrame html body {
	margin:-200px 0 0 -100px !important;
}
.SimpleGalleryContent .View {
	margin:20px 0 0 0;
}
.photo_198 {
	margin:10px 0;
}