/************ layout  ************/

html { background: #367986; }

body {
	margin: 0;
	font: 80% Arial, Helvetica, sans-serif;
	color: #303030;
	width: 100%;
	display: table;
	}	
	
#wrapper {	
	width: 850px;
	margin: 0 auto;
	display: table;
	}
.header {
	background: #000 url(../images/backgrounds/bodybg_top.gif) no-repeat center 0;
	height: 252px;
}
/*#menu {	
	width: 800px;
	margin: 25px auto 20px;
	padding-left: 3px; 
	}*/
	
#homepage-menu {	
	width: 800px;
	margin: 184px auto 20px;
	}

#container {	
	background: #dbdad5 url(../images/backgrounds/bodybg_bottom.gif) no-repeat 0 0;
	_background-position: -1px 0;
	overflow: hidden;
	padding: 0 77px 10px;
	width: 696px;
	zoom: 1;
	}
.home #container {
	padding-bottom: 20px;
}
#content {
	margin-right: 46px;
	margin-top: 0;
	text-align: left; 
	}
	
#right-col {
	float: right;
	text-align: right;
	width: 225px;
	margin: 8px 0 0 40px;
	}
	

/* Assignment Assistant Heading */

.hdAssignment {
	color: #fff;
	font-size: 200%;
	font-weight: bold;
	height: 37px;
	margin: 0 auto 0;
	padding: 129px 0 19px;
	text-align: center;
	width: 800px;
}
.hdAssignment a, .hdAssignment a:link, .hdAssignment a:visited {
	color: #fff;
	display: block;
	width: 100%;
}


/************ home characters  ************/

ul.homecharacters {
	list-style: none;
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
}
ul.homecharacters li {
	float: left;
	height: 132px;
	margin-top: 10px;
	overflow: hidden;
	position: relative;
}
ul.homecharacters strong {
	display: block;
	background: #000;
}
ul.homecharacters li.dave {
	background: #c01f2e;
	width: 110px;
}
ul.homecharacters li.sage {
	background: #5c5708;
	width: 110px;
}
ul.homecharacters li.jessie {
	background: #600863;
	width: 119px;
}
ul.homecharacters li.alex {
	background: #262262;
	width: 119px;
}
ul.homecharacters li.ali {
	background: #cd7c1b;
	width: 118px;
}
ul.homecharacters li.jerry {
	background: #603813;
	width: 110px;
}
ul.homecharacters li a, ul.homecharacters li a:link, ul.homecharacters li a:visited {
	color: #fff;
	text-decoration: underline;
}
ul.homecharacters li a:focus, ul.homecharacters li a:hover, ul.homecharacters li a:active {
	text-decoration: none;
}
.arial20 span {
	background-color: #fff;
}

/************ home page boxes  ************/

#homeboxes {
	margin: 0;
	padding: 0;
	}
	
ul.homeboxes {
	margin: 0;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}
		
ul.homeboxes li {
	text-align: left;
	float: left;
	height: 149px;
	}
	
ul.homeboxes li img {
	margin-top: 20px;
	margin-bottom: 3px;
	}
	
ul.homeboxes li p {
	margin-left: 15px;
	}

li.unsure {
	background: #bbc7c5 url(../images/backgrounds/unsurebox_bg.gif) no-repeat center top;
	margin: 0;
	width: 248px;
}	

li.fact {
	background: #c7c5b5 url(../images/backgrounds/factbox_bg.gif) no-repeat center top;
	margin: 0;
	width: 239px;
}	
	
li.search {
	background: #b5b4b0 url(../images/backgrounds/searchbox_bg.gif) no-repeat center top;
	margin: 0;	
	width: 209px;
}

.unsureheadingimage {
	color: #285a64;
	float: left;
	font-size: 120%;
	font-weight: bold;
	margin-left: 15px;
	padding-bottom: 8px;
	text-transform: uppercase;
}		

.headingimage {
	color: #4b4021;
	font-size: 120%;
	font-weight: bold;
	margin-left: 15px;
	text-transform: uppercase;
}	
li.search .headingimage {
	color: #2a2a2a;
}


/************ ask a question boxes  ************/	

#askquestionbox {
	display: block;
	height: 240px;
	margin: 30px 0;
	overflow: hidden;
	padding: 0;
	width: 660px;
	zoom: 1;
	}

#askquestionbox img {
	font-size: 120%;
	font-weight: bold;
}

#parliament #askquestionbox { background: transparent url(../images/backgrounds/formbox_parliament.gif) no-repeat left top; }
#people #askquestionbox { background: transparent url(../images/backgrounds/formbox_people.gif) no-repeat left top; }
#bills #askquestionbox { background: transparent url(../images/backgrounds/formbox_bills.gif) no-repeat left top; }
#phouse #askquestionbox { background: transparent url(../images/backgrounds/formbox_phouse.gif) no-repeat left top; }
#politics #askquestionbox { background: transparent url(../images/backgrounds/formbox_politics.gif) no-repeat left top; }
#history #askquestionbox { background: transparent url(../images/backgrounds/formbox_history.gif) no-repeat left top; }

#askquestionbox form {
	float: left;
	margin-right: 26px;
	_margin-right: 9px;
	width: 265px;
}
#askquestionbox .fieldContainer {
	position: relative;
}
#askquestionbox p {
	margin: 0;
}
#askquestionbox p.fieldError {
	color: #dbdad5;
	font-size: 90%;
	left: 280px;
	position: absolute;
	top: 9px;
	width: 240px;
}
#askquestionbox p.fieldError.question {
	top: 30px;
}
#askquestionbox p.fieldError span {
	background: transparent url(../images/stop.gif) no-repeat left top;
	color: #8e0c3a;
	display: block;
	height: 40px;
	margin: 0;
	padding: 0 0 0 18px;
}
.submit {
	margin-top: 8px;
	}
.questiontextfield {
	height: 61px;
	width: 265px;
	}
	
#askquestion-leftcol {
	float: left;
	width: 119px;
	margin-left: 8px;
	padding: 35px 15px 30px 0;
	}



/************ sub menu  ************/

#submenu {
	height: 306px;
	width: 225px;
	display: block;
	margin-bottom: 20px;
	text-align: left;
	}

.parliament { background: #c01f2e url(../images/backgrounds/subbg_parliament.gif) no-repeat right top; } 
.people { background: #5c5708 url(../images/backgrounds/subbg_people.gif) no-repeat right top; }
.bills { background: #600863 url(../images/backgrounds/subbg_bills.gif) no-repeat right top; }
.phouse { background: #262262 url(../images/backgrounds/subbg_phouse.gif) no-repeat right top; }
.politics { background: #cd7c1b url(../images/backgrounds/subbg_politics.gif) no-repeat right top; }
.history { background: #603813 url(../images/backgrounds/subbg_history.gif) no-repeat right top; }

#submenu ul {
	list-style: none;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	padding-top: 40px;
	line-height: 1.1em;
	}
	
#submenu ul li { 
	margin: 0 0 12px -8px;
	padding: 0; }

/*** sub menu within  ***/

/* bills */
#made .made, #threelevels .threelevels, #voting .voting, #courts .courts, #constitution .constitution { text-decoration: underline; } 

/* history */
#federation-history .federation-history, #constitution-history .constitution-history, #parliament-history .parliament-history { text-decoration: underline; }

/* parliament */
#parl-system .parl-system, #parl-threelevels .parl-threelevels, #functions .functions, #sen-reps .sen-reps, #work .work, #government .government, #changing-parliaments .changing-parliaments { text-decoration: underline; }

/* people */
#queen_gg .queen_gg, #pm_oppleader .pm_oppleader, #speaker_president .speaker_president, #other_leadership .other_leadership, 
#senators_members .senators_members, #parlimentary_officers .parlimentary_officers { text-decoration: underline; }

/* phouse */
#building .building, #chambers .chambers, #artwork .artwork { text-decoration: underline; }

/* politics */
#political-parties .political-parties, #elections .elections, #issues .issues, #media .media { text-decoration: underline; }




/************ inner search box  ************/

#searchbox {
	height: 149px;
	width: 209px;
	display: block;
	background: #b5b4b0 url(../images/backgrounds/searchbox_bg.gif) no-repeat center top;
	margin: 0 0 0 8px;
	_margin: 0 8px 0 0;
	text-align: left;
	}
#searchbox img {
	color: #2a2a2a;
	font-size: 140%;
	font-weight: bold;
	text-transform: uppercase;
}	
#searchbox .searchbox {
	margin: 0;
	padding: 0;
	}

.searchboxheadingimage { 
	margin: 20px 0 10px 30px;
	}
	
#searchbox p {
	padding: 10px 0 0 30px;
	}
	
.searchform {
	margin: 0 0 10px 0;	
	}

.innerform-padding {
	padding-left: 30px;
	margin: 0;
	}		
		

/************ text styles  ************/

h1 {
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-bottom: 6px;
	text-align: left;
	text-transform: uppercase;
}

h1 img { margin: 0; }

h2 { text-align: left; font-size: 1.4em; margin-top: 20px; margin-bottom: 5px; height: 26px;}

h3 { text-align: left; font-size: 1.3em; }

h4 { text-align: left; font-size: 1.3em; }

h5 { text-align: left; font-size: 1.3em; }

p { text-align: left; font-size: 1.2em; margin-top: 0px; margin-bottom: 5px;}	

#parliament h1, #parliament .didyouknow-heading { color: #c01f2e; } 
#people h1, #people .didyouknow-heading { color: #5f590b; } 
#bills h1, #bills .didyouknow-heading { color: #620d65; } 
#phouse h1, #phouse .didyouknow-heading { color: #282463; } 
#politics h1, #politics .didyouknow-heading { color: #ce7e1d; } 
#history h1, #history .didyouknow-heading { color: #613915; } 

#parliament h2 { background: url(../images/backgrounds/h2bg_parliament.gif) no-repeat;} 
#people h2 { background: url(../images/backgrounds/h2bg_people.gif) no-repeat;} 
#bills h2 { background: url(../images/backgrounds/h2bg_bills.gif) no-repeat;} 
#phouse h2 { background: url(../images/backgrounds/h2bg_phouse.gif) no-repeat;}  
#politics h2 { background: url(../images/backgrounds/h2bg_politics.gif) no-repeat;}  
#history h2 { background: url(../images/backgrounds/h2bg_history.gif) no-repeat;} 
	
	

/************ link styles  ************/
	
a.homelink {
	width: 650px;
	height: 30px;
	display: block;
	margin: 130px auto 0 auto;
	text-align: center;
	}
	
a.homelink:hover, a.footerlink:hover { color: #dbdad5; }
	
.linktext { /***use in a p class for URLs so they appear small and sit just below the line above***/
	font-size: 85%;
	color:#666666;
	padding: 0;
	margin-top: -6px;
	margin-bottom: 7px;
}

#content a { text-decoration: none; color: #716157; font-weight: bold; } 

a {	text-decoration: none; color: #716157; font-weight: bold; }
a:hover { color: #367986; text-decoration: underline; } 	

#submenu a { text-decoration: none; color: #fff; font-weight:bold; } 	
#submenu a:hover { text-decoration: underline; } 

#submenu a.normalsml { font-size: 85%; color: #716157; } 	
#submenu a.normalsml:hover { color: #367986; } 

a.glossary, a.glossary:link, a.glossary:visited {
	color: #2a2a2a;
	text-decoration: underline;
} 
a.glossary:focus, a.glossary:hover, a.glossary:active { color: #367986; }
a.askBerty, a.askBerty:link, a.askBerty:visited {
	text-decoration: underline;
}
a.unsure-topic { color: #215d69; }  
a.unsure-topic:hover { color: #2a2a2a; }

#parliament #content a:hover { color: #c01f2e; text-decoration: underline; } 
#people #content a:hover { color: #5f590b; text-decoration: underline; } 
#bills #content a:hover { color: #620d65; text-decoration: underline; } 
#phouse #content a:hover{ color: #282463; text-decoration: underline; } 
#politics #content a:hover { color: #ce7e1d; text-decoration: underline; } 
#history #content a:hover { color: #613915; text-decoration: underline; } 

/************ TOOLTIPS ************/

.tooltip {
	background: transparent;
	color: black;
	display: none;      /* required */
	margin: 0 0 0 -100px;
	position: absolute; /* required */
	text-align: center;
	width: 250px;
	z-index: 1000;
}
.tooltip p {
	margin: 0;
	position: relative;
}
.tooltip span, .tooltip img {
	position: absolute;
	top: 0;
	left: 0;
}
.tooltip span {
	display: block;
	font-size: 80%;
	padding: 25px 40px 0 45px;
	z-index: 200;
}
.tooltip img {
	display: block;
	height: 120px;
	position: relative;
	width: 250px;
	z-index: 100;
}
#dave-content-1.tooltip,
.contentNav.index .tooltip {
	margin-left: 100px;
}
#jessie-content-1.tooltip img {
	height: 155px;
}
#alex-content-1.tooltip img {
	height: 195px;
}
#alex-content-1.tooltip span {
	padding-top: 30px;
}
#ali-content-1.tooltip img {
	height: 135px;
}
#parliament #dave-content-1.tooltip img,
#people #sage-content-1.tooltip img,
#bills #jessie-content-1.tooltip img,
#phouse #alex-content-1.tooltip img,
#politics #ali-content-1.tooltip img,
#history #jerry-content-1.tooltip img {
	height: 100px;
}

/************ Content navigation  ************/

#content .contentNav {
	background: url(../images/backgrounds/bg_parliament_botNav.jpg) no-repeat 0 0;
	font-size: 90%;
	padding: 0;
	width: 700px;
}
#content .contentNav.index {
	background-image: url(../images/backgrounds/bg_sectionIndex.jpg);
	margin: 5px 0 0;
	width: 420px;
}
#parliament #content .contentNav.index {
	background-image: url(../images/backgrounds/bg_sectionIndexRed.jpg);
}
#people #content .contentNav.index {
	background-image: url(../images/backgrounds/bg_sectionIndexGreen.jpg);
}
#bills #content .contentNav.index {
	background-image: url(../images/backgrounds/bg_sectionIndexPurple.jpg);
}
#phouse #content .contentNav.index {
	background-image: url(../images/backgrounds/bg_sectionIndexBlue.jpg);
}
#politics #content .contentNav.index {
	background-image: url(../images/backgrounds/bg_sectionIndexOrange.jpg);
}
#history #content .contentNav.index {
	background-image: url(../images/backgrounds/bg_sectionIndexBrown.jpg);
}
#content .contentNav h3 {
	margin: 4px 0 8px;
	padding: 18px 20px 0 20px;
}
#content .contentNav ul {
	background: url(../images/backgrounds/bg_parliament_botNavBottom.png) no-repeat 0 bottom;
	margin: 0;
	padding: 0 20px 18px 20px;
	overflow: hidden;
	zoom: 1;
}
#content .contentNav.index ul {
	background: none;
	color: #000;
	margin-left: 140px;
	overflow: visible;
	padding-left: 0;
}
#content .contentNav.index img.character {
	float: left;
	margin: 14px 0 0 0;
	padding: 0 0 15px 10px;
}
#content .contentNav.index h3 {
	margin: 20px 0 6px 153px;
	padding: 0;
}
#content .contentNav.index .bgBottom {
	background: url(../images/backgrounds/bg_sectionIndex_bot.png) no-repeat 0 bottom;
}
#parliament #content .contentNav.index .bgBottom {
	background-image: url(../images/backgrounds/bg_sectionIndexRed_bot.png);
}
#people #content .contentNav.index .bgBottom {
	background-image: url(../images/backgrounds/bg_sectionIndexGreen_bot.png);
}
#bills #content .contentNav.index .bgBottom {
	background-image: url(../images/backgrounds/bg_sectionIndexPurple_bot.png);
}
#phouse #content .contentNav.index .bgBottom {
	background-image: url(../images/backgrounds/bg_sectionIndexBlue_bot.png);
}
#politics #content .contentNav.index .bgBottom {
	background-image: url(../images/backgrounds/bg_sectionIndexOrange_bot.png);
}
#history #content .contentNav.index .bgBottom {
	background-image: url(../images/backgrounds/bg_sectionIndexBrown_bot.png);
}
#content .contentNav li {
	background: url(../images/navDot.gif) no-repeat right center;
	display: block;
	float: left;
	list-style: none;
	margin: 0 10px 2px 0;
	padding-right: 14px;
}
#parliament #content .contentNav li {
	background-image: url(../images/navDot_red.gif);
}
#people #content .contentNav li {
	background-image: url(../images/navDot_green.gif);
}
#bills #content .contentNav li {
	background-image: url(../images/navDot_purple.gif);
}
#phouse #content .contentNav li {
	background-image: url(../images/navDot_purpleD.gif);
}
#politics #content .contentNav li {
	background-image: url(../images/navDot_orange.gif);
}
#history #content .contentNav li {
	background-image: url(../images/navDot_brown.gif);
}
#parliament #content .contentNav li.last,
#people #content .contentNav li.last,
#bills #content .contentNav li.last,
#phouse #content .contentNav li.last,
#politics #content .contentNav li.last,
#history #content .contentNav li.last {
	background-image: none;
}
#parliament #content .contentNav.index li,
#people #content .contentNav.index li,
#bills #content .contentNav.index li,
#phouse #content .contentNav.index li,
#politics #content .contentNav.index li,
#history #content .contentNav.index li {
	background: none;
	display: list-item;
	float: none;
	list-style: none;
	margin: 0 0 2px 0;
	padding-left: 14px;
}
#content .contentNav li a, #content .contentNav li a:link, #content .contentNav li a:visited {
	color: #000;
	font-size: 110%;
	font-weight: bold;
	text-decoration: underline;
	white-space: nowrap;
}

/************ other various styles  ************/

img { border: 0; }

.clear { clear: both; margin-top: 10px;}
	
.centered { text-align: center; }
	
.left { float: left; margin: 0; padding-right: 10px; }
	
.right { float: right; margin: 0; }
	
.padding-left { padding-left: 10px; }

.padding-top { padding-top: 20px; _padding-top: 0; }

.didyouknow-heading {
	font-size: 130%;
	font-weight: bold;
	margin: 25px 0 5px 0;
	text-align: left;
	text-transform: uppercase;
}

.ie-space-above-content-fix { clear: both; display: inline-block; height: 1px; margin-top: -15px; _margin-top: -30px;}



/************ footer  ************/

#footer {
	margin: 0 auto;
	margin-right: 1px;
	text-align: center;
	width: 850px;
}
#footer p {
	margin: 0;
}
a.footerlink, a.footerlink:link, a.footerlink:visited {
	background: #fff;
	color: #000;
	cursor: hand;
	display: block;
	height: 79px;
	margin: 0;
	padding: 20px 0 0;
	position: relative;
	text-align: center;
	width: 850px;
}
a.footerlink span, a.footerlink:link span, a.footerlink:visited span {
	background: url(../images/backgrounds/footer_bg.gif) no-repeat 0 top;
	_background-position: -1px 0;
	height: 99px;
	left: 0;
	position: absolute;
	top: 0;
	width: 850px;
}
.footer-nav {font-size:80%; text-align:center; vertical-align:middle; padding:1em 0 0 0; display:block; height:23px; }

/********** MISC **********/
.overflow {
	overflow: hidden;
	zoom: 1;
}