/*************************************************/
/*Style Sheet Information*/
/*Created By: Anthony Arriaga*/
/*Company: Resource Data Inc. */
/*Last Updated Author: Anthony Arriaga*/
/*Last Updated Date: 4/12/2010*/
/*************************************************/

body
{
	background-color:#005500;
	background-image:url('../images/body_background.jpg');
	background-repeat:repeat-x;
	font-family:Sans-Serif !important;
}

#header
{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('../images/JMFbanner_final.jpg');
	height:212px;
	border:solid 1px black;	
}
/*************************************************/
/*Unique Styles to be used throughout the website*/
/*************************************************/
h1
{
	margin:0;
	text-align:left;	
}
hr
{
	color:#005500;	
}

.bold
{
	font-weight:bold;	
}

.emphasis
{
	font-style:oblique;	
}

.note
{
	font-size:.8em;
	font-style:italic;	
}

/*Gives divs rounded corners*/
.rounded {
  -moz-border-radius:3ex;
  -webkit-border-radius:3ex;
} 

.topPadding
{
	padding-top:15px;	
}

p 
{
    font-size: .90em;
}
/*****************************************************************************/
/*Divs in the master page to control the look and feel throughout the website*/
/*****************************************************************************/
#menuSurroundDiv
{
	width:980px;
	margin-left:auto;
	margin-right:auto;	
	background-image:url('../images/menu_background.gif');
	border-right:solid 1px black;
	border-left:solid 1px black;
}

#contentSurroundDiv
{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	border: solid 1px black;
	background-image:url('../images/surround_content_background.jpg');
	background-position:left top;
	background-repeat:repeat-x;
	background-color:White;
}

#contentDiv
{
	padding:10px 10px 20px 10px;
	clear: both;
}

#footer
{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:.75em;
	padding:0;
	color:black;
}

#footer .footerList li
{
	display:inline;
	list-style-type:none;	
}

#footer a
{
	color:black !important;
	text-decoration:none !important;	
}

#footer a:hover
{
	color:#009900 !important;
	text-decoration:none !important;
}

#banner
{
	width:980px;
	margin-left:auto;
	margin-right:auto;	
}

/*****************************************************************************/
/*Divs to be used in content pages*/
/*****************************************************************************/
.divFullAndLeft
{
	width:100%;
	text-align:left;	
}

.divFullAndRight
{
	width:100%;
	text-align:right;	
}

.divFullAndCenter
{
	width:100%;
	text-align:center;	
}

/*****************************************************************************/
/*Styles to create the CSS navigation at the top of all the pages*/
/*****************************************************************************/
#modernbricksmenu{
padding: 0;
width: 100%;
background:transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold .8em Cambria, Arial, Times New Roman;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: black;
margin: 0 0 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background:transparent url('../images/menu_background.gif') no-repeat left top;
border-left: 1px solid #000000;
width:138px;
text-align:center;
}

#modernbricksmenu .Special  a
{
    float: right;
    background:transparent url('../images/menu_background_special.gif') repeat left top;
    color: #FFFFFF;
}

#modernbricksmenu a:hover{
    background:transparent url('../images/menu_background_hover.gif') repeat-x left top;
}

#modernbricksmenu .Special  a:hover 
{
    color: #000000;
}

/*Could be use to make nav menu a dropdown menu too */	
ul#navMenu li ul {
    display: none;
}
ul#navMenu li:hover > ul {
    display:block;
}



/*****************************************************************************/
/*Styles used for displaying images and titles side by side*/
/*****************************************************************************/
.Frame
{
    clear: both;
}
.NoImage, .NoImage li
{
    list-style: none;
    list-style-type: none;
}
.FrameImage 
{
    float: left;
    width: 400px;
	padding:20px 0 0 0;
}
.SponsorFrameImage 
{
    float: left;
    width: 400px;
    padding:20px;
}
.LastYearFrameImage
{
    float: left;
    width: 400px;
    height: 300px;
}
.FrameImage a, .FrameImage a:link, .FrameImage a:hover, .FrameImage a:active. .FrameImage a:visited
{
    margin-left: -1000px;
}
.FrameHeading 
{
    float: left;
	padding-left: 15px;
}
.FrameHeading div /*we use this for headings which have text longer than 365 px...elswise some browsers will not display content correctly*/
{
    width: 300px;
    float: none;
}
        
#
.style1
{
    width: 800px;
    height: 600px;
}

/*****************************************************************************/
/*Styles used for miscellaneous things*/
/*****************************************************************************/
.TitleSpace
{
    float: left;
    width: 650px;
}
.TitleLink
{
    float: left;
    width: 100px;
    height: 60px;
    text-align: center;
    padding: 5px;
    background-color: #008080;
    vertical-align: middle;
}
.TitleLink a
{
    text-decoration: none;
    width: 90px;
    height: 20px;
    color: #FFFFFF;
}

.Button a:hover, .Button a:active
{
    background: #008080;
    color: #FFFFFF;
}

.leftfooter {
	float:left;
	width:400px;
	text-align:left;
}

.rightfooter {
	float:right;
	width:400px;
	text-align:right;
}

img {
	padding:10px;
}