/******************************************************************
						 Start general styles
******************************************************************/
/* NOTE: min-width should be set to fit a 800x600 resolution monitor.  It is set
less than 800 to compensate for the side scroll bar. */

body {
	margin: 0 auto; 
	padding: 0; 
	font-size: .75em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: url(null) fixed no-repeat #fff;
	color: #000;
	min-width: 780px;
}

/* Heading styles*/
h1 {
	font-size: 1.7em;
	background-color: inherit;
	color: #066;
	margin: 10px 0 0;
}

h2 {
	padding: 10px 0 0;
	font-size: 1.3em;
	font-weight: 700;
	background-color: inherit;
	color: #063;
	font-style: italic;
	}

h3 {
	font-size: 1em;
	font-weight: bold;
	background-color: inherit;
	color: #696;
}


h4 {
	font-size: 1em;
	background-color: inherit;
	color: #39979D;
	font-style: italic;
}

h5 {
	font-size: 0.9em;
	background-color: inherit;
	color: #000;

}

/* Set the default font size to 1em.  1em is the natural font size (or 100%) 
for a given html element. */
p,tr,td,ol,li,ul,table {
	font-size: 1em;
}

/* Styles for form elements.  The width and height is set in em's to make them 
scalable on browser font resize by user */ 
input.checkbox {
	width: 1.5em;
	height: 1.5em;
}

input.radio {
	width: 1.5em;
	height: 1.5em;
}

fieldset {
	padding: 10px;
	margin: 10px;
}

legend {
	font-size: 1em;
	font-weight: bold;
	background-color: inherit;
	color: #485178;
	padding: 0 10px 0 3px;
}

cite {
	margin-top: 10px;
	font-weight: bold;
	font-size: 1em;
}

/* use this style if you want to hide an element.  Currently used to 
hide the h1 header on the site so if the client browser supports css then 
the image is dispalyed otherwise the h1 text is displayed. */
.hiddenElement {
	display: none;
}

/* Used to clear elements within the page.  This clear has a 1px height on it 
which means that it gives a small gap between the cleared elements. */
.clear {
	clear: both;
	height: 1px;
}

/* As above, used to clear elemtns within the page */
.clearboth { 
	clear: both;
}

.error {
	color: #ff0000;
	background: url(../images/exclamation_mark.jpg) no-repeat left top;
}

ul.error {
	padding-left: 60px;
	margin: 0 0 0 10px;
	list-style-type: none;
}

/******************************************************************
						 End general styles
******************************************************************/

/******************************************************************
						 Start header/banner styles
******************************************************************/
#header {
	display: block;
	background-color: #007575;
	color: inherit;
	width: 100%;
	height:72px;
	border-bottom: 1px solid #ccc;
	min-width:800px;
	background-image: url(/images/bg_tile.jpg);
	background-repeat:repeat-x;
}

#header div.header1 {
    width:350px;
	margin: 0;
	padding: 0;
	background-image: url(/images/crest.png);
	background-repeat:no-repeat;
	height:72px;
	float:left;
	overflow:hidden;
	background-position:10px 8px;

	}


#headtitle 
{
	padding: 0;
	background-image: url(/images/lobbyist_register.jpg);
	background-repeat:no-repeat;
	height:72px;
	width:368px;
	float:right;
	overflow:hidden;
	}


.clearHeader {
	clear:both;
	margin: 0;
	padding: 0;
	height: 1px;
}



/******************************************************************
						 End header/banner styles 
******************************************************************/

/******************************************************************
						Start page content styles
******************************************************************/
/* the main div for the page.  This div has two borders
175px wide (can be resize if required) to hold the left and right
menus */
#container {
	position: relative;
	display: block;
	/* background-image: url(/images/right_menu_background.gif); */
	background-repeat: repeat-y;
	background-position: right;
	border-left: 180px solid #1D7373;
	min-height: 360px;
	background-color: #fff;
}

/* refer to the mods.css to make changes to IE browser for this style */
/* This div holds the main text for a given page. I.e the middle section of the page. */
#content {
	display: block; 
	margin-left: 10px; 
	margin-right: 180px;
	height: 1%;
	font-size: 1em;
	top: 0;
	left: 0;
	background-color: #fff;
}

#content p {
	line-height: 1.5;
	letter-spacing: .02em;
	background-color: inherit;
}

#content li {
	line-height: 1.8;
	letter-spacing: .02em;
	background-color: inherit;
}

.nobullet 
{
	list-style:none;
}
 

/* last updated date stamp style */
#lastUpdated {
	font-size : .9em;
	padding: 0;
	color: #666666;
	background-color: #fff;
}

ul li ul li {
	padding-top: 5px;
	list-style-type: none;
	background-color: #fff;
}

ol.alpha {
	list-style: lower-alpha;
	background-color: #fff;
}

td ul {
	margin-left: 20px;
	margin-bottom: 0px;
	background-color: #fff;
}

tr.heading {
	background-color: #F0F7FF;
}

th.heading {
	background-color: #F0F7FF;
}

.quote {
	margin-right: 20px;
	margin-left: 20px;
	background-color: #fff;
}

/* link style for back to top link on pages */
.backToTop {
	position: relative;
	float: right;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: bold;
	font-size: .95em;
	vertical-align: bottom;
	background-color: #fff;
}

.address {
	margin-left: 25px;
}

/*********************************************
               Start Side by side Div
*********************************************/
#wrapper {
	width:100%;
	margin:5px auto;
	padding:5px;
	overflow:hidden;/*contain inner floats*/
	background:#FFF;
}

#left 
  {
	float: left;
	padding: 2px;
	margin: 5px;
	background: #FFF;
	width: 100px;
 	
  }
#right 
   {
    float: left;
	padding: 2px;
	margin: 6px;
	background: #FFF;
	width: 550px; 
    margin-left:5px;
   }
/*********************************************
               End Side by side Div
*********************************************/

/******************************************************************
						Start Page Image/Text Columns 
******************************************************************/

#imageColumn {
	width: 186px;
	float: left;
	margin: 20px 20px 0 0;
	border: 1px solid #fff;
	display: block;
}

#textColumn {
	padding-top: 5px;
}

/*#textColumn ul {
		margin-left: 35px;
	 Hides from IE-mac and Mozilla based browsers\
		margin-left: 195px;
	 End hide 
}*/


#textColumn ul {
		margin-left: 15px;
	/* Hides from IE-mac and Mozilla based browsers\*/
		margin-left: 225px;
	/* End hide */
}


#textColumn ul.index {
		margin-left: 15px;
	/* Hides from IE-mac and Mozilla based browsers\*/
		margin-left: 225px;
	/* End hide */
}

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

#imageColumn li {
	position: relative;
  	float: left;
	width: 180px;
  	margin: 0;
	margin-bottom: 20px;
	background-color: #fff;
	display: inline;
}

#imageColumn li .thumbnail {
	width: 180px;
	float: left;
	padding: 5px 0 0 5px;
	border: 1px solid #ccc;
	background-repeat: no-repeat;
}

#imageColumn li .thumbnail p{
	font-size: .95em;
	margin: 0 2px 0 0 ;
	padding: 0; 
	background-color: transparent;
}

#imageColumn li .thumbnail p.enlarge{
	padding: 0;
	margin: 0;
	margin-top: 5px;
	background-image: url(/images/enlarge.gif);
	background-repeat: no-repeat;
	background-position:right;
	padding-right: 18px;
	height: 18px;
	text-align:right;
}

#imageColumn li .thumbnail a:link,
#imageColumn li .thumbnail a:visited {
	text-decoration: none;
	color: #387EA9;
	border: none;
}

#imageColumn li .thumbnail a:hover {
	text-decoration: underline;
	border: none;
}
/******************************************************************
						End page content styles
******************************************************************/

/******************************************************************
						Start Page Link styles
******************************************************************/
/* if different colours are required for normal links then set them here. */
a:link { 
	text-decoration : underline;
	color : #0000ff;
	background-color: inherit;
}
a:visited { 
   text-decoration : underline;
   color : #0000ff;
   background-color: inherit;
}
a:hover {
	text-decoration : underline;
	color : #5643A3;
	background-color: inherit;
}
a:active {
	/* no styles set for the active state of default link */

}

.externalLink{
	/*this is not yet implmented however the style is being applied across all external links*/
}


/******************************************************************
						End Page Link
******************************************************************/

/******************************************************************
						Start page index
******************************************************************/
/* if different colours are required for page index links then set them here. */
ul.index {
	list-style-image: url(/images/chevron_transparent.gif);
	padding-bottom: 4px;
	background-color: #fff;
}

ul.index a:link, li.index a:visited {
	text-decoration : underline;
	color: #0000ff;
	background-color: inherit;
	background-color: #fff;
}

ul.index a:hover, li.index a:active {
	color : #5643A3;
	background-color: inherit;
	background-color: #fff;
}

li.index {
	list-style-image: url(/images/chevron_transparent.gif);
	background-color: #fff;
}
/******************************************************************
						End page index
******************************************************************/

/******************************************************************
		  				Start images styles
******************************************************************/
/* these are images with captions */
div.image_align_right, div.image_align_left {
	border: 1px solid #ccc;
	padding: /*0.3em*/ 3px;
	display: block;
}

/* left aligned by floating image to the left.  The margins 
are there to set a gap between image and text */
div.image_align_left {
	float: left;
	margin: 5px 10px 3px 0;
}

/* right aligned by floating image to the right  The margins 
are there to set a gap between image and text */
div.image_align_right {
	float: right;
	margin: 5px 0 10px 15px;
}


/* set the caption style here */
/* This paragraph style is for the caption within the image */
div.image_align_right p, div.image_align_left p {
	padding: 0;
	margin: 0;
}

div.image_align_right p.caption, div.image_align_left p.caption {
	text-align: center;
	text-indent: 0;
	font-size: .9em;
	font-weight: normal;
	background-color: #eee;
	color: inherit;
}

div.caption_side_text {
	border: 1px solid #ccc;
	background-color: #fff;
	clear: both;
	margin: 5px;
	/* width and height defined on actual div tag */
}

div.caption_side_text div {
	width: 100%;
	height: 100%;
	border: 2px solid #fff;
	background-color: #eee;
}

div.caption_side_text img {
	float: left;
	margin-right: 5px;
}

div.caption_side_text p {
	font-size: 90%;
}
/******************************************************************
		  				End images styles
******************************************************************/

/******************************************************************
                Start FAQ Formatting
******************************************************************/
p.question {
	color:#696;
	font-size:14px;
	font-weight: bold;
	margin-top: 25px;

}

/******************************************************************
                End FAQ Formatting
******************************************************************/

/******************************************************************
		  				Start warning message styles
******************************************************************/
.warning {
	color: #ff0000;
	background-color: inherit;
}
/******************************************************************
		  				End warning message styles
******************************************************************/

/******************************************************************
		  				Start a-z index styles
******************************************************************/
span.A_Z_Index_greyText {
	color: #999;
}

ul.A_Z_Index li {
	list-style-image: url(/images/chevron_transparent.gif);
}

ul.A_Z_Index li ul li {
	list-style-image: none;
	list-style-type: none;
}

ul.A_Z_Index li a:link {
	text-decoration : underline;
	color: #0000ff;
	background-color: inherit;
}

ul.A_Z_Index li a:hover, 
ul.A_Z_Index li a:active, 
ul.A_Z_Index li a:visited {
	color : #5643A3;
	background-color: inherit;
}
/******************************************************************
		  				End a-z index styles
******************************************************************/

/******************************************************************
		  				Start a-z Downloadable document styles
******************************************************************/

.downloadabledocument{
	font-size: 100%;
	font-weight: 700;
	font-style: italic;
	margin-left: 25px;
	margin-top: 25px;
}

.documentsizes{
	font-size: 90%;
	color: black;
	font-weight: normal;
}

li.document{
	padding: 0;
	margin: 10px 0 0 5px;
	list-style: url(/images/document.gif);
}

li.document_highlight {
	color: #000;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 5px;
	list-style: url(/images/document.gif);
}

li.document_highlight a {
	font-weight:bold;
}

/******************************************************************
		  				End a-z Downloadable document styles
******************************************************************/

/******************************************************************
		  				Start 'print this page' and pdf link styles
******************************************************************/
.print_media {
	position: absolute;
	margin-right: 200px;
	right: 0;
	top: 1px;
	border-left: 1px solid #ccc;
	padding-left: 15px;
}

.print_media a, 
.print_media a:link,
.print_media a:hover,
.print_media a:visited,
.print_media a:active {
	text-decoration: none;
	color: #0000ff;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.print_media a img {
	margin-left: 0;
	margin-bottom: -6px;
}
/******************************************************************
		  				End 'print this page' and pdf link styles
******************************************************************/


/******************************************************************
Start Form Feedback Dialogue Box Styles - Steven Tein Added 2010-02-05
******************************************************************/
		
.dlgBoxOk {
	border:1px solid #090;
	margin-left:260px;
	padding:20px 20px 20px 50px;
	background-image:url(/images/tick_small.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#fff;
}


.dlgBoxError {
	border:1px solid #C60005;
	/* margin-left:260px;*/
	margin-left:20px;
	padding:20px 20px 20px 50px;
	background-image:url(/images/cross_small.png);
	background-repeat:no-repeat;
	
	background-position:10px 10px;
	background-color:#fff;
}

.dlgBoxWarning {
	border:1px solid #bd7a06;
	background-image:url(/images/warning_small.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#f0f0f0;


	padding:20px 20px 20px 50px;

}



/******************************************************************
End Form Feedback Dialogue Box Styles - Steven Tein Added 2010-02-05
******************************************************************/


/******************************************************************
Start Lobbyists V3 Form Styles - Steven Tein Added 2010-02-05
******************************************************************/

#profile {
	border:1px solid #555;
	background-color: #efefef;
	padding:0 20px;
	margin:20px;
	margin-top:0;
	overflow: auto;
}
#profile h2 {
	background-image:url(/images/h2_bg_tile.jpg);
	background-repeat:repeat-x;
	background-color:#9CC;
	padding-left:10px;
	margin:0 -20px 0 -20px;
	padding-bottom:5px;
	padding-top:3px;
}


#profile li {list-style-type:square}

#profile hr {
	border:0;
	height:1px;
	color:#999;
	background:#999;
	margin:20px 0;
}

#profile label {
	width:200px;
	text-align:right;
	display:block;
	float:left;
	padding-right:10px;
	padding-top:3px;
}

#profile input[type=text] {
	border:1px solid #ddd;
	padding:2px;
	width:250px;
}

#profile textarea {
	border:1px solid #ddd;
	padding:2px;
	width:250px;
}

#profile .footnote {
	padding-left:210px;
	font-style:italic;
	font-size:0.8em;
}

#proform {
	border:1px solid #003300;
	width:450px;
	background-color: #efefef;
	padding:0 20px;
	margin:20px;	
}
#proform h2 {
	background-color:#9CC;
	padding-left:5px;
	margin:0 -20px 0 -20px;
	padding-bottom:7px;
}


#proform li {list-style-type:square}

#proform hr {
	border:0;
	height:1px;
	color:#999;
	background:#999;
	margin:20px 0;
}

#proform label {
	width:100px;
	text-align:right;
	display:block;
	float:left;
	padding-right:10px;
	padding-top:3px;
}

#proform input[type=text] {
	border:1px solid #ddd;
	padding:2px;
	width:250px;
}

#proform textarea {
	border:1px solid #ddd;
	padding:2px;
	width:250px;
}

#proform .footnote {
	padding-left:260px;
	font-style:italic;
	font-size:0.8em;
}


.agencyAJAXContainer {
	padding:5px 20px;
	
}


#tabNavigation
	{
		width: 100%;
		padding:0px;
		margin:0px;
		padding-top:20px;
		padding-left:30px;
	}

#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, 
#tabnav a:visited
	{
		float: left;
		background: #fff;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, 
#tabnav a:visited.active
	{
		border-bottom: 1px solid #000;
		font-size: 12px;
		background: #efefef;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}
	
	
.smallButton {
	margin-left:10px;
	border: 0; 
	background: transparent; 
	background-image:url(/images/SmallGold.png); 
	background-repeat:no-repeat; 
	width:131px; 
	height:25px;
	color:#fff;
	font-size:7pt;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	padding-top:0;
	padding-bottom:4px;
	
}

.smallNarrowButton {
	margin-left:10px;
	border: 0; 
	background: transparent; 
	background-image:url(/images/SmallNarrowGold.png); 
	background-repeat:no-repeat; 
	width:70px; 
	height:25px;
	color:#fff;
	font-size:7pt;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	padding-top:0;
	padding-bottom:4px;
}


.mediumButton {
	border: 0; 
	background: transparent; 
	background-image:url(/images/MediumGold.png); 
	background-repeat:no-repeat; 
	width:131px; 
	height:35px;
	color:#fff;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	padding-top:0;
	padding-bottom:4px;
	
}


.largeButton {

	border: 0; 
	background: transparent; 
	background-image:url(/images/Large.png); 
	background-repeat:no-repeat; 
	width:350px; 
	height:50px;
	color:#fff;
	font-size:14pt;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	padding-top:0;
	padding-bottom:4px;
	
}


button {
	cursor:pointer;	
}

/******************************************************************
End Lobbyists V3 Form Styles - Steven Tein Added 2010-02-05
******************************************************************/

/*****************************************************************
              Start Floating info 
******************************************************************/
#boxy {
	position: relative;
	float: right;
	color: inherit;
	width: 174px;
	margin-top: 1px;
	margin-right: 10px;
	margin-left: 10px;
}

/*****************************************************************
              End Floating info 
******************************************************************/
/* ---------------EndInpage links styles------------- */

/*copied from PMs site*/

.infoblock {
	border:1px solid #ccc;
	margin:0px 0 0px;
	padding:1px;
	width:173px;
}

.infoblock h1 {
	font-size: 1.10em;
	height: 20px;
	padding-left: 5px;
	padding-top: 7px;
	/*padding-bottom: 0;*/
	color: #fff;
	background-color: #066;
	background-image:  url(/images/infoblock_link.gif);
	background-repeat: repeat-y;
	margin-bottom: 10px;
	margin-top: 0px;
	}

.infoblock p {
	font-size: 0.5em;
	letter-spacing: 0 !important;

}

.infoblock ul {
	padding-left:18px;	
}

.infoblock ul li {
	line-height:1.5 !important;
	letter-spacing: 0 !important;
}

.infoblock h1.search {

	background-image:  url(/images/infoblock_search.gif);

	background-repeat: no-repeat;

}



.infoblock h1.contact {

	background-image:  url(/images/infoblock_background.gif);

	background-repeat: no-repeat;

}

.infoblock h2 {
	font-size: 1.95em;
	height: 20px;
	padding-left: 5px;
	padding-top: 7px;
	/*padding-bottom: 0;*/
	color: #fff;
	background-color: #eee;
	margin-bottom: 10px;
	margin-top: 0px;
	}


.infoblock p {

 	margin: 0 5px 5px 7px;

	font-size: 0.95em;

}



.infoblock a:link, .infoblock a:visited {

	color: #126bc5;

	text-decoration: none;

}



.infoblock a:hover, .infoblock a:active {

	text-decoration: underline;

}