/*Defines Box Dimensions and Appearance// Author: Shaun Horine*/

@charset "UTF-8";
/* CSS Document */

.hidden {
    display: none;
}

.textphotobox {
        float: left;
        margin-top: 5px;
        width: 485px;
        height: 100px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 5px;
        background: transparent;
        border-bottom: 1px;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom-color: #000000;
        border-bottom-style: dotted;
}

.textphotobox1 {
        float: left;
        margin-top: 5px;
        width: 485px;
        height: 100px;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        background: transparent;
}

.imagebox {
        float: left;
        width: 100px;
        height: 100px;
        background: transparent;
}

.newstextbox {
        float: left;
        margin-left: 10px;
        padding-bottom: 5px;
        width: 365px;
        min-height: 85px;
        background: transparent;
}

.newstextrowleft { 
        float: left; 
        width: 232px; 
        height: 15px; 
        padding: 10px 10px 5px 10px;
        border-bottom: 1px dotted #000000;
}

.newstextholderleft {
         float: left;
         width: 262px;
         min-height: 250px;
}
         

.newstextholderright { 
         float: right;
         width: 262px; 
         min-height: 250px;
         border-left: 1px dotted #000000;
}
        

#boxcontainer {
        float: left;
        width: 1000px;
        min-height: 700px;
        margin-bottom: 50px; 
        margin-left: auto;
        margin-right: auto;      
}

#boxcontaineralt {
        float: left;
        margin-top: 20px;
        margin-bottom: 50px;
        width: 1000px;
        min-height: 700px; 
        margin-left: auto;
        margin-right: auto;  
}  

.pagecontainerleft {
         float: left;
         width: 525px;
         min-height: 700px;
}

.pagecontainerright {
         float: right;
         width: 475px;
         min-height: 700px;
}  

/*Small Square Boxes*/

.tinyboxfirst {
        float: left;
        width: 195px;
        height: 195px;
        margin-left: 20px; 
        padding: 10px;
        border: 1px;
        border-style: dotted;
        border-color: black;
        background: #222222;
}

.tinyboxlast {
        float: left;
        width: 195px;
        height: 195px; 
        padding: 10px;
        margin-left: 20px;
        margin-top: 20px;
        border: 1px;
        border-style: dotted;
        border-color: black;
        background: #222222;
}

#box1 {
        float: left;
        padding: 10px;
        width: 228px;
	height: 228px;
        border: 1px;
        border-style: dotted;
        border-color: black;
        background: #222222;
}

#transbox1 {
        float: left;
        padding: 10px;
        width: 230px;
	height: 230px;
        background-color: transparent;
}

#box2 {
        float: left;
        margin-left: 20px;
        padding: 10px;
        width: 228px;
	height: 228px;
	border: 1px;
        border-style: dotted;
        border-color: black;
        background: #222222;
}

#transbox2 {
        float: left;
        margin-left: 20px;
        padding: 10px;
        width: 230px;
	height: 230px;
	background-color: transparent;
}

#box3 {
        float: right;
        padding: 10px;
	width: 228px;
	height: 228px;
	border: 1px;
        border-style: dotted;
        border-color: black;
        background: #222222;
}

#transbox3 {
        float: right;
        padding: 10px;
        width: 230px;
	height: 230px;
        background-color: transparent;
}

#box4 {
        float: left;
        margin-top: 20px;
        padding: 10px; 
        width: 230px;
	height: 230px;
        background-color: #000000;
}

#transbox4 {
        float: left;
        margin-top: 20px;
        padding: 10px;
        width: 230px;
	height: 230px;
	background-color: transparent;
}


#box5 {
        float: left;
        margin-left: 20px;
        margin-top: 20px;
        padding: 10px; 
        width: 230px;
	height: 230px;
        background-color: #000000;
}

#transbox5 {
        float: left;
        margin-left: 20px;
        margin-top: 20px;
        padding: 10px;
        width: 230px;
	height: 230px;
	background-color: transparent;
}

#box6 {
        float: right;
        margin-top: 20px;
        padding: 10px;
	width: 230px;
	height: 230px;
        background-color: #000000;
}

#transbox6 {
        float: right;
        margin-top: 20px;
        padding: 10px;
	width: 230px;
	height: 230px;
        background-color: transparent;
}

#box7 {
        float: left; 
        margin-top: 20px;
        padding: 10px;
        width: 230px;
	height: 230px;
        background-color: #000000;
}

#transbox7 {
        float: left;
        margin-top: 20px;
        padding: 10px;
        width: 230px;
	height: 230px;
	background-color: transparent;
}

#box8 {
        float: left; 
        margin-left: 20px;
        margin-top: 20px;
        padding: 10px;
        width: 230px;
	height: 230px;
        background-color: #000000;
}

#transbox8 {
        float: left;
        margin-left: 20px;
        margin-top: 20px;
        padding: 10px;
        width: 230px;
	height: 230px;
	background-color: transparent;
}

#box9 {
        float: right; 
        margin-top: 20px; 
        padding: 10px;
	width: 230px;
	height: 230px;
	background-color: #000000;
}

#transbox9 {
        float: right; 
        margin-top: 20px; 
        padding: 10px;
	width: 230px;
	height: 230px;
	background-color: transparent;
}

#box10 {
        float: left;
        padding: 0px;
        width: 127px;
	height: 112px;
        background-color: transparent;
}

/*Horizontal 2-box Rectangles*/


#rect1 {
        float: left;
        overflow: hidden;
        padding: 10px;
        text-align: center;
	width: 503px;
	height: 228px;
	border: 1px;
        border-style: dotted;
        border-color: black;
        background: #222222;
}

#slidecontainer {
       float: right;
       margin-left: auto;
       margin-right: auto;
       width: 503px;
       height: 228px;
       border: 1px;
       border-style: dotted;
       border-color: black;
       background: #222222;
}

#slidecontainer2 {
       float: right;
       margin-top: 10px;
       margin-left: auto;
	   margin-right: auto;
       width: 999px;
       height: 36px;
       border: 1px;
       border-style: dotted;
       border-color: black;
       background: transparent;
}

#slidecontainer4 {
       float: right;
       margin-top: 10px;
	   margin-bottom: 60px;
       margin-left: auto;
	   margin-right: auto;
       width: 999px;
       height: 340px;
       border: 1px;
       border-style: solid;
       border-color: black;
       background: #000000;
}

#slidecontainer3 {
       float: right;
       margin-left: auto;
       margin-right: auto;
       width: 999px;
       height: 480px;
       border: 1px;
       border-style: dotted;
       border-color: black;
       background: #222222;
}

#transrect1 {
        float: left;
        padding: 10px;
	width: 503px;
	height: 228px;
        border: 1px;
        border-style: dotted;
        border-color: black;
	background-color: transparent;
}

#rect2 {
        float: right; 
        padding: 10px;
        width: 433px;
        height: 228px;
        margin-top: 20px;
        border: 1px;
        border-style: dotted;
        border-color: black;
        background: #222222;
} 

.rect2 {
        float: right;
        margin-top: 20px; 
        padding: 10px;
        width: 433px;
        height: 228px;
        border: 1px;
        border-style: dotted;
        border-color: black;
        background: #222222;
} 

#transrect2 {
        float: right; 
        padding: 10px;
        width: 433px;
        height: 228px;
        border: 1px;
        border-style: dotted;
        border-color: black;
        background-color: transparent;
}


/*Vertical 2-box Rectangles*/

#vertrect1 {
        float: left;
        padding: 10px;
	width: 230px;
	height: 505px;
	background-color: #000000;
}

#transvertrect1 {
        float: left; 
        padding: 10px;
        width: 230px;
	height: 505px;
        background-color: transparent;
}

#vertrect2 {
        float: right; 
        padding: 10px;
        width: 230px;
	min-height: 250px;
        border: 1px;
        border-style: dotted;
        border-color: black;
        background: #222222;
}

#transvertrect2 {
        float: right; 
        padding: 10px;
        width: 230px;
	height: 505px;
        background-color: transparent;
}


/*Whole Row Rectangles*/

#row1 {
        float: left;
        padding: 0px;
	width: 1000px;
	height: 230px;
        background-color: #000000;
}

#row2 {
        float: left;
        padding: 0px;
	width: 1000px;
	height: 230px;
        background-color: #000000;
		z-index: -1
}

#transrow1 {
        float: left;
        padding: 10px;
	width: 880px;
	height: 230px;
        background-color: transparent;
}

#transrow2 {
        float: left;
        padding: 10px;
	width: 880px;
	height: 200px;
        background-color: transparent;
}



/*Whole Column Rectangles*/

#column1 {
        float: left; 
        padding: 10px;
        width: 230px;
	height: 780px;
        background-color: #000000;
}

#transcolumn1 {
        float: left; 
        padding: 10px;
        width: 230px;
	height: 780px;
        background-color: transparent;
}

#column2 {
        float: right;
        padding: 10px;
        width: 230px;
        height: 780px;
        background-color: #000000;
}

#transcolumn2 {
        float: right;
        padding: 10px;
        width: 230px;
        height: 780px;
        background-color: transparent;
}


/*Large 4-box Boxes*/

#bigbox1 {
         float: left;
         margin-top: 20px;
         padding: 10px;
	 width: 503px;
	 height: 503px;
	 border: 1px;
        border-style: dotted;
        border-color: black;
        background: #222222;
}

#transbigbox1 {
         float: left; 
         margin-top: 20px;
         padding: 10px;
         width: 505px;
	 height: 505px;
         background-color: transparent;
}

#bigbox1extended {
        float: left;
        margin-top: 20px; 
        margin-bottom: 20px;
        padding: 10px;
        width: 503px;
	min-height: 503px;
        border: 1px;
        border-style: dotted;
        border-color: black;
        background: #222222;
}

#transbigbox1extended {
        float: left;
        margin-top: 20px;
        margin-bottom: 20px; 
        padding-bottom: 10px;
        width: 525px;
	min-height: 250px;
        border-top: 1px dotted #000000;
        border-right: 1px dotted #000000;
        background: transparent;
}

.transbigbox1extended {
        float: left;
        margin-top: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
        border-top: 1px;
        border-right: 1px;
        border-style: dotted;
        border-color: #000000;
        border-bottom: none; 
        border-left: none;
        width: 505px;
	min-height: 450px;
        background-color: transparent;
}

#bigbox2 {
         float: right; 
         margin-top: 20px;
         padding: 10px;
         width: 503px;
	 height: 503px;
         border: 1px;
         border-style: dotted;
         border-color: black;
         background: #222222;
}

#transbigbox2 {
         float: right; 
         margin-top: 20px;
         padding: 10px;
         width: 503px;
	 height: 503px;
         border: 1px;
         border-style: dotted;
         border-color: black;
         background-color: transparent;
}

.transbigbox2extended {
         float: right; 
         margin-top: 20px;
         padding-top: 30px;
         padding-left: 10px;
         padding-right: 10px; 
         padding-bottom: 10px;
         border: 1px;
         border-style: solid;
         border-color: #222222;
         width: 505px;
	 min-height: 505px;
         background-color: transparent;
}

#bigbox2extended {
         float: right; 
         margin-top: 20px;
         margin-bottom: 20px;
         padding: 10px;
         width: 503px;
	 min-height: 503px;
         border: 1px;
         border-style: dotted;
         border-color: black;
         background: #222222;
}

#transbigbox2extended {
         float: right; 
         margin-top: 20px;
         margin-bottom: 20px;
         width: 523px;
	 min-height: 503px;
         border: 1px;
         border-style: dotted;
         border-color: black;
         background-color: transparent;
}
        


/*Larger Box*/

#largebox1 {
        float: left; 
        margin-top: 20px;
        padding: 10px;
        width: 880px;
        height: 505px;
        background-color: #000000;
}

#translargebox1 {
        float: left; 
        width: 1000px;
        height: 505px;
        background-color: transparent;
}

#largebox1extended {
        float: left; 
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px;
        width: 978px;
        min-height: 505px;
        border: 1px;
        border-style: dotted;
        border-color: black;
        background: #222222;
}

#translargebox1extended {
        float: left; 
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px;
        width: 880px;
        min-height: 505px;
        background-color: transparent;
}

#giantbox1 {
        float: left;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px;
        width: 980px;
        min-height: 500px;
        background-color: #000000;
}

#transgiantbox1 {
        float: left;  
        margin-top: 20px;
        padding: 10px;
        width: 980px;
        min-height: 505px;
        background-color: transparent;
}

.returnboxleft {
        float: left;
        width: 470px;
        min-height: 200px; 
        margin-top: 10px;
}

.returnboxright {
        float: right;
        width: 470px;
        min-height: 200px;
        margin-top: 10px;
}

.contactleft {
        float: left;
        width: 500px;
        min-height: 700px;
}

.contactright {
        float: right;
        width: 500px;
        min-height: 700px;
}