/* remove border from around document in IE in html block*/
html {
	padding:0; 
	margin:0; 
	border:0; 
	background: #000;
} 

body {
	padding:0; margin:0; border:0;
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 80%; color: #999;
	line-height: 200%;
	margin-top: 0px;
	background: #000;
}

#border {
	border: 0px ;
	width: 1024px;
	background: url('images/GraemePoll_bkg8.jpg') no-repeat;
	margin: 0 auto;
}

#header {
	padding-top:200px;
	margin: 0 auto;
	height:150px;
	border-bottom: 0px solid #669900; 
}

#content {
	padding: 0.5em 1em;
	max-width: 1000px;
	border: 0px solid #ff0000;

	height: 500px;
}

#container {
	width:1024px;
	margin: 0px auto;
	border: 0px solid #6699ff;
}

.splitright {
	width: 30%;
	float: right;
	overflow: hidden;
	text-align: center;
}

.splitleft {
	margin:auto;
	padding-left: 40px;
	width: 380px;
	float: left;
	text-align: justify;
}


.splitleft ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.splitleft li {

	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: 1.2em;
}

.splitleft .smtxt {
	line-height:1.5em;
}


#introduction{
	float:right;
	width:20%;
	padding-right:0px;
	margin-right:0px;
	text-align:justify;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	letter-spacing:0px;
}

#introduction ul, #introduction li {
	text-align:left;
	list-style-type: square;
	margin: 5px;
	padding: 5px;
	color:#666;
	font-weight:bold;
}

#introduction a {
	border-bottom: none;
	color:#999999;
}

#introduction h3 {
	text-align: center;
	position:static;
}

#introduction a:link, a:visited {
	color:#a9c85b;
	font-weight:600;
}

#introduction a:hover, a:active {
	color:#444;
}



/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer {
	text-align: center;
	height: 20px;
	padding: 0.5em 1em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	margin-top: 1px;
	clear: both;
	color: #333;
}


#footer a:link, a:visited {
	color:#333;
}

#footer a:hover, a:active {
	color:#a9c85b;
}

	a:active,
	a:visited,
	a:link	    			{ color: #a9c85b; text-decoration: none; }
	a:hover				{ color: #999; text-decoration: none; }

/* ~~~~~~~~~ Headings ~~~~~~~~~ */  
  
h1 {
	font-size: 120%;
	color: #659500;
}

h3 {
	color:#aaa;
	font-family:geneva,arial,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	word-spacing:4px;
	letter-spacing:3px;
	font-size:0.8em;
	font-weight:bold;
	padding:0 2px;
	margin:0;
}

/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/

.style4 {font-size: 16px}

.redtxt {color: #a21e11;}

.darktxt {color: #666;}

/*~~~~~~~~~~~use anim gif for list~~~~~~~~~~~~~~~*/

/* See the amazing Stu Nicholls CSSplay */
#menu {display:block; height:150px; margin:0px;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin-right:0px; display:block; width:130px; border:1px solid #000;}
#menu li.list1 {background:transparent url(menu_thumbs/c_and_a_bw.jpg);}
#menu li.list2 {background:transparent url(menu_thumbs/greece_bw.jpg);}
#menu li.list3 {background:transparent url(menu_thumbs/rainbow_bw.jpg);}
#menu li.list4 {background:transparent url(menu_thumbs/yellowbeach_bw.jpg);}
#menu li.list5 {background:transparent url(menu_thumbs/girl_bw.jpg);}
#menu li.list6 {background:transparent url(menu_thumbs/building_bw.jpg);}
#menu li.list7 {background:transparent url(menu_thumbs/redbeach_bw.jpg);}
#menu a {display:block; width:130px; padding-top:150px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:150px; he\ight:0;}

#menu a#item1 {background:transparent url(menu_thumbs/c_and_a.jpg) -130px -150px no-repeat;}
#menu a#item2 {background:transparent url(menu_thumbs/greece.jpg) -130px -150px no-repeat;}
#menu a#item3 {background:transparent url(menu_thumbs/rainbow.jpg) -130px -150px no-repeat;}
#menu a#item4 {background:transparent url(menu_thumbs/yellowbeach.jpg) -130px -150px no-repeat;}
#menu a#item5 {background:transparent url(menu_thumbs/girl.jpg) -130px -150px no-repeat;}
#menu a#item6 {background:transparent url(menu_thumbs/building.jpg) -130px -150px no-repeat;}
#menu a#item7 {background:transparent url(menu_thumbs/redbeach.jpg) -130px -150px no-repeat;}

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}
#menu a#item6:hover {background-position:top right; z-index:50;}
#menu a#item7:hover {background-position:top right; z-index:50;}

* html #menu a:hover {height:150px; he\ight:0;}


#navcontainer
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
width: 100%;
border-bottom: 0px solid #333;
padding-top: 335px;
}

#navlist
{
width: 88%;
text-align: right;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #888;
font-size: 1.3em;
padding: 0 2px;
border-top: 0 solid #ff8d39;
}

#navlist li a:hover,#navlist a#current
{
color: #ff8d39;
border-top: none;
font-size: 1.6em;
}

#navlist a#current { color: #eee; }