/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

.catbox { border:1px solid #018440; width:204px; display:block; margin:20px 28px 0px 0px; float:left; height:204px; overflow:hidden; }
ul.products li:nth-child(3n) .catbox{ margin-right:0px !important;  }
ul.products { list-style-type:none; margin:0px;padding:0px; }
ul.products li { list-style-type:none; margin:0px;padding:0px; }
.catbox img { margin-top:10px;margin-bottom:10px; }
a .catbox  { font-weight:bold !important; }
.GuildHeader { width:675px; height:305px;overflow:hidden; margin:10px 0px 10px 0px;}
.GuildHeader img { width:675px; }

img.BannerImage {
    margin-top:20px;
    display:block;
    width:100%;
}

.FeaturedItemsPicture 
{
    float:left;
    width:120px;
    display:block;
}

.FeaturedItemsContent 
{
    float:left;
    width:550px;
    display:block;
}

@font-face
{

    src: url(../js/MyriadWebPro.ttf);
    font-family:MyFont;
}

.CampPic 
{
    float:left;
    width:100px;
    margin-right:10px;
    margin-bottom:10px;
}

.CampCont 
{
    float:left;
    width:550px;
    margin-bottom:10px;
}

#map-canvas 
{
    width:780px;
    height:425px;
    margin-bottom:20px;
    display:block;
}

.OneBox 
{
    text-align:left;
    width:100%;
    font-size:14px;
}

#TopBanner
{
	width:1000px;
	height:145px;
	display:block;
}

#TopBanner img.mainlogo 
{
    margin-left:25px;
    border:0px;
}

#TopBanner a img.mainlogo 
{
    float:left;
    border:0px;
}


#SecondaryMenu 
{
    height: 145px;
    width: 800px;
    float: right;
    display: block;
    margin: 0px 25px 0px 0px;
}

#MenuHolder
{
	width:1000px;
	display:block;
    position:relative;
    z-index:9;
}

#NivoHolder
{
	width:1000px;
	display:block;
    margin-top:10px;
    height:400px;
}

#NivoBanner
{
	float:left;
	width:780px;
	height:400px;
	display:block;
    font-family:MyFont;
    overflow:hidden;

}

#TGSearch
{
	float:right;
	height:400px;
	width:220px;
	display:block;
	background-color:#d8e9e1;
    background-image:url('../images/search-bg-pc.png');
    background-repeat:no-repeat;
    background-position:0px -10px;
}

#TGSearch h3
{
    text-align:left;
    margin:20px 20px 0px 20px;
    padding:0px 0px 0px 0px;
    font-size:28px;
    font-weight:normal;
    color:#018440;
    font-family: MyFont;
}

#TGSearch .GuildPC 
{
    float:left;
    margin:10px 0px 10px 20px;
    width:175px;
    text-align:center;
    color:#666666;
    padding:5px 0px 5px 0px;
}

.SearchTerms 
{
        background-image:url('../images/magnifyingglass.png');
        border:1px solid #bbbbbb;
        background-repeat:no-repeat;
        background-position:2px 4px;
        text-indent:20px
}


#TGSearch .SearchPC 
{
    text-align:left;
    margin:0px 20px 0px 20px;
    padding:0px 0px 0px 0px;
    font-size:22px;
    font-weight:normal;
    color:#018440;
    text-decoration:none;
    float:left;
    font-family: MyFont;
}

#NewsTicker
{
	width:956px;
	height:30px;
	display:block;
    margin-top:19px;
    margin-left:22px;
    text-align:left;
    overflow:hidden;
    margin-bottom:10px;
}

.ticker-wrapper.has-js {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 800px;
	height: 30px;
    float:left;
}
.ticker {
	width: 834px;
	height: 30px;
	background-color: #ffffff;
    float:left;
    line-height:28px;
}

.ticker-swipe {
	padding-top: 9px;
	background-color: #ffffff;
	width: 834px;
	height: 23px; 
}

.ticker-content {
    font-size:14px;
}

#OfThree
{
	width:956px;
	display:block;
	height:685px;
    margin-left:22px;
    font-family: MyFont;
    
}

img.helpbtn 
{
    float:right;
    height:30px;
    margin-bottom:20px;
}

#Footer
{
	width:1000px;
	height:120px;
	display:block;
	background-color:#018440;
    overflow:hidden;
}


        #Footer span
		{
            color:#ffffff;
            margin:10px 20px 0px 20px;
            display:block;
            padding-top:0px;
		}

                #Footer span a
		{ 
color:#ffffff;
		}

.BoxOfThree
{
	width:300px;
	display:block;
	float:left;
    margin-bottom:0px;
}

#BoxOne, #BoxTwo
{
	margin-right:28px;
}

#BoxOne, #BoxTwo
{
	margin-right:28px;

}

#BoxOne, #BoxTwo, #BoxThree
{
	height:380px
}


#BoxFour
{
    width:628px;
    margin-right:28px;
    height:250px;
    margin-top:30px;
}

#BoxFive
{
	margin-right:0px;
    height:250px;
    margin-top:15px;
    background-image:none !important;
}

#BoxFour
{
    background-image:url('../uploads/images/boxes/box4.jpg');
}

#BoxFour a
{
    width:100%;
    height:100%;
    display:block;
}

#BodyContainer 
{
    width:1000px;
}

#ButtonHolders {
    margin:-30px 0px 0px 520px;
    position:relative;
    z-index:9999;
    display:block;
}



.nivo-caption {
	position:absolute;
	top:250px;
    left:20px;
	background:#ffffff;
	color:#000000;
	width:100%;
	z-index:8;
	padding: 20px 20px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
    width:590px;   
    text-align:left; 
}

span.header1{
    font-size:40px;
    display:block;
    font-weight:bold;
    color:#333333;
}

span.header2{
    font-size:20px;
    display:block;
    font-weight:bold;
    color:#0c7d3d;
    margin-top:7px;
}

span.header3{
    font-size:15px;
    display:block;
    font-weight:bold;
    color:#000000;
    margin-top:0px;
}

.nivo-html-caption {
    display:none;
}

ul.RegForm label
{
    float:left;
    width:200px;
    display:block;
    font-weight:bold;
    font-size:14px;
}

ul.RegForm input
{
    width:300px;
    padding:10px;
    margin-right:10px;
}

ul.RegForm label span
{
    margin-left:5px;
}

ul.RegForm span
{
    vertical-align:top;
}

#GuildInfo1 {
    width:680px;
    margin-bottom:20px;
    float:left;
}

#GuildInfo1 h2 {
    margin-top:10px;
}

#GuildInfo1 p {
    margin:0px 0px 0px 0px;
}

#GuildInfo1 h3 {
    margin-top:10px;
}

#GuildInfo2 {
    float:left;
    width:300px;
    margin-left:20px;
    display:block;
    margin-top:20px;
    margin-bottom:20px;
}

#map-canvas2 
{
    width:100%;
    height:250px;
                margin-top:10px;
            display:block;
}

.GuildBox {
    margin:20px 0px 20px 0px;
    text-align:left;
}

span.rightplease {
    float:right;
}


table.comments  {
    margin:10px 0px 20px 0px;
    background-color:#ffffff;
    padding:20px 20px 20px 20px;
}

table.comments tr {
    vertical-align:top;
}

table.comments tr td{
    vertical-align:top;
}


table.comments2 {
    margin:20px 0px 0px 0px;
    background-color:#ffffff;
    padding:0px 20px 0px 0px;
}

table.comments2 tr {
    vertical-align:top;
}

table.comments2 tr td{
    vertical-align:top;
}


.CommentName {
    font-weight:bold;
}

.CommentDate {
    font-style:italic;
    font-size:10px;
}

#credits {
    text-align:left;
    margin:10px 0px 20px 0px;
}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .GuildHeader { width:445px; height:305px;overflow:hidden; margin:10px 0px 10px 0px;}
.GuildHeader img { width:445px; }
        .catbox { border:1px solid #018440; width:204px; display:block; margin:20px 28px 0px 0px; float:left; height:204px; overflow:hidden; }
ul.products li:nth-child(2n) .catbox{ margin-right:0px !important;  }
ul.products { list-style-type:none; margin:0px;padding:0px; }
ul.products li { list-style-type:none; margin:0px;padding:0px; }
.catbox img { margin-top:10px;margin-bottom:10px; }
a .catbox  { font-weight:bold !important; }


        img.BannerImage {
            margin-top:20px;
            width:100%;
        }


        .FeaturedItemsPicture 
        {
            float:left;
            width:120px;
            display:block;
        }

        .FeaturedItemsContent 
        {
            float:left;
            width:300px;
            display:block;
        }

        .CampPic 
        {
            float:left;
            width:100px;
            margin-right:10px;
            margin-bottom:10px;
        }


        .CampCont 
        {
            float:left;
            width:320px;
            margin-bottom:10px;
        }

        #GuildInfo2 #BoxFive
        {
            margin-left:0px;
            visibility:visible;
            display:block;
        }

        #GuildInfo2 .BoxOfThree
        {
            background-color:transparent;
        }

        #GuildInfo2 #moreinfo
        {
            height:auto;
        }


        #BodyContainer 
        {
            width:768px;
        }

        #map-canvas 
        {
            width:768px;
            height:384px;
            margin-bottom:20px;
            display:block;
        }

	    #TopBanner
		{
			width:768px;
		}

        #SecondaryMenu 
        {
            height: 150px;
            width: 500px;
            float: right;
            display: block;
            margin: 0px 25px 0px 0px;
        }

		
img.responsiveheader {
    width:500px;
}

		#MenuHolder
		{
			width:768px;
		}

		#NivoHolder
		{
			width:768px;
            height:300px;
		}

		#NivoBanner
		{
			width:548px;
            height:300px;
		}

        #ButtonHolders 
        {
            margin:-34px 0px 0px 515px;
            position:relative;
            z-index:9999;
            width:25px;
            height:25px;
            display:block;
        }

		#TGSearch
		{
			width:220px;
            height:299px;
            background-image:url('../images/search-bg-tab.png');
            background-position:0px 10px;
		}

        #TGSearch .GuildPC 
        {
            float:left;
            margin:10px 0px 10px 20px;
            width:175px;
            text-align:center;
            color:#666666;
            padding:5px 0px 5px 0px;
        }

        #TGSearch .SearchPC 
        {
            text-align:left;
            margin:0px 20px 0px 20px;
            padding:0px 0px 0px 0px;
            font-size:16px;
            font-weight:bold;
            color:#018440;
            text-decoration:none;
            float:left;
        }

		#NewsTicker
		{
			width:722px;
            height:30px;
            overflow:hidden;

		}

        .ticker-wrapper.has-js {
	        margin: 0px 0px 20px 0px;
	        padding: 0px 0px 0px 0px;
	        width: 600px;
	        height: 30px;
            float:left;
            font-size:12px;
        }
        .ticker {
	        width: 600px;
	        height: 30px;
	        background-color: #ffffff;
            float:left;
            line-height:28px;
        }

        .ticker-swipe {
	        padding-top: 9px;
	        background-color: #ffffff;
	        width: 600px;
	        height: 23px; 
        }

        .ticker-content {
            font-size:12px;
        }

		#OfThree
		{
			width:768px;
			height:1100px;
            margin-left:0px;
		}

		#Footer
		{
			width:768px;
			height:100px;
			display:block;
			background-color:Black;
		}


		.BoxOfThree
		{
			width:300px;
			height:250px;
			background-color:Purple;
			display:block;
			float:left;
		}

		#BoxOne
		{
			margin-right:60px;
			margin-bottom:30px;
			margin-left:60px;
		}

		#BoxTwo
		{
			margin-right:0px;
			margin-bottom:30px;
		}
		
		#BoxThree
		{
			margin-right:60px;
			margin-bottom:30px;
			margin-left:60px;
		}
		
		#BoxFour
		{
			margin-right:0px;
			margin-bottom:30px;
            width:300px;
            background-image:url('../uploads/images/boxes/box4-tab.jpg');
            height:380px;
        }

		#BoxFive
		{
			margin-right:60px;
			margin-bottom:30px;
			margin-left:60px;
		}
		

         .nivo-controlNav {
	        text-align:center;
	        padding: 15px 0;
            margin:-50px 35px 0px 0px;
            z-index:99999;
            position:relative;
            float:right;
        }

        .nivo-caption {
	    position:absolute;
	    top:120px;
        left:40px;
	    background:#ffffff;
	    color:#000000;
	    z-index:8;
	    padding: 20px 20px;
	    opacity: 0.8;
	    overflow: hidden;
	    display: none;
	    -moz-opacity: 0.8;
	    filter:alpha(opacity=8);
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	    box-sizing: border-box;
        width:360px;   
        text-align:left; 
    }

    span.header1{
        font-size:20px;
        display:block;
        font-weight:bold;
    }

    span.header2{
        font-size:15px;
        display:block;
        font-weight:bold;
        color:#0c7d3d;
        margin-top:15px;
    }

    span.header3{
        font-size:15px;
        display:block;
        font-weight:bold;
        color:#000000;
        margin-top:0px;
    }

    #GuildInfo1 {
    width:445px;
    margin-bottom:20px;
    float:left;
}

#GuildInfo1 h2 {
    margin-top:10px;
}

#GuildInfo1 p {
    margin:0px 0px 0px 0px;
}

#GuildInfo1 h3 {
    margin-top:10px;
}

#GuildInfo2 {
    float:left;
    width:300px;
    margin-left:20px;
    display:block;
    margin-top:20px;
    margin-bottom:20px;
}

#map-canvas2 
{
    width:100%;
    height:250px;
}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 479px) {
        .GuildHeader { width:310px; height:305px;overflow:hidden; margin:10px 0px 10px 0px;}
.GuildHeader img { width:310px; }

.catbox { border:1px solid #018440; width:320px; display:block; margin:20px 28px 0px 0px; float:left; height:220px; overflow:hidden; }
ul.products { list-style-type:none; margin:0px;padding:0px; }
ul.products li { list-style-type:none; margin:0px;padding:0px; }
.catbox img { margin-top:20px;margin-bottom:10px; }
a .catbox  { font-weight:bold !important; }


                img.BannerImage {
            margin-top:20px;
            width:100%;
        }


        .FeaturedItemsPicture 
        {
            float:left;
            width:120px;
            display:block;
        }

        .FeaturedItemsContent 
        {
            float:left;
            width:200px;
            display:block;
        }

        .CampPic 
        {
            float:left;
            width:100px;
            margin-right:10px;
            margin-bottom:10px;
        }

        .CampCont 
        {
            float:left;
            width:200px;
            margin-bottom:10px;
        }

        #GuildInfo2 #BoxFive
        {
            margin-left:0px;
            visibility:visible;
            display:block;
        }

        #GuildInfo2 .BoxOfThree
        {
            background-color:transparent;
        }

        #GuildInfo2 #moreinfo
        {
            height:auto;
        }


        #BodyContainer 
        {
            width:320px;
        }

        #map-canvas 
        {
            width:320px;
            height:160px;
            margin-bottom:20px;
            display:block;
        }

    	#TopBanner
		{
			width:320px;
            height:205px;
		}
		
        #SecondaryMenu 
        {
            width: 320px;
            display: block;
            margin: 0px 0px 0px 0px;
            height:155px;
            clear:both;
        }

        #SecondaryMenu ul
        {
            text-align:right;
            width:320px;
            padding:0px 0px 0px 0px;
        }

        #SecondaryMenu #QuickLogin span.Welcome
        { 
            margin-left:10px;
        }

        #SecondaryMenu #QuickLogin span.MyAccount
        { 
            margin-left:10px;
        }

		#MenuHolder
		{
			width:320px;
		}

		#NivoHolder
		{
			width:320px;
		}

		#NivoBanner
		{
			width:320px;
            height:174px;
		}

		#TGSearch
		{
			width:320px;
            background-image:url('../images/search-bg-phone-port.png');
            background-repeat:no-repeat;
            background-position: 70% 70%;
            height:190px;
		}

		#NewsTicker
		{
			width:300px;
            margin-left:9px;
            height:60px;
		}

       .ticker-wrapper.has-js {
	        margin: 0px 0px 20px 0px;
	        padding: 0px 0px 0px 0px;
	        width: 300px;
	        height: 30px;
            float:left;
            font-size:10px;
        }
        .ticker {
	        width: 300px;
	        height: 30px;
	        background-color: #ffffff;
            float:left;
            line-height:28px;
        }

        .ticker-swipe {
	        padding-top: 9px;
	        background-color: #ffffff;
	        width: 300px;
	        height: 23px; 
        }

        .ticker-content {
            font-size:12px;
        }

        .LatestHead {
            width:280px;
            text-indent:10px;
        }

		#OfThree
		{
			width:320px;
			height:1790px;
            margin-left:9px;
		}

		#Footer
		{
			width:320px;
			height:100px;
			display:block;
			background-color:Black;
		}

		.BoxOfThree
		{
			width:300px;
			height:250px;
			background-color:Purple;
			display:block;
			float:left;

		}

		#BoxOne
		{
			margin-bottom:30px;
			margin-left:0px;
		}

		#BoxTwo
		{
			margin-bottom:30px;
			margin-left:0px;
		}
		
		#BoxThree
		{
			margin-bottom:30px;
			margin-left:0px;
		}
		
		#BoxFour
		{
			margin-bottom:30px;
			margin-left:0px;
            width:300px;
            background-image:url('../uploads/images/boxes/box4-mob.jpg');
		}
		
		#BoxFive
		{
			margin-bottom:30px;
			margin-left:0px;
		}
		

        .nivo-controlNav {
	        text-align:center;
	        padding: 15px 0;
            margin:-50px 5px 0px 0px;
            z-index:99999;
            position:relative;
            float:right;
        }

       .nivo-caption {
	    position:absolute;
	    top:20px;
        left:20px;
	    background:#ffffff;
	    color:#000000;
	    z-index:8;
	    padding: 20px 20px;
	    opacity: 0.8;
	    overflow: hidden;
	    display: none;
	    -moz-opacity: 0.8;
	    filter:alpha(opacity=8);
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	    box-sizing: border-box;
        width:250px;   
        text-align:left; 
    }

    span.header1{
        font-size:15px;
        display:block;
        font-weight:bold;
    }

    span.header2{
        font-size:10px;
        display:block;
        font-weight:bold;
        color:#0c7d3d;
        margin-top:15px;
    }

    span.header3{
        font-size:10px;
        display:block;
        font-weight:bold;
        color:#000000;
        margin-top:0px;
    }

        #GuildInfo1 {
            width:310px;
            margin-bottom:20px;
            float:left;
            margin-left:5px;
        }

        #GuildInfo1 h2 {
            margin-top:10px;
        }

        #GuildInfo1 p {
            margin:0px 0px 0px 0px;
        }

        #GuildInfo1 h3 {
            margin-top:10px;
        }

        #GuildInfo2 {
            float:left;
            width:320px;
            margin-left:0px;
            display:block;
            margin-top:0px;
            margin-bottom:20px;
            margin-right:5px;
        }

        #map-canvas2 
        {
            width:100%;
            height:250px;

        }


    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

                .catbox { border:1px solid #018440; width:224px; display:block; margin:20px 28px 0px 0px; float:left; height:220px; overflow:hidden; }
ul.products li:nth-child(2n) .catbox{ margin-right:0px !important;  }
ul.products { list-style-type:none; margin:0px;padding:0px; }
ul.products li { list-style-type:none; margin:0px;padding:0px; }
.catbox img { margin-top:20px;margin-bottom:10px; }
a .catbox  { font-weight:bold !important; }

                img.BannerImage {
            margin-top:20px;
           width:100%;
        }


        .FeaturedItemsPicture 
        {
            float:left;
            width:120px;
            display:block;
        }

        .FeaturedItemsContent 
        {
            float:left;
            width:300px;
            display:block;
        }

        .CampPic 
        {
            float:left;
            width:100px;
            margin-right:10px;
            margin-bottom:10px;
        }

        .CampCont 
        {
            float:left;
            width:320px;
            margin-bottom:10px;
        }

        #GuildInfo2 #BoxFive
        {
            margin-left:0px;
            visibility:visible;
            display:block;
        }

        #GuildInfo2 .BoxOfThree
        {
            background-color:transparent;
        }

        #GuildInfo2 #moreinfo
        {
            height:auto;
            clear:both;
        }


        #map-canvas 
        {
            width:480px;
            height:240px;
            margin-bottom:20px;
            display:block;
        }

        ul.RegForm li label span 
        {
            display:block;
            margin-bottom:10px;
            float:left;
            margin-right:10px;
        }  

        ul.RegForm li span 
        {
            display:block;
            margin-bottom:10px;
        }    

        #BodyContainer 
        {
            width:480px;
        }

    	#TopBanner
		{
			width:480px;
            height:205px;
		}
		
        #SecondaryMenu 
        {
            height: 150px;
            width: 250px;
            float: right;
            display: block;
            margin: 0px 25px 0px 0px;
            height:200px;
        }

        #SecondaryMenu #QuickLogin
        {
            width:410px !important; 
            margin-top:10px !important;
            text-align:left;

        }

		#MenuHolder
		{
			width:480px;
		}

		#NivoHolder
		{
			width:480px;
		}

		#NivoBanner
		{
			width:480px;
            height:260px;
		}

		#TGSearch
		{
			width:480px;
            height:160px;
            background-image:none;

		}

		#NewsTicker
		{
			width:435px;
            height:30px;
            overflow:hidden;
            margin-bottom:30px;
		}


       .ticker-wrapper.has-js {
	        margin: 0px 0px 20px 0px;
	        padding: 0px 0px 0px 0px;
	        width: 309px;
	        height: 30px;
            float:left;
            font-size:12px;
        }
        .ticker {
	        width: 309px;
	        height: 30px;
	        background-color: #ffffff;
            float:left;
            line-height:28px;
        }

        .ticker-swipe {
	        padding-top: 9px;
	        background-color: #ffffff;
	        width: 309px;
	        height: 23px; 
        }

        .ticker-content {
            font-size:12px;
        }

		#OfThree
		{
			width:480px;
			height:1790px;
            margin-left:10px;
		}

		#Footer
		{
			width:480px;
			height:100px;
			display:block;
			background-color:Black;
		}

		.BoxOfThree
		{
			width:300px;
			height:250px;
			background-color:Purple;
			display:block;
			float:left;
		}

		#BoxOne
		{
			margin-bottom:30px;
			margin-left:80px;
		}

		#BoxTwo
		{
			margin-bottom:30px;
			margin-left:80px;
		}
		
		#BoxThree
		{
			margin-bottom:30px;
			margin-left:80px;
		}
		
		#BoxFour
		{
			margin-bottom:30px;
			margin-left:80px;
            width:300px;
            background-image:url('../uploads/images/boxes/box4-mob.jpg');
		}
		
		#BoxFive
		{
			margin-bottom:30px;
			margin-left:80px;
		}
		
		
        #ButtonHolders 
        {
            margin:-145px 0px 0px 440px;
            position:relative;
            z-index:9999;
            border:1px solid blue;
            width:35px;
            height:35px;
            display:none;
        }

        .nivo-controlNav {
	        text-align:center;
	        padding: 15px 0;
            margin:-50px 5px 0px 0px;
            z-index:99999;
            position:relative;
            float:right;
        }

        .nivo-caption {
	    position:absolute;
	    top:30px;
        left:40px;
	    background:#ffffff;
	    color:#000000;
	    z-index:8;
	    padding: 20px 20px;
	    opacity: 0.8;
	    overflow: hidden;
	    display: none;
	    -moz-opacity: 0.8;
	    filter:alpha(opacity=8);
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	    box-sizing: border-box;
        width:350px;   
        text-align:left; 
    }

    span.header1{
        font-size:20px;
        display:block;
        font-weight:bold;
    }

    span.header2{
        font-size:15px;
        display:block;
        font-weight:bold;
        color:#0c7d3d;
        margin-top:15px;
    }

    span.header3{
        font-size:15px;
        display:block;
        font-weight:bold;
        color:#000000;
        margin-top:0px;
    }
    .layout-slider {
        float:left;
        }
    
    #TGSearch .GuildPC 
        {
            float:left;
            margin:26px 0px 10px 20px;
            width:175px;
            text-align:center;
            color:#666666;
            padding:4px 0px 4px 0px;
        }

        #TGSearch .SearchPC 
        {

            margin-top:10px;
        }

        #GuildInfo1 {
            width:480px;
            margin-bottom:20px;
            float:left;
        }

        #GuildInfo1 h2 {
            margin-top:10px;
        }

        #GuildInfo1 p {
            margin:0px 0px 0px 0px;
        }

        #GuildInfo1 h3 {
            margin-top:10px;
        }

        #GuildInfo2 {
            float:left;
            width:480px;
            margin-left:0px;
            display:block;
            margin-top:0px;
            margin-bottom:20px;
        }

        #map-canvas2 
        {
            width:100%;
            height:250px;
        }

}


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }