/*
css for Brian C.T. Jones, P.C.
*/



/** { padding: 0; margin: 0; }*/

body {
	
 background-image: url(images/flag_background.jpg);
 background-position: top center;
 background-repeat: no-repeat;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#000044;
}

h1 { font-size:22px; color:#FFFFFF; text-align:center }
h2 { font-size:20px; }
h3 { font-size:15px; }
h4 { font-size:14px; color:#FFFFFF; text-align:center }


#wrapper { 
 margin: 0 auto;
 width: 1030px;
}

#header {
 color: #333;
 width: 1020px;
 float: left;
 padding: 5px;
 border: 0px;
 height: 200px;
 margin: 10px 0px 0px 0px;
 background: #fff;
}

#navigation {
 float: left;
 width: 1020px;
 color: #fff;
 height: 30px;
 padding: 12px 5px;
 border: 0px;
 margin: 0px 0px 0px 0px;
 background: #131859;
 vertical-align: middle;
}


#nav-menu ul {
 list-style: none;
 padding: 0;
 margin: 0;
} 

#nav-menu li { 
 float: left;
 /* width between buttons */
 margin: 0 0.4em;
} 

#nav-menu li a {
background: #ba1f25;
height: 2em;
line-height: 2em;
float: left;
width: 12em;
display: block;
border: 0.1em solid #FFFFFF;
color: #FFFFFF;
text-decoration: none;
text-align: center;
font-weight: bold;
}

#nav-menu li a:hover {
background: #094a84;
height: 2em;
line-height: 2em;
float: left;
width: 12em;
display: block;
border: 0.1em solid #FFFFFF;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a {
float: none
}
/* End hide */

/*
This is optional, but if we don't assign one then menu items on the right may 
be pushed below the others if users resize their screens. Our new CSS command is:
#nav-menu {
width:30em
} 
*/



/* ------- PROFILE PAGE SETTINGS -------  */

#profileImage {
    border: 2px solid #FFF;
	float: left;
	margin-right: 10px;
}

#videoImage1 {
    border: 2px solid #FFF;
	/* float: left; */
	margin-right: 10px;
}

#videoImage2 {
    border: 2px solid #FFF;
	/* float: left;  */
	margin-right: 10px;
}

#videoImage3 {
    border: 2px solid #FFF;
	/* float: left;  */
	margin-right: 10px;
}

#videoImage4 {
    border: 2px solid #FFF;
	/* float: left;  */
	margin-right: 10px;
}

#videoImage5 {
    border: 2px solid #FFF;
	/* float: left;  */
	margin-right: 10px;
}


#leftcol50 { 
 color: #fff;
 border: 0px;
 background-color:transparent;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 550px;
 width: 500px;
 float: left;
}

#rightcol50 {  
 color: #fff;
 border: 0px;
 background-color:transparent;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 550px;
 width: 500px;
 float: left;
}

#uppercenterProfile {
 background-image: url(images/flag_box.jpg);
 background-position: center center;
 color: #333;
 width: 1020px;
 float: left;
 padding: 5px;
 border: 0px;
 height: 55px;
 margin: 0px 0px 0px 0px;
 display: inline; 
}

/* --------- END PROFILE PAGE SETTINGS ----------- */



/* ------- JONES STAND PAGE SETTINGS -------  */

#standImage {
	border: 2px solid #FFF;
	float: left;
	margin-right: 10px;
}

#uppercenterStand {
 color: #fff;
 width: 1020px;
 float: left;
 padding: 5px;
 border: 0px;
 height: 460px;
 margin: 0px 0px 0px 0px;
 background-color:transparent;
}

/* ------- END JONES STAND PAGE SETTINGS -------  */


/* ------- JONES TEAM PAGE SETTINGS -------  */

#teamImage {
	border: 2px solid #FFF;
	float: left;
	margin-right: 10px;
}

#uppercenterTeam {
 color: #fff;
 width: 1020px;
 float: left;
 padding: 5px;
 border: 0px;
 height: 400px;
 margin: 0px 0px 0px 0px;
 background-color:transparent;
}

/* ------- END JONES TEAM PAGE SETTINGS -------  */






/* ------- VOLUNTEER PAGE SETTINGS -------  */

#teamImage {
	border: 2px solid #FFF;
	float: left;
	margin-right: 10px;
}

#uppercenterVolunteer {
 color: #fff;
 width: 1020px;
 float: left;
 padding: 5px;
 border: 0px;
 height: 1220px;
 margin-left: auto;
 margin-right: auto;
 background-color:transparent;
}

#uppercenterProfileVol {
 background-image: url(images/flag_box.jpg);
 background-position: center center;
 color: #333;
 width: 1020px;
 float: left;
 padding: 5px;
 border: 0px;
 height: 55px;
 margin: 0px 0px 0px 0px;
 display: inline; 
}




/* ------- END VOLUNTEER PAGE SETTINGS -------  */




/* ------- LIMESTONE'S FUTURE PAGE SETTINGS -------  */

#uppercenterLimestone {
 color: #fff;
 width: 1020px;
 float: left;
 padding: 5px;
 border: 0px;
 height: 550px;
 margin: 0px 0px 0px 0px;
 background-color:transparent;
}

/* ------- LIMESTONE'S FUTURE PAGE SETTINGS -------  */


/* ------- NEWS AND EVENTS PAGE SETTINGS -------  */

/*#newsImage {
	border: 2px solid #FFF;
	float: left;
	margin-right: 10px;
}

#uppercenterNews {
 color: #fff;
 width: 1020px;
 float: left;
 padding: 5px;
 border: 0px;
 height: 400px;
 margin-left: auto;
 margin-right: auto;
 background-color:transparent;
}*/


#newsleftcol { 
 color: #fff;
 border: 0px;
 background-color:transparent;
 margin: 0px 0px 0px 0px;
 padding: 5px 5px 5px 5px;
 height: 900px;
 width: 500px;
 float: left;
 text-align: center;
}

#newsleftcolvid { 
 color: #fff;
 border: 0px;
 background-color:transparent;
 margin: 0px 0px 0px 0px;
 padding: 5px 5px 5px 5px;
 height: 300px;
 width: 500px;
 float: left;
 text-align: center;
}

#newsleftcolvid2 { 
 color: #fff;
 border: 0px;
 background-color:transparent;
 margin: 0px 0px 0px 0px;
 padding: 5px 5px 5px 5px;
 height: 400px;
 width: 500px;
 float: left;
 text-align: center;
}



#newsrightcol {  
 color: #fff;
 border: 0px;
 background-color:transparent;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 900px;
 width: 500px;
 float: left;
}

#newsrightcolvid {  
 color: #fff;
 border: 0px;
 background-color:transparent;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 300px;
 width: 500px;
 float: left;
}

#newsrightcolvid2 {  
 color: #fff;
 border: 0px;
 background-color:transparent;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 400px;
 width: 500px;
 float: left;
}


/* ------- END NEWS AND EVENTS PAGE SETTINGS -------  */






#leftcolumn { 
 color: #333;
 border: 0px;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 350px;
 width: 530px;
 float: left;
}


#rightcolumn {  
 background-image: url(images/flag_box.jpg);
 background-position: center center;
 float: right;
 color: #fff;
 border: 0px;
 margin: 0px;
 padding: 10px 10px 0px 10px;
 height: 350px;
 width: 470px;
 display: inline;
}




/* solid 100% width across */

#uppercenter {
 color: #333;
 width: 1020px;
 float: left;
 padding: 5px;
 border: 0px;
 height: 100px;
 margin: 0px 0px 0px 0px;
 background: #ff0000;
}




/* solid 100% width across */

#lowercenter {
 color: #333;
 width: 1020px;
 clear: both;
 padding: 10px 5px 0px 5px;
 border: 0px;
 height: 40px;
 background: #131858;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

#leftlowercenter {
 color: #333;
 width: 500px;
 float: left;
 padding: 5px;
 border: 0px;
 height: 40px;
 margin: 0px 0px 0px 0px;
 background: #131858;
 
}


#rightlowercenter {
 color: #333;
 width: 500px;
 float: left;
 padding: 5px 10px 5px 10px;
 border: 0px;
 height: 40px;
 margin: 0px 0px 0px 0px;
 background: #131858;
}





#footer { 
 font-size: 80%;
 width: 1020px;
 clear: both;
 color: #FFFFFF;
 border: 0px;
 background: #4e080f;
 padding: 5px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#bottomImageL {
  	display: inline-block;
	margin-left:160px;
	margin-right:auto; 
	padding: 5px;
}


#bottomImageR {
	display: inline-block;
	margin-left:190px;
	margin-right:auto; 
	padding: 5px;
}



#leftlowercenter a {
   outline: none;
}

#leftlowercenter a:active {
   outline: none;
}

#leftlowercenter a:visited {
   outline: none;
}

#leftlowercenter a:link {
   outline: none;
}

#leftlowercenter a:hover {
   outline: none;
}

#rightlowercenter a {
   outline: none;
}

#rightlowercenter a:active {
   outline: none;
}

#rightlowercenter a:visited {
   outline: none;
}

#rightlowercenter a:link {
   outline: none;
}

#rightlowercenter a:hover {
   outline: none;
}