﻿/* Main Body - Overall Styles */

body
{
    background-image: url('../Images/gradient.jpg');
    font-family: "Segoe UI", Arial, sans-serif;
    width: 100%;
    height: 100%;
    background-repeat: repeat-x;
}

form
{
    width:1000px;
}

div#container		
{
	position:relative;
    margin: 0px auto;
	text-align: left;
	width:1000px;
}


.MainMenu
{
    z-index:100;
    }

.contentBody
{
    width: 1000px;
    background-color: white;
    height: 800px;
    position: absolute;
    left: 0px;
    top: 22px;
}  

.Window
{
    z-index:200;
    position:absolute;
    top:10px;
    left:10px;
}
    
.header
{
    font-weight:bold;
    }
    
.bigHeader
{
    font-weight:bold;
    font-size:x-large;
    }
    
    
.topJoin
{
    position: absolute;
    left: 535px;
    top: 0px;
    width: 480px;
    height: 150px;
    color: white;
    background-image: url('../Images/topbgdshw.png');
    background-repeat: no-repeat;
    z-index: 100px;
    font: normal 14px "Segoe UI" , Arial, sans-serif;
}    

.topConnect
{
    position:absolute;
    left:450px;
    top:55px;
    width:450px;
    height:70px;
    background-color:Gray;
    
    }
    
.contribute
{
    position: absolute;
    top: 145px;
    left: 838px;
    width: 160px;
    height: 45px;
    background-image: url('../Images/contributelink.jpg');
    background-repeat: no-repeat;
    color: white;
    z-index: 250;
    line-height: 50px;
    vertical-align: middle;
    font: normal x-large 'Segoe UI' , Arial, sans-serif;
    text-align: center;
    font-weight: bolder;
}
    
.contactLabel
{
    font-size:small;
    }
/* 

Information Box Styles

*/
.sideBar
{
    position:absolute;
    top:0px;
    left:760px;
    background-image:url('../Images/sidebar.png');
    width:240px;
    height:800px;
    background-repeat:repeat-x;
    }
/*.ib_generic
{
    background-image: url('../Images/bgdround.png');
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: large;
    font-family: Arial, Helvetica, sans-serif;
}
*/
.ib_join
{
    position:absolute;width:315px;height:150px;top:0px;left:10px
}

.ib_network
{
    position:absolute;left:10px;top:145px; height:275px;width:300px
}

.ib_tellbrett
{
    position:absolute;left:30px;top:370px; height:304px;width:300px
    }

.ib_contribute
{
    position:absolute;left:5px;top:435px; height:150px;width:315px
    }

.ib_return
{
     position:absolute;
     left:25px;top:50px;
     font-size:large;
     color:White;
     width:200px;
    }
    
.ib_disclaim
{
    position: absolute;
    top: 335px;
    left: 8px;
    font-size: x-small;
    width: 225px;
    text-align: center;
    font-weight: bold;
    color: #333333;
}

/*

Slideshow styles

*/

.invLink
{ 
    text-decoration:none;
}

.slideBody
{
    position:relative; top:0px;
    background-image:url('../Images/sideBar.png');
    background-repeat:repeat-x;
    height:700px;
    }

.slideCounterBody
{
    position:absolute;left:20px;top:320px;z-index:200;
    }    
    
.modalBackground {
	background-color:black;
	filter:alpha(opacity=60);
	opacity:0.6;
	position:absolute;
	left:20px;
	top:20px;
	width:290px;
	height:260px;
	z-index:100;
}    

.modalForeground {
	color:white;
	font-size:x-large;
	vertical-align:middle;
	text-align:center;
	position:absolute;
	left:25px;
	top:25px;
	width:280px;
	height:250px;
} 

.slideCounter
{
    background-color: #000000;
    color: #FFFFFF;
    border: thin solid gray;
    vertical-align:middle;
    text-align:center;
}

.slideCounterActive
{
       background-color: Maroon;
    color: #FFFFFF;
    border: thin solid gray;
        vertical-align:middle;
    text-align:center;
    
    }

.slideMore
{
    background-position: absolute;
    background-image: url('../Images/bgdMore.png');
    background-repeat: no-repeat;
    font-size: x-large;
    font-weight: bold;
    color: #FFFFFF;
    position: absolute;
    top: 321px;
    left: 510px;
    width: 250px;
    height: 35px;
    z-index: 110;
    padding: 2px 10px 2px 10px;
}

/*

Main Menu Styles

*/

.menuShadow
{
    position:absolute;top:125px;left:-15px;z-index:100;
    width:1030px;
    height:80px;
    background-image: url('../Images/shadow.png');
    }

.menu
{
  background-image: url('../Images/menu.png');
    background-repeat:repeat-x;  
    background-color:Black;
 width:1000px;
 height:30px;
 color:White;
 font-size:medium;
 }

.menuItem
{text-align:center;
 width:100px;
 }

.menuItemOver
{
    border-width: thin;
    text-align: center;
    width: 100px;
    font-weight:bold;
    border-color:White;
    border-bottom-style:solid;
}

.menuLink
{
    text-decoration:none;
    }

.subMenu
{
    font-weight:bold;
    
    }
    
.subMenuItemRight
{
    width: 50%;
    padding:5px;
    text-align:center;
}
    
.subMenuItemLeft
{
    width:50%;
    padding:5px;
    text-align:center;
    }
    
/*
  Contact Page Styles
*/
.contactBackground
{
    background-image: url('../Images/choices.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}

.menuButton
{
    text-align:center;
    vertical-align:middle;
    font-size:large;
    
    }
    
.override
{
    position:absolute;
    top:10px;
    left:10px;
    }
    
 /*

Blog Post Styles

*/

.blogParagraph
{
    width:690px;
    }

.blogPicture
{
    margin: 10px;
    border: thin solid #000000;
    font-size: large;
}
    
    
.blogHeader
{
    position:relative;
    left:-10px;
    padding: 1px 1px 1px 5px;
    background-color: #CCCCCC;
    font-weight: bold;
    color: #000000;
    width: 690px;
    height: 30px;
    line-height: 35px;
    vertical-align: middle;
    margin: 2px 0px 2px 2px;
    font-size: large;
}

.blogSummaryHeader
{
    font-size:x-small;
    }
    
a.blogSummaryHeader
{
    font-size:x-small;
    text-decoration:none;
    color:White;
    }    
    
.blogSummaryTitle
{
    font-size:medium;
    font-weight:bold;
    }

a.blogSummaryTitle
{
    color:white;
    text-decoration:none;
    }
    
a.blogHistoryTitle
{
    font-size:large;
    color:Black;
    text-decoration:none;
    }

/*
Secondary Page Styles
*/

.contentLeft
{
    position: absolute;
    width: 700px;
    top: 50px;
    left: 25px;
}

.contentRight
{
    position: absolute;
    top: 0px;
    left: 720px;
    width: 280px;
    background-color: #993333;
}

.contentHeader
{
    position: absolute;
    top: 10px;
    left: 15px;
    color:Maroon;
    font-size:xx-large;
    }

    
 /*

Issues Styles

*/

.issuePicture
{
    margin: 10px;
    border: thin solid #000000;
    font-size: large;
}
    
    
.issueHeader
{
    padding: 1px 0px 1px 5px;
    background-color: #CCCCCC;
    font-weight: bold;
    color: #000000;
    width: 690px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    margin: 2px 0px 2px 2px;
    font-size: large;
}

.issueSummaryHeader
{
    font-size:x-small;
    }
    
.issueSummaryTitle
{
    font-size:medium;
    font-weight:bold;
    }

.navMore
{
    font-size:medium;
    text-align:left;
    }

/* Other Styles */

 
.bottomEvent
{
    background-image: url('../Images/bottomBox.png');
    position:absolute;
    top:0px;
    left:-5px;
    width:355px;
    height:355px;
    background-repeat: no-repeat;
}

.bottomBlog
{
    background-image: url('../Images/bottomBox.png');
    position:absolute;
    top:0px;
    left:-5px;
    width:355px;
    height:355px;
    background-repeat: no-repeat;
}

.bottomTwitter
{
    background-image: url('../Images/twitterline.png');
    position:absolute;
    top:0px;
    left:0px;
    width:980px;
    height:210px;
    background-repeat: no-repeat;
    color:Black;
}
.bottomVideo
{
    background-image: url('../Images/bottomBox.png');
    position:absolute;
    top:0px;
    left:-5px;
    width:355px;
    height:355px;
    background-repeat: no-repeat;
}
.bottomBoxText
{
    position:absolute;
    top:55px;
    left:15px;
    width:320px;
    color:White;
    }



.bottomBoxTitle
{
    position:absolute;
    top:15px;
    left:15px;
    font-size:x-large; 
    font-style:italic;
    font-weight:bold; 
    color:White;
    width:330px;
    }

.navTop
{
    text-align:right;
    font-size:x-small;
    }
    
    
a#divTweet
{
    color: Black;
    
}
