/*=========Main Layout=========*/

#pagewrapper {
    background-color: #003366;
    max-width: 1010px;
    min-width: 730px;
    margin: 15px auto;
}
   	/* Header styles */
#header {
	clear:both;
	float:left;
   	width:100%;
    background-image: url(images/jigsaw.jpg);
	background-repeat: no-repeat;
	background-position: top right;
    background-color: #fff;
    min-height: 138px;
    
	}
#headeradmin {
	clear:both;
	float:left;
   	width:100%;
    background-image: url(images/jigsaw-admin.jpg);
	background-repeat: no-repeat;
	background-position: top right;
    background-color: #fff;
    height: 105px;
    
	}
#header .slogan {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 180%;
    font-weight: normal;
    letter-spacing: 1px;
    color: #003366;
    padding-left: 300px;
    padding-right: 180px;
    padding-top: 43px;
}
#headeradmin .slogan {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 180%;
    font-weight: normal;
    letter-spacing: 1px;
    color: #003366;
    padding-left: 320px;
    padding-right: 160px;
    padding-top: 43px;
}
#header .logo, #headeradmin .logo {
    float: left;
}

.content .col1 .pdf-link {
    background-image: url(images/pdfsymbol.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 25px;
}

/* col1 */
.content .col1 img {
	padding-top: 8px;
	padding-bottom: 4px;
}
.content .col1 .logos {
	float: left;
	padding-right: 10px;
}

.content .col1 .source {
	font-size: 80%;
}
.content .col1 ul.links {
	list-style-type: none;
	padding: 0px;
}
.content .col1 ul.links li  {
	padding-top: 8px;
}
.content .col1 h2 span {
	font-size: 80%;
	font-weight: normal;
}

.content .col1 ul.navigation {
	list-style-type: none;
	padding: 2px 0px;
}
.content .col1 ul.navigation li  {
	list-style-type: none;
}

.content .col1 ul.legislation li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

.content .col1 ul.pathway li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
.content .col1 ul.breadcrumb li
{
display: inline;
list-style-type: none;
}

.content .col1 ul.breadcrumb
{
display: inline;
list-style-type: none;
padding: 0px;
}

.content .col1 .userblue {
	background-color: #003366;
	color: #ffffff;
	width: 260px;
	padding-left: 8px;
	padding-top: 5px;
	margin-bottom: 8px;
	margin-left: 60px;
}
.content .col1 .usergreen {
	background-color: #0e8685;
	color: #ffffff;
	width: 260px;
	padding-left: 8px;
	padding-top: 5px;
	margin-bottom: 8px;
	margin-left: 60px;
}
.content .col1 .pages {
	text-align: right;
	padding-right: 10px;
	padding-top: 8px;
}
.content .col1 ul.userguide {
	list-style-type: none;
	padding: 0px;
}
.content .col1 ul.userguide li {
	padding-right: 40px;
}

.content .col1 .userguide {
	width: 700px;
	padding: 0px;
}
.content .col1 ul.userlinks {
	list-style-type: none;
	padding: 0px;
}
.content .col1 ul.userlinks li {
	padding-right: 40px;
}
.content .col1 ul.librarykey {
	padding: 0px;
	border: 1px solid #ccc;
	padding: 5px 0px;
	margin-bottom: 20px;
}
.content .col1 ul.librarykey li {
display: inline;
list-style-type: none;
padding: 0px 5px;
}

.content .col1 .loginuser {
	width: 300px;
	padding-left: 10px;
	padding-top: 20px;
}
.content .col1 .loginadmin {
	width: 300px;
	padding-left: 10px;
	padding-top: 20px;
}
.content .col1 .loginadmin h2, .content .col1 .loginuser h2 {
	padding-left: 10px;
}


label
{
padding-top: 5px;
margin-left: 7px;
display: block;
}

input
{
margin: 7px;
color: #000000;
border: 1px solid #003366;
}

.submit input
{
color: #fff;
background: #0e8685;
padding: 3px;
}
fieldset
{
border: 1px solid #003366;
}



/* rounded styles */
.rounded
	{
	background-color: #fff;
	}
.rounded-tl
	{
	background-image: url(images/top-l.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
.rounded-tr
	{
	background-image: url(images/top-r.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}
.rounded-bl
	{
	background-image: url(images/bottom-l.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	}
.rounded-br
	{
	background-image: url(images/bottom-r.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 18px;
	}


/* col2 */

.content .col2 a {
	text-decoration: none; color: #fff;
}
.content .col2 a:hover, .content .col2 a:focus, .content .col2 a:active {
	color: #ffcc00;
}
.content .col2 ul {
	padding-top: 20px;
	padding-left: 35px;
	font: 100% Helvetica, Arial, sans-serif;
	font-weight: normal;
	list-style-type: none;
}
.content .col2 ul .current {
	background-color: #15497e;
}
.content .col2 li {
	line-height: 200%;
	padding-top: 6px;
	padding-left: 3px;
	border-bottom: 1px #008584 solid;
}
.content .col2 .membersmenu li {
	line-height: 140%;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
	border-bottom: 1px #008584 solid;
}
.content .col2 .membersmenu {
	line-height: 140%;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
	border-bottom: 1px #008584 solid;
}


.content .col2 ul ul {
	margin: 0px;
	padding: 0px;
	font: 100% Helvetica, Arial, sans-serif;
	font-weight: normal;
	background-color: #15497e;
	list-style-type: none;
}
.content .col2 ul ul li {
	line-height: 140%;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	border-bottom: none;
}
.content .col2 .members {
	width: 135px;
	margin-left: 30px;
	margin-top: 10px;
	padding-bottom: 20px;
}
.content .col2 .members p {
	font: 150% Helvetica, Arial, sans-serif; 
    color: #fff;
	text-align: center;
	padding-top: 7px;
}
.content .col2 .membersarea {
	width: 135px;
	margin-left: 40px;
	margin-top: 30px;
	background-color: #0e8685;
	min-height: 15px;
}
.content .col2 .membersarea p {
	font: 120% Helvetica, Arial, sans-serif; 
    color: #fff;
	text-align: center;
	padding-top: 6px;
}


.content .col2 .contact {
	padding-left: 40px;
	padding-top: 25px;
	color: #fff;
}


/* col3 */

/* ===== news ===== */

.content .col3 .news {
	width: 160px;
	background-color: #ffcc00;
}
.content .col3 .news h2.first-ele {
	padding: 9px 5px 5px 5px;
	background: 
		transparent url(images/news-top.gif) 
		no-repeat 
		top left;
}
.content .col3 .news h3 {
	padding: 8px;
}
.content .col3 .news h3 a {
	text-decoration: underline; color: #003366;
}

.content .col3 .news h3 a:hover {
	text-decoration: none;
}
.content .col3 .news p.last-ele {
	padding: 10px;
	line-height: 120%;
	background: transparent 
		url(images/news-bottom.gif) 
		no-repeat 
		bottom left;
}
.content .col3 .news p {
	line-height: 120%;
	padding: 8px;
	text-align: left;
}
.content .col3 .news ul {
	background: transparent 
		url(images/news-bottom.gif) 
		no-repeat 
		bottom left;
	padding-bottom: 8px;	
	margin-bottom: 10px;
}

.content .col3 ul.list {
	padding: 10px 10px 10px 22px;
}
.content .col3 ul.list li {
	padding-bottom: 10px;
}
/* ===== equality ===== */

.content .col3 .equality {
	width: 160px;
	background-color: #ff5953;
}
.content .col3 .equality h2.first-ele {
	padding: 9px 5px 5px 5px;
	background: 
		transparent url(images/equality-top.gif) 
		no-repeat 
		top left;
}
.content .col3 .equality p.last-ele {
	font: 100% Helvetica, Arial, sans-serif;
	line-height: 120%;
	background: transparent 
		url(images/equality-bottom.gif) 
		no-repeat 
		bottom left;
	padding-bottom: 8px;	
}


.content .col3 .equality p {
	color: #000000;
	line-height: 120%;
	padding: 0px 10px 6px 10px;
	text-align: left;
}
.content .col3 .equality a {
	text-decoration: underline; color: #ffffff;
}
.content .col3 .pathway a {
	text-decoration: underline; color: #000000;
}


/* ===== white-right ===== */

.content .col3 .white {
	width: 160px;
	background-color: #336600;
}
.content .col3 .white p.first-ele {
	padding: 8px 0 0 0;
	height: 73px;
	background: 
		transparent url(images/white-top.gif) 
		no-repeat 
		top left;
}
.content .col3 .white p.last-ele {
	font: 100% Helvetica, Arial, sans-serif;
	line-height: 120%;
	background: transparent 
		url(images/white-bottom1.gif) 
		no-repeat 
		bottom left;
}
.content .col3 .white p.founder {
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	padding-bottom: 5px;
	padding-top: 0px;
	color: #003366;
	text-align: center;
}
.content .col3 .white p {
	color: #ffffff;
	line-height: 120%;
	padding: 10px;
	text-align: left;
}
/* ===== about us ===== */

.content .col3 .aboutus {
	width: 160px;
	background-color: #336600;
}
.content .col3 .aboutus p.first-ele {
	padding: 0;
	height: 53px;
	background: 
		transparent url(images/aboutus-top.gif) 
		no-repeat 
		top left;
}
.content .col3 .aboutus p.last-ele {
	font: 100% Helvetica, Arial, sans-serif;
	line-height: 120%;
	background: transparent 
		url(images/white-bottom1.gif) 
		no-repeat 
		bottom left;
}
.content .col3 .aboutus p {
	color: #ffffff;
	line-height: 120%;
	padding: 0px 10px 10px 10px;
	text-align: left;
}

/* ===== facts-right ===== */

.content .col3 .facts {
	width: 160px;
	background-color: #ccffcc;
}
.content .col3 .facts h2.first-ele {
	padding: 8px;
	background: 
		transparent url(images/green-top.gif) 
		no-repeat 
		top left;
}
.content .col3 .facts h2 a {
	text-decoration: underline; color: #003366;
}

.content .col3 .facts h3 a:hover {
	text-decoration: none;
}
.content .col3 .facts p.last-ele {
	font: 100% Helvetica, Arial, sans-serif;
	line-height: 120%;
	background: transparent 
		url(images/green-bottom.gif) 
		no-repeat 
		bottom left;
		padding-bottom: 18px;
}
.content .col3 .facts p {
	color: #000000;
	line-height: 120%;
	padding: 10px;
	text-align: left;
}
.content .col3 .facts a {
	text-decoration: underline; color: #000000;
}

.content .col3 .facts h2 span {
	font-size: 80%;
	font-weight: normal;
}


/* ===== pathway-right ===== */

.content .col3 .pathway {
	width: 160px;
	background-color: #ffff33;
}
.content .col3 .pathway h2.first-ele {
	padding: 8px;
	background: 
		transparent url(images/yellow-top.gif) 
		no-repeat 
		top left;
}
.content .col3 .pathway h3 {
	padding: 8px;
}
.content .col3 .pathway h3 a {
	text-decoration: underline; color: #003366;
}

.content .col3 .pathway h3 a:hover {
	text-decoration: none;
}
.content .col3 .pathway p.last-ele {
	font: 100% Helvetica, Arial, sans-serif;
	line-height: 120%;
	background: transparent 
		url(images/yellow-bottom.gif) 
		no-repeat 
		bottom left;
		padding-bottom: 18px;
}
.content .col3 .pathway p {
	color: #000000;
	line-height: 120%;
	padding: 10px;
	text-align: left;
}

/* ===== membership-right ===== */

.content .col3 .membership {
	width: 160px;
	background-color: #99ffff;
}
.content .col3 .membership p.first-ele {
	padding: 8px 0 0 0;
	height: 73px;
	background: 
		transparent url(images/white-top.gif) 
		no-repeat 
		top left;
}
.content .col3 .membership p.last-ele {
	font: 100% Helvetica, Arial, sans-serif;
	line-height: 120%;
	background: transparent 
		url(images/members-bottom.gif) 
		no-repeat 
		bottom left;
}
.content .col3 .membership p.founder {
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	padding-bottom: 5px;
	padding-top: 0px;
	color: #003366;
	text-align: center;
}

.content .col3 .membership p {
	color: #000000;
	line-height: 120%;
	padding: 10px;
	text-align: left;
}


/* ===== media-right ===== */

.content .col3 .media {
	width: 160px;
	background-color: #ffdbbb;
}
.content .col3 .media h2.first-ele {
	padding: 8px;
	background: 
		transparent url(images/media-top.gif) 
		no-repeat 
		top left;
}
.content .col3 .media h2 a {
	text-decoration: underline; color: #003366;
}

.content .col3 .media p.last-ele {
	font: 100% Helvetica, Arial, sans-serif;
	line-height: 120%;
	background: transparent 
		url(images/media-bottom.gif) 
		no-repeat 
		bottom left;
}
.content .col3 .media p {
	color: #000000;
	line-height: 120%;
	padding: 0px 8px 8px 8px;
	text-align: left;
}


/* ===== login-right ===== */

.content .col3 .login {
	width: 160px;
	background-color: #ffffff;
}
.content .col3 .login p.first-ele {
	padding: 8px 0 0 0;
	height: 73px;
	background: 
		transparent url(images/white-top.gif) 
		no-repeat 
		top left;
}
.content .col3 .login p.last-ele {
	font: 100% Helvetica, Arial, sans-serif;
	line-height: 120%;
	background: transparent 
		url(images/white-bottom.gif) 
		no-repeat 
		bottom left;
}
.content .col3 .login p.founder {
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	padding-bottom: 5px;
	padding-top: 0px;
	color: #003366;
	text-align: center;
}
.content .col3 .login p {
	color: #ffffff;
	line-height: 120%;
	padding: 10px;
	text-align: left;
}




/* ===== feedback ===== */

.content .col3 .feedback {
	width: 160px;
	margin-top: 10px;
	background: url(images/home-box.gif) no-repeat top left;
	height: 36px;
}
.content .col3 a {
	text-decoration: none; color: #fff;
}
.content .col3 a:hover {
	text-decoration: none;
}
.content .col3 .feedback p {
	font: 150% Helvetica, Arial, sans-serif; 
    color: #fff;
	text-align: center;
	padding-top: 8px;
}

/* ===== search ===== */

.content .col3 .search {
	color: #fff;
	width: 160px;
	padding-top: 20px;
	padding-bottom: 10px;
}
.content .col3 .search submit {
	padding-top: 10px;
}

.clear {
	clear: both;
}