/************ start CSS ***************/


/************ body style *************/

body {
	margin: 0; 
	padding: 0;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: small;
	color: black;
	}
	h1,h2,h3,h4,h5,h6 { 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		color: #000;
		/*color: #FF7F00;*/ 
		}
		
	img { 
		background: #fff; 
		border: 1px solid #aaa #ccc #ddd #bbb; 
		padding: 3px; 
		margin: 0 5px 0 3px ; 
		}
		
	hr { 
		height: 1px; 
		width: 98%; 
		text-align: left;
		text-shadow: none; 
		}
		
/******* hyperlink and anchor tag styles *******/

a:link, a:visited { 
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	color: #0062B2; 
	text-decoration: none; 
	}
	
a:hover { 
	text-decoration: underline; 
	}

/******* page layout styles ******************/

#header { 
	background-color: #598AB2;
	padding: 0;
	margin:	0;
	/*border-bottom: 1px solid #FFDFBF;*/
	}
	#header img { 
		border: none; 
		background: none;
		} 
		
	#header h4 { 
		color: #000 /*#FFBF7F;*/ 
		font-style: italic; 
		padding: 0; 
		margin: 0; 
		position: absolute; /*removes header text from flow of doc for header logo positioning*/
		top: 1em; 
		left: 25%;  
		}
		
	#header .logo {
	 	margin: 0; 
	 	padding: 0;
		}
/*Single Column Pages*/	
#singleColumn { margin: .75em; }
	#singleColumn .indent { text-indent: 2.5em; margin: 0 0 0.5em 0; padding: 0; }
	#singleColumn .mainHeading { font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; }
	#singleColumn .subHeading { font-family: Arial, Helvetica, sans-serif; font-size: small; font-style:italic; font-weight: bold; }
	#singleColumn .altHeading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-style: italic; }
	#singleColumn .baseHeading { font-family: Georgia, "Times New Roman", Times, serif; font-size:medium; font-style:normal; font-weight: bold; }
	#singleColumn .capitolBulletin { font-family:"Cooper Black"; font-size:small; font-style: normal; font-weight: normal; }
	#singleColumn .captionText { font-family: "Times New Roman", Times, serif; font-size: small; text-align: justify; }
	#singleColumn .noPadding { margin: 0; padding: .57em 0 .25em 0; }
	#singleColumn .resetImg { border: solid #FFFFFF 0px; padding: 0; margin: 0; }
	#singleColumn .altImg { border: none; background: none; padding: 0; margin: 0; }
	#singleColumn p .initcap { font-size: 1.75em; font-family: "Script MT Bold"; font-style: bold; background-color: #FFF; }
	#singleColumn .link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-style: italic; }
	
/*Left Column*/
#left {
	float: left;
	width: 48%;
	margin: .75em;
	}
	
	#left .indent { text-indent: 2.5em; margin: 0 0 0.5em 0; padding: 0; }
	#left .mainHeading { font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; }
	#left .subHeading { font-family: Arial, Helvetica, sans-serif; font-size: small; font-style:italic; font-weight: bold; }
	#left .altHeading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-style: italic; }
	#left .baseHeading { font-family: Georgia, "Times New Roman", Times, serif; font-size:medium; font-style:normal; font-weight: bold; }
	#left .capitolBulletin { font-family:"Cooper Black"; font-size:small; font-style: normal; font-weight: normal; }
	#left .captionText { font-family: "Times New Roman", Times, serif; font-size: small; text-align: justify; }
	#left .noPadding { margin: 0; padding: 1em 0 .25em 0; }
	#left .resetImg { border: solid #FFFFFF 0px; padding: 0; margin: 0; }
	#left .altImg { border: none; background: none; padding: 0; margin: 0; }
	#left p .initcap { font-size: 1.75em; font-family: "Script MT Bold"; font-style: bold; background-color: #FFF; }
	#left .link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-style: italic; }

/*Right Column*/
#Right {
	float: left;
	width: 48%;
	margin: .75em;
	}
	
	#right .indent { text-indent: 2.5em; margin: 0 0 0.5em 0; padding: 0; }
	#right .mainHeading { font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; }
	#right .subHeading { font-family: Arial, Helvetica, sans-serif; font-size: small; font-style:italic; font-weight: bold; }
	#right .altHeading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-style: italic; }
	#right .baseHeading { font-family: Georgia, "Times New Roman", Times, serif; font-size:medium; font-style:normal; font-weight: bold; }
	#right .capitolBulletin { font-family:"Cooper Black"; font-size:small; font-style: normal; font-weight: normal; }
	#right .captionText { font-family: "Times New Roman", Times, serif; font-size: small; text-align: justify; }
	#right .noPadding { margin: 0; padding: 1em 0 .25em 0; }
	#right .resetImg { border: solid #FFFFFF 0px; padding: 0; margin: 0; }
	#right .altImg { border: none; background: none; padding: 0; margin: 0; }
	#right p .initcap { font-size: 1.75em; font-family: "Script MT Bold"; font-style: bold; background-color: #FFF; }
	#right .link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-style: italic; }
	
/*Site Footer*/
#footer {
	clear: both;
	background-color: #FFBF7F;
	padding-top: 2px;
	text-align: center;
	color: #598AB2;
	}

/***************** stacks pictures on top of each other ***************/	 
#pictureStack, { 
	display: block; 
	background: none;
	float: left;
	width: inherit;
	margin: 0; 
	padding: 0; 
	}
#pictureStack img{
	background: #FFF; 
	border: 1px solid #AAA #CCC #DDD #BBB; 
	padding: 3px; 
	margin: 0 0px 5px 0px ; 
	} 	 


/********************* Boxes and Nav Bars *************************/
#box { display: block; background-color: #DDDDDD; margin: 2em 0em .5em 0em; }
#boxWhite { display: block; background-color: #FFFFFF; margin: 2em 0em .5em 0em; }
#boxYellow { display: block; background-color: #FFFFCC; margin: 2em 0em .5em 0em; }
#topBox { display: block; background-color: #DDD; width: auto; margin: 0em 0em .5em 0em; padding: 5px; }
#barRight { display: block; float:left; background-color: #DDDDDD; float: right; width: 240px; background-image: url(../images/global/lowerLeft-RoundedCorner-lightGrey.gif); background-repeat: no-repeat; background-position: bottom left; margin: 0 0 10px 10px; padding: 0 0 0px 0; }
#boxRight { float: right; width: 48%; /*padding: 5px 10px 1em 0;*/ }
#boxLeft { float: left; width: 48%; /*padding: 5px 0 1em 10px;*/ }

/********************* Picture with Caption *************************/
#pictureRightSmall { float: right; width: 150px; background-color: #CCC; border-style: solid; border: 1px #0062B2; padding: 5px; margin: 0em 0em 0em .5em; }
#pictureRightMed { float: right; width: 250px; background-color: #CCC; border-style: solid; border: 1px #0062B2; padding: 5px; margin: 0em 0em 0em .5em; }
#pictureRightLarge { float: right; width: 400px; background-color: #CCC; border-style: solid; border: 1px #0062B2; padding: 5px; margin: 0em 0em 0em .5em; }
#pictureLeftSmall { float: left; width: 150px; background-color: #CCC; border-style: solid; border: 1px #0062B2; padding: 5px; margin: 0em .5em 0em 0em; }
#pictureLeftMed { float: left; width: 250px; background-color: #CCC; border-style: solid; border: 1px #0062B2; padding: 5px; margin: 0em .5em 0em 0em; }
#pictureLeftLarge { float: left; width: 400px; background-color: #CCC; border-style: solid; border: 1px #005FA9; border: 1px #0062B2; padding: 5px; margin: 0em .5em 0em 0em; }

/********************** Convention Heading ***************************/
#conventionHeading { font-size:24px; font-family: "Times New Roman", Times, serif; color:#FFF; }

/*Lists in three columns*/

#info dl { 
  clear:both;
  width:500px;
  height:8em;
  margin:2em auto;}
#info dt {
  margin-bottom:1em; 
  font-weight:bold;}
#info dd {
  width:33%; 
  float:left; 
  margin:0;}

#info ol.first {
  counter-reset:item 0;}
#info ol.second {
  counter-reset:item 5;}
#info ol.third {
  counter-reset:item 9;}

#info ol li {
  display: block;}
#info ol li:before {
  content: counter(item) ". "; 
  counter-increment: item 1;}
  
/*clear Fix*/
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */