@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 800px) {
    body{
    	margin:0 auto;
    	color:#000;	
    	font-size:20px;
    	background-color:#FC3;
    	font-family: 'Itim', cursive;
    }	
    .content{
        width:75%;
    	margin:0 auto;
    	text-align:left;
    	max-width:1750px;
    	min-width:500px;
    }
    .content2{
        width:100%;
    	margin:0 auto;
    	text-align:left;
    	min-width:500px;
    	background-color:#000000;
    }
    .indexcontent{
       width:100%;
       height:auto;
       margin:0 auto;
       background-color:#000;
       background: url(wrestlingring2.jpg);
       background-position: center;
       background-repeat: no-repeat;
       background-size: 100% 100%;
    }
    .maincontent{
        width:80%;
    	margin:0 auto;
    	text-align:center;
    	max-width:1750px;
    	min-width:500px;
    	background-color:#CCCCCC;
		height:auto;
    }
    .mainbuttons{
        border:2px solid #000;
        margin:5px 5px 5px 5px;
        font-size:25px;
        color:#000;
        cursor: pointer;
        background-color:#FFF;
        padding:10px;
    }
    .mainbuttons2{
        border:2px solid #000;
        margin:5px 5px 5px 5px;
        font-size:25px;
        color:#000;
        cursor: pointer;
        background-color:#6CF;
        padding:10px;
    }
    .newbuttons{
        width:75%;border:2px solid #000;font-size:25px;background-color:#FFF;padding:10px;cursor: pointer;
    }
    .newbuttons2{
        width:50%;border:2px solid #000;font-size:25px;background-color:#FFF;padding:10px;cursor: pointer;
    }
    .newbuttons3{
        border-style:inset; width:37.5%;;
    }
    .newbuttons4{
        width:25%;border:2px solid #000;font-size:25px;background-color:#FFF;padding:10px;
    }
    .newbuttons5{
        width:10%;border:2px solid #000;font-size:25px;background-color:#FFF;padding:10px;
    }
    .yourrosterleftmenu{
        width:35%;
        float:left;
    }
    .yourrosterrightmenu{
        width:65%;
        float:left;
    }
    .yourrosterleft{
        background-color:#FFF;
        Border: Inset;
        width:95%;
        margin-left:5px;
        margin-bottom:5px;
    }
    .yourrosterright{
        background-color:#999;
        Border: Inset;
        width:95%;
        margin-right:5px;
    }
    .bookhouse{
        background-color:#C8C8CD;
        Border: Inset 5px;
        width:95%;
        margin:0 auto;
        text-align:center;
    }
    .bookhouse2{
        background-color:#8B8680;
        Border: Inset 5px;
        width:95%;
        margin:0 auto;
        text-align:center;
    }
    .bookhouse3{
        background-color:#736A62;
        Border: Inset 5px;
        width:95%;
        margin:0 auto;
        text-align:center;
    }
    .library {
        background:none!important;
        border:none; 
        padding:0!important;
        color:#000;
        cursor:pointer;
        font-weight: bold;
        font-family: 'Itim', cursive;
        font-size:18px;
    }
    .library2 {
        background:none!important;
        border:none; 
        padding:0!important;
        color:#005ce6;
        cursor:pointer;
        font-weight: bold;
        font-family: 'Itim', cursive;
        font-size:18px;
    }
    .notepad {
        width: 90%;
    }
    .clear{
	    clear:both;	
	}
	.dropdown1 {
	    width:35%;
	    font-size:14px;
	    font-weight:bold;
	}
	.dropdown2 {
	    width:85%;
	    font-size:14px;
	    font-weight:bold;
	}
	.button1 {
	    width:35%;
	    font-size:14px;
	    font-weight:bold;
	    text-align:center;
	    background-color:#005ce6;
	    color:#FFF;
	    padding:10px;
	}
	legend {
        margin:0 auto;
    }
	a.roster:link {color: #000; text-decoration: none; }
    a.roster:visited {color: #000; text-decoration: none; }
    a.roster:hover {color: #005ce6; text-decoration: none; }
    a.roster:active {color: white; } 
}
@media only screen and (max-width: 850px) {
    body{
    	margin:0 auto;
    	color:#000;	
    	font-size:20px;
    	background-color:#FC3;
    	font-family: 'Itim', cursive;
    }	
    .content{
        width:75%;
    	margin:0 auto;
    	text-align:left;
    	max-width:1750px;
    	min-width:500px;
    }
    .content2{
        width:100%;
    	margin:0 auto;
    	text-align:left;
    	min-width:500px;
    	background-color:#000000;
    }
    .indexcontent{
       width:100%;
       height:auto;
       margin:0 auto;
       background-color:#000;
       background: url(wrestlingring2.jpg);
       background-position: center;
       background-repeat: no-repeat;
       background-size: 100% 100%;
    }
    .maincontent{
        width:100%;
    	margin:0 auto;
    	text-align:center;
    	max-width:1750px;
    	min-width:500px;
    	background-color:#CCCCCC;
    }
    .mainbuttons{
        border:2px solid #000;
        margin:5px 5px 5px 5px;
        font-size:25px;
        color:#000;
        cursor: pointer;
        background-color:#FFF;
        padding:10px;
    }
    .mainbuttons2{
        border:2px solid #000;
        margin:5px 5px 5px 5px;
        font-size:25px;
        color:#000;
        cursor: pointer;
        background-color:#6CF;
        padding:10px;
    }
    .newbuttons{
        width:100%;border:2px solid #000;font-size:25px;background-color:#FFF;padding:10px;cursor: pointer;
    }
    .newbuttons2{
        width:100%;border:2px solid #000;font-size:25px;background-color:#FFF;padding:10px;cursor: pointer;
    }
    .newbuttons3{
        border-style:inset; width:175%;
    }
    .newbuttons4{
        width:90%;border:2px solid #000;font-size:25px;background-color:#FFF;padding:10px;
    }
    .newbuttons5{
        width:95%;border:2px solid #000;font-size:25px;background-color:#FFF;padding:10px;
    }
    .yourrosterleftmenu{
        width:35%;
        float:left;
    }
    .yourrosterrightmenu{
        width:65%;
        float:left;
    }
    .yourrosterleft{
        background-color:#FFF;
        Border: Inset;
        width:95%;
        margin-left:5px;
        margin-bottom:5px;
    }
    .yourrosterright{
        background-color:#999;
        Border: Inset;
        width:95%;
        margin-right:5px;
    }
    .bookhouse{
        background-color:#F8F9F9;
        Border: Inset;
        width:95%;
        margin:0 auto;
        text-align:center;
    }
    .bookhouse2{
        background-color:#FBEEE6;
        Border: Inset;
        width:95%;
        margin:0 auto;
        text-align:center;
    }
    .bookhouse3{
        background-color:#FEF9E7;
        Border: Inset;
        width:95%;
        margin:0 auto;
        text-align:center;
    }
    .library {
        background:none!important;
        border:none; 
        padding:0!important;
        color:#000;
        cursor:pointer;
        font-weight: bold;
        font-family: 'Itim', cursive;
        font-size:18px;
    }
    .library2 {
        background:none!important;
        border:none; 
        padding:0!important;
        color:#005ce6;
        cursor:pointer;
        font-weight: bold;
        font-family: 'Itim', cursive;
        font-size:18px;
    }
    .notepad {
        width: 90%;
    }
    .clear{
	    clear:both;	
	}
	.dropdown1 {
	    width:50%;
	    font-size:14px;
	    font-weight:bold;
	}
	.dropdown2 {
	    width:85%;
	    font-size:14px;
	    font-weight:bold;
	}
	.button1 {
	    width:35%;
	    font-size:14px;
	    font-weight:bold;
	    text-align:center;
	    background-color:#005ce6;
	    color:#FFF;
	    padding:10px;
	}
	legend {
        margin:0 auto;
    }
	a.roster:link {color: #000; text-decoration: none; }
    a.roster:visited {color: #000; text-decoration: none; }
    a.roster:hover {color: #005ce6; text-decoration: none; }
    a.roster:active {color: white; } 
		    
}