@charset "utf-8";

@import url("browser_resets.css");

/*---------------------------------------------

Filename: main_styles.css
Title: Main Styles for www.berol.co.uk
Author: Dave Whitehead - dave.whitehead@energycell.co.uk

Dark Red #94090e

---------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: url(../assets/pageframework/header_back.jpg) repeat-x top center;
	background-color: #cccccc;
}



/*============================================================ Framework ==*/

.wrapper {
	width: 960px;
	margin: 0px auto;
	text-align: left;
}
body.onecol .content_wrapper {
	background-color: #FFF;
	padding: 0px 0px 20px 0px;
	z-index: 600;
}
body.onecol .content {
	/*float: left;*/
	padding: 0px;
	margin: 0px;
	z-index: 600;
}
body.onecol .left_col {
	display: none;
}
body.twocol .content_wrapper {
	background: url(../assets/pageframework/content_back.gif) repeat-y top left;
	float: left;
	padding: 20px 0px;
	z-index: 600;
}
body.twocol .left_col {
	width: 219px;
	float: left;
	position: relative;
	z-index: 0;
}
body.twocol .content {
	width: 701px; /* Actual width 741px */
	float: left;
	padding: 0px 20px;
	z-index: 600;
}

.banner_gallery {height: 180px; background: url(../assets/pageframework/banner_gallery.jpg) no-repeat; margin-bottom: 20px;}
.banner_creative {height: 180px; background: url(../assets/pageframework/banner_creative.jpg) no-repeat; margin-bottom: 20px}
.banner_teachers {height: 180px; background: url(../assets/pageframework/banner_teachers.jpg) no-repeat; margin-bottom: 20px;}
.banner_teachers h3 a:link, .banner_teachers h3 a:visited {color: #FC6;}
.banner_about {height: 180px; background: url(../assets/pageframework/banner_about.jpg) no-repeat; margin-bottom: 20px;}
.banner_exhibition {height: 180px; background: url(../assets/pageframework/banner_exhibition.jpg) no-repeat; margin-bottom: 20px;}
.banner_contact {height: 180px; background: url(../assets/pageframework/banner_contact.jpg) no-repeat; margin-bottom: 20px;}
div.banner_gallery h2, div.banner_creative h2, div.banner_teachers h2, div.banner_about h2, div.banner_exhibition h2, div.banner_contact h2 {
	background: none;
	line-height: 1.5em;
	padding: 15px 0px 0px 20px;
	height: auto;
}
div.banner_gallery h3, div.banner_creative h3, div.banner_teachers h3, div.banner_about h3, div.banner_exhibition h3, div.banner_contact h3 {
	background: none;
	font-size: .8em;
	line-height: 1.5em;
	color: #FFF;
	padding: 0px 420px 0px 20px;
}

.twocol_wrapper {/*float: left;*/}
	.leftcol {float: left; width: 335px;}
	.rightcol {float: right; width: 335px;}
	

/*============================================================ Master Typography ==*/

.content h2 {
	color: #fbdd6f;
	font-size: 1.5em;
	line-height: 60px;
	margin-bottom: .75em;
	/*height: 60px;*/
	padding-left: 20px;
	background:url(../assets/pageframework/h2_back.jpg) no-repeat left center;
}
.content h2.teachers {
	color: #fbdd6f;
	font-size: 1.5em;
	line-height: 60px;
	margin-bottom: .75em;
	padding-left: 75px;
	background:url(../assets/pageframework/h2_back_teachers.jpg) no-repeat left center;
}
.head_highlight {
	color: #FFF;
	text-transform: uppercase;
	font-size: .6em;
}
.content h3 {
	color: #94090e;
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: .25em;
}
.content h4 {
	color: #94090e;
	font-size: .9em;
	line-height: 2.2em;
	margin: 25px 0px 7px 0px;
	background: url(../assets/pageframework/heading_squiggle.gif) no-repeat left center;
	border-bottom: 2px dotted #CCC;
	padding: 0px 0px 0px 15px;
}
.content h5 {
	font-weight: bold;
	color: #94090e;
	border-bottom: 3px solid #CCC;
	border-top: 1px solid #CCC;
	margin-bottom: 8px;
	padding: 5px 0px;
	font-size: .75em;
	background: url(../assets/pageframework/heading_squiggle.gif) no-repeat left center;
}
h5 a {text-decoration: none;}
.content h6 {
	color: #94090e;
	font-size: .8em;
	line-height: 1.4em;
	margin-bottom: .25em;
}
.content p {
	font-size: .75em;
	line-height: 1.4em;
	color: #666;
	margin-bottom: 1em;
}
.content p.intro {
	font-size: .9em;
	line-height: 1.5em;
	color: #666;
	margin-bottom: 1em;
}
.content ul {
	font-size: .75em;
	line-height: 1.4em;
	color: #666;
	font-weight: bold;
	margin: 0px 0px 15px 15px;
}
blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.5em;
	font-style: italic;
	background: url(../assets/pageframework/quote_open.gif) no-repeat top left;
	padding: 10px 25px 0px 55px;
}
blockquote p.lastquotepara {
	background: url(../assets/pageframework/quote_close.gif) no-repeat bottom right;
	padding-right: 60px;
}
cite {
	color: #94090e;
	font-size: .8em;
	font-weight: bold;
	float: right;
	margin-right: 55px;
}
ul.ticklist {
	font-size: .75em;
	line-height: 1.4em;
	color: #666;
	font-weight: bold;
	margin: 0px 0px 15px 25px;
	list-style-image: url(../assets/pageframework/tickbox.gif);
	float: left;
}
ul.ticklist li {
	margin-bottom: .5em;
}
.content a:link, .content a:visited {color: #94090e;}
.content a:hover {text-decoration: none;}

div.creativeideas dl {
	line-height: 1.3em;
	color: #666;
	width: 160px;
	float: left;
	margin: 0px 19px 30px 0px;
}
div.features dl {
	line-height: 1.3em;
	color: #666;
	width: 185px;
	float: left;
	margin: 0px 32px 0px 0px;
}
div.ct_features dl {
	line-height: 1.3em;
	color: #666;
	width: 205px;
	float: left;
	margin: 0px 40px 0px 0px;

}
div.teachers div.rightcol dl {
	line-height: 1.3em;
	color: #666;
	width: 155px;
	float: left;
	margin: 0px 20px 15px 0px;
}
div.creativeideas dl.nomargin, div.features dl.nomargin, div.ct_features dl.nomargin, div.teachers div.rightcol dl.nomargin {margin-right: 0px;}
div.creativeideas dl img, div.features dl img, div.ct_features dl img, div.teachers dl img {
	border: #999 solid 1px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
div.gallery dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #999;
}
div.gallery dl img {
	float: left;
	margin: 0px 10px 0px 0px;
}
div.creativeideas dt, div.gallery dt, div.features dt, div.ct_features dt, div.teachers dt {
	font-weight: bold;
	color: #94090e;
	border-bottom: 3px solid #CCC;
	border-top: 1px solid #CCC;
	margin-bottom: 8px;
	padding: 5px 0px;
	font-size: .75em;
	background: url(../assets/pageframework/heading_squiggle.gif) no-repeat left center;
}
dt a:link, dt a:visited {text-decoration: none;}
div.gallery dd strong {color: #94090e;}
div.creativeideas dd {font-size: .7em; line-height: 1.3em;}
div.gallery dd, div.features dd, div.ct_features dd, div.teachers dd {font-size: .75em; line-height: 1.4em;}
dd.link {margin-top: .75em;}

.picright {
	float: right;
	margin: 0px 0px 0px 20px;
}

a.download:link, a.download:visited {
	color: #94090e;
	background: url(../assets/pageframework/arrow_down.gif) no-repeat right center;
	float: right;
	padding-right: 20px;
	margin-right: 4px;
	font-weight: bold;
	text-decoration: none;
}
a.download:hover {text-decoration: underline;}

ul.cataloguelist {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style: none;
}
li.catalogue a:link, li.catalogue a:visited {
	width: 238px;
	height: 57px;
	display: block;
	background:url(../assets/pageframework/cataloguedown_up.jpg) no-repeat;
	text-indent: -5000px;
	margin-bottom: 10px;
}
	li.catalogue a:hover {background:url(../assets/pageframework/cataloguedown_over.jpg) no-repeat;}
	
li.orderform a:link, li.orderform a:visited {
	width: 238px;
	height: 57px;
	display: block;
	background:url(../assets/pageframework/orderform_up.jpg) no-repeat;
	text-indent: -5000px;
}
	li.orderform a:hover {background:url(../assets/pageframework/orderform_over.jpg) no-repeat;}
	
li.voucher a:link, li.voucher a:visited {
	width: 238px;
	height: 57px;
	display: block;
	background:url(../assets/pageframework/Download-Voucher_up.jpg) no-repeat;
	text-indent: -5000px;
	margin-bottom: 10px;
}
	li.voucher a:hover {background:url(../assets/pageframework/Download-Voucher_over.jpg) no-repeat;}





/*============================================================ Masthead ==*/

.masthead {
	height: 150px;
	background: url(../assets/pageframework/header_back.jpg) repeat-x top center;
}
.masthead h1 {
	width: 550px;
	height: 110px;
	background: url(../assets/pageframework/berol_logo.jpg) no-repeat top left;
	text-indent: -5000px;
	float: left;
}
.search {
	float: right;
	margin-top: 20px;
}
.search label {
	color: #FFF;
	font-size: .75em;
	font-weight: bold;
	margin-right: 10px;
}
.search input.searchbutt {
	vertical-align: bottom;
	margin-left: 5px;
}

/*============================================================ Main Navigation ==*/

ul.mainnav,
ul.mainnav li,
ul.mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 5;
}
ul.mainnav {
	width: 100%;
	height: 40px;
	background: url(../assets/pageframework/mainnav_back.jpg) repeat-x top center;
	float: left;
}
ul.mainnav li {
	float: left;
	position: relative;
 	line-height: 40px;
 	vertical-align: middle;
 	background: url(../assets/pageframework/mainnav_divider.jpg) no-repeat center right;
}
ul.mainnav li a:link, ul.mainnav li a:visited {
	display: block;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .8em;
	line-height: 40px;
	padding: 0px 14px;
}
ul.mainnav li a:hover {
	background-color: #999;
	background: url(../assets/pageframework/mainnav_hover.jpg) repeat-x top center;
}
ul.mainnav li.last {background: none;}
ul.mainnav li.last a {padding: 0px 17px;}



/*--------------- Drop-down menu --*/
ul.mainnav li ul {
	position: absolute;
	display: none;
    top: 100%;
    left: 0px;
	z-index: 10;
}
ul.mainnav ul li {float: none; background: none; line-height: 20px; background: url(../assets/pageframework/dropdown_divider.jpg) repeat-x bottom left;}
ul.mainnav ul ul {top: 0px; left: 100%; visibility: hidden; z-index:4;}
ul.mainnav ul li:hover ul {visibility: visible;}
ul.mainnav li:hover ul {
	display: block;
	width: 200px;
	background-color: #f0d5a6;
 	border-left: #9f9f9f 1px solid;
	border-right: #9f9f9f 1px solid;
 	border-bottom: #9f9f9f 1px solid;
}
ul.mainnav li ul li:hover ul {
	display: block;
	border: #9f9f9f 1px solid;
}
ul.mainnav li ul li a:link, ul.mainnav li ul li a:visited {
	text-transform: none;
	font-size: .75em;
	line-height: 1.4em;
	display: block;
	padding: 5px 10px;
	margin: 0px;
	color: #94090e;
}
ul.mainnav li ul li a:hover {
	background: none;
	background-color: #000;
	color: #FFF;
}



/*============================================================ Left Column ==*/

.loggedin {
	width: 300px;
	font-size: .75em;
	font-weight: bold;
	position: absolute;
	right: -740px;
	top: -90px;
	text-align: right;
	color: #e79a9d;
}
.loggedin a:link, .loggedin a:visited {
	color: #e79a9d;
}
.loggedin a:hover {
	color: #FFF;
	text-decoration: none;
}


ul.subnav {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
ul.subnav li {
	background: url(../assets/pageframework/leftcol_divider.gif) repeat-x bottom center;
	float: left;
	width: 100%;
}
ul.subnav li a:link, ul.subnav li a:visited {
	display: block;
	text-decoration: none;
	font-size: .7em;
	color: #666666;
	background: url(../assets/pageframework/bullett_grey.gif) no-repeat 8% center;
	padding: 3px 0px 3px 30px;
}
ul.subnav li a:hover {
	background: url(../assets/pageframework/bullett_white.gif) no-repeat 8% center;
	background-color: #b2b7bb;
	color: #FFF;
}
ul.subnav li ul {
	border-top: 1px solid #CCC;
	list-style: none;
}
ul.subnav li ul li a:link, ul.subnav li ul li a:visited {
	background: url(../assets/pageframework/bullett_lightgrey.gif) no-repeat 14% center;
	
	border-bottom: 1px solid #CCC;
	padding-left: 40px;
}
ul.subnav li ul li a:hover {
	background-color: #CCC;
}

.left_col h2 {
	color: #FFF;
	font-size: .75em;
	font-weight: bold;
	background-color: #999;
	padding: 5px;
	clear: both;
}

.address {
	font-size: .7em;
	line-height: 1.4em;
	margin-bottom: 1.5em;
	color: #666;
	padding-left: 20px;
}
.address a:link, .address a:visited {
	color: #94090e;
}
.address h1 {
	color: #94090e;
	font-size: 1.2em;
	margin-bottom: .5em;
}
	


/*== Basket ==*/

.basket {
	width: 180px;
	/*background: url(../assets/pageframework/basket_top.gif) no-repeat top center;*/
	clear: both;
	margin: 20px 0px 0px 18px;
	padding: 26px 0px 0px 0px;
}
.basket table {
	width: 180px;
	color: #666;
}
.basket table td.item {
    font-size: .7em;
	line-height: 1.2em;
	vertical-align: bottom;
	padding: 5px 5px 5px 24px;
	border-bottom: 1px solid #999;
	background-color: #FFF;
	text-indent: -18px;
}
.basket table td.price {
	color: #063;
	font-weight: bold;
	vertical-align: bottom;
	padding: 5px;
	font-size: .75em;
	text-align: right;
	border-bottom: 1px solid #999;
	background-color: #FFF;
}
.basket table td.total {
	background-color: #efefef;
	color: #EE2E32;
	font-size: .75em;
	padding: 5px 5px 0px 5px;
	font-weight: bold;
}
.basket table td.totalcomment {
	background-color: #efefef;
	color: #666;
	font-size: .7em;
	line-height: 1.2em;
	vertical-align: bottom;
	padding: 5px 5px 5px 24px;
	border-bottom: 1px solid #999;
	text-indent: -18px;
}
p.shoptext {
	font-size: .7em;
	line-height: 1.3em;
	color: #94090e;
	padding: 10px 10px 0px 10px;
	font-style: italic;
	text-align: center;
}

/*== Post It's ==*/

.postit1 {background: url(../assets/pageframework/postit1.jpg) no-repeat top center;}
.postit2 {background: url(../assets/pageframework/postit2.jpg) no-repeat top center;}
.postit1, .postit2 {width: 190px; height: 175px; margin: 10px 0px 0px 15px;}
.postit1 h2, .postit2 h2 {
	width: 155px;
	height: 40px;
	text-indent: -5000px;
	margin: 0px 0px -5px 15px;
	padding: 30px 0px 0px 0px;
}
h2.postithead_rss {background: url(../assets/pageframework/postithead_rss.gif) no-repeat left center;}
h2.postithead_archive {background: url(../assets/pageframework/postithead_newsarchive.gif) no-repeat left center;}
h2.postithead_teachers {background: url(../assets/pageframework/postithead_teachers.gif) no-repeat left center;}
.postit1 p, .postit2 p {
	font-size: .75em;
	line-height: 1.3em;
	color: #666;
	padding: 0px 10px 0px 15px;
	margin-bottom: .5em;
}
a.postitlink:link, a.postitlink:visited {
	color: #94090e;
	background: url(../assets/pageframework/arrow.gif) no-repeat right center;
	float: right;
	padding-right: 20px;
	margin-right: 4px;
	font-weight: bold;
	text-decoration: none;
}
a.postitlink:hover {text-decoration: underline;}




/*============================================================ Homepage ==*/


.toprow {
	float: left;
}

.brochure {
	float: left;
	width: 320px;
	height: 320px;
	background: url(../assets/pageframework/brochure_back.jpg) no-repeat;
}
.brochure h2 {
	background: none;
	font-size: 1.2em;
	line-height: 1.3em;
	padding: 35px 150px 0px 40px;
	display: block;
}
.brochure p {
	font-size: .75em;
	line-height: 1.4em;
	font-weight: bold;
	color: #FFF;
	padding: 0px 185px 10px 40px;
}
.brochure ul {
	width: 240px;
	margin: 0px auto;
	padding: 8px 0px 0px 0px;
	list-style: none;
}
.brochure ul li a:link, .brochure ul li a:visited {
	text-indent: -5000px;
	display: block;
	width: 240px;
	height: 55px;
	background: url(../assets/pageframework/homedownload_up.jpg) no-repeat;
}
	.brochure ul li a:hover {background: url(../assets/pageframework/homedownload_over.jpg) no-repeat;}

.flash {float: right; width: 640px;}

.bottomrow {
	float: left;
	padding-top: 25px;
	background: url(../assets/pageframework/home_shadow.jpg) no-repeat top center;
}
.welcome {
	width: 320px;
	height: 295px;
	float: left;
	/*background: url(../assets/pageframework/welcome_back.jpg) no-repeat;*/
	background: url(../assets/pageframework/welcome_back_minibus.jpg) no-repeat;
}
.welcome h2 {
	background: none;
	font-size: 1em;
	line-height: 1.3em;
	padding: 175px 30px 10px 50px;
	color: #94090e;
	margin-bottom: .2em;
}
.welcome p {
	font-size: .75em;
	line-height: 1.4em;
	color: #666;
	padding: 0px 50px 0px 50px;
}
.features {
	width: 640px;
	float: left;
}
.ct_features {
	width: 700px;
	float: left;
	margin: 20px 0px 20px 0px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #999;
	float: left;
}




/*============================================================ Newsroom ==*/

.newsstory {
	font-size: .8em;
	color: #666;
	border-bottom: 1px #CCC dashed;
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 20px;
}
.newsintro a {
	padding-left: 5px;
}
.newsstory img {
	float: left;
	border: 3px solid #CCC;
	margin: 0px 15px 0px 0px;
}
img.newsphoto {
	float: right;
	border: 3px solid #CCC;
	margin: 10px 0px 10px 20px;
}
	
.newsdate {
	font-size: .85em;
	margin-bottom: .5em;
}
.newstitle {
	font-weight: bold;
	font-size: 1.2em;
	color: #94090e;
	margin-bottom: .3em;
}
div.pagination {
	font-size: .8em;
	color: #999;
	margin-top: 20px;
}
div.pagination p {
	float: left;
	margin: 5px 15px 0px 0px;
}
input.gotopage {
	width: 30px;
	margin-right: 5px;
}


.available_downloads h4 {
	background: url(../assets/pageframework/arrow_down.gif) no-repeat left center;
	font-size: .8em;
	padding: 5px 0px 0px 20px;
}
.available_downloads ul {
	font-size: .7em;
	margin: 0px 0px 20px 18px;
	color: #999;
}
.available_downloads ul li a:link, .available_downloads ul li a:visited {
	text-decoration: none;
	color: #94090e;
	font-weight: bold;
}
.available_downloads ul li a:hover {text-decoration: underline;}


.pagetools {font-size: .75em; border-top: 1px solid #CCC; padding-top: 10px; clear: both;}
.pagetools .left {float: left; width: 200px;}
.pagetools .right {float: right; width: 90px; text-align: right;}
.pagetools .right_ct {float: right; width: 200px; text-align: right;}

a.backlink:link, a.backlink:visited {
	display: block;
	color: #94090e;
	background: url(../assets/pageframework/arrow_back.gif) no-repeat left center;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
}
a.backlink:hover {text-decoration: underline;}
a.print:link, a.print:visited {
	display: block;
	color: #94090e;
	background: url(../assets/pageframework/print.gif) no-repeat left center;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
}
a.print:hover {text-decoration: underline;}



/*============================================================ Creative Idea ==*/

.creative_feature {
	width: 335px;
	height: 215px;
	float: left;
	margin-right: 22px;
	background: url(../assets/pageframework/creative_featureback.jpg) no-repeat top center;
}
.creative_feature img {
	float: right;
	margin: 30px 30px 0px 15px;
}
.creative_feature h3 {
	padding: 60px 0px 0px 40px;
	font-size: .95em;
}
.creative_feature p {
	padding: 0px 0px 0px 40px;
	font-size: .7em;
	font-weight: bold;
}
.creative_photo {
	background: url(../assets/photos/creativeidea/creative_detailphoto_back.jpg) no-repeat top center;
	width: 300px;
	float: right;
	margin: 0px 0px 0px 20px;
}
.creative_photo p {
	font-size: .7em;
	color: #94090e;
	padding: 0px 15px 0px 40px;
}
.creative_photo img {
	margin: 30px 0px 30px 37px;
}
.requiredprod {
	margin-bottom: 20px;
	margin-top: 20px;
}
.requiredprod img {
	float: left;
}
.requiredprod h3 {
	margin-bottom: .5em;
	margin-left: 20px;
}
.requiredprod p {
	margin-bottom: 2.4em;
}
.requiredprod span.moreinfo {
	height: 50px;
	background-color: #e7e7e7;
	display: block;
}
.requiredprod span.moreinfo a {
	float: right;
	padding: 13px 15px 0px 0px;
	
}
	



/*============================================================ Gallery ==*/

ul.gallery, ul.letter {
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 610;
}
ul.gallery li {
	width: 160px;
	height: 185px;
	background: url(../assets/photos/gallery/picture_frame.jpg) no-repeat top center;
	float: left;
	margin: 0px 20px 0px 0px;
	z-index: 620;
	padding-bottom: 20px;
}
ul.letter li {
	width: 140px;
	height: 190px;
	float: left;
	margin: 0px 20px 0px 0px;
	z-index: 620;
	padding-bottom: 20px;
}
ul.gallery li.nomargin {
	margin: 0px;
}
ul.gallery li img {
	margin: 22px 0px 0px 22px;
}
.sendimage {
	padding: 15px 15px 0px 15px;
}
.sendimage h3 {
	color: #94090e;
	font-size: 1em;
	line-height: 1.3em;
	padding: 0px 20px 5px 0px;
}
.sendimage p {
	font-size: .7em;
	color: #666;
	padding-bottom: 8px;
}
.sendimage ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.sendimage li {
}
.sendimage li a:link, .sendimage li a:visited {
	background: url(../assets/pageframework/emailimage_up.jpg) no-repeat;
	width: 183px;
	height: 57px;
	display: block;
	text-indent: -5000px;
}
.sendimage li a:hover {
	background: url(../assets/pageframework/emailimage_over.jpg) no-repeat;
}




/*============================================================ Teachers Club ==*/

.worksheet {
	font-size: .8em;
	color: #666;
	border-bottom: 1px #CCC dashed;
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 30px;
}
.worksheet img {
	float: left;
	margin: 0px 15px 0px 0px;
}
img.newsphoto {
	float: right;
	border: 3px solid #CCC;
	margin: 10px 0px 10px 20px;
}
	
.newsdate {
	font-size: .85em;
	margin-bottom: .5em;
}
.newstitle {
	font-weight: bold;
	font-size: 1.2em;
	color: #94090e;
	margin-bottom: .3em;
}
table.reg tr td input {width: auto;}



div.jumpmenu {
	position: relative;
	width: 700px;
	height: 1px;
}


#ct_header {
	width: 700px;
	height: 65px;
	position: relative;
	background: url(../assets/photos/teachers/ct_header2.jpg) no-repeat top left;
	margin-bottom: 15px;
}
#ct_header div#issuemenu, select#jumpMenu {
	position: absolute;
	top: 22px;
	right: 50px;
	display: inline;
}
#ct_header h2 {
	background: none;
	padding: 0px 0px 0px 130px;
}

.ct_floater {
	margin: 20px 10px 0px 15px;
}
.ct_floater img {
	margin-bottom: .5em;
}
.ct_floater p {
	font-size: .75em;
	line-height: 1.5em;
	color: #333;
}

.ct_floater ul {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
.ct_floater li {
}
.ct_floater li a:link, .ct_floater li a:visited {
	background: url(../assets/pageframework/emailimage_up.jpg) no-repeat;
	width: 183px;
	height: 57px;
	display: block;
	text-indent: -5000px;
}
.ct_floater li a:hover {
	background: url(../assets/pageframework/emailimage_over.jpg) no-repeat;
}

table#tbl_task td {
	padding: 5px 30px 0px 0px;
}



/*============================================================ Footer ==*/

/*.footer {
	background: url(../assets/pageframework/footer_back.jpg) repeat-x top center;
	height: 90px;
	clear: both;
}*/
.footer {
	background: url(../assets/pageframework/temp_footer.jpg) no-repeat top center;
	height: 90px;
	clear: both;
}
.footer p {
	font-size: .7em;
	color: #FFF;
	padding: 50px 0px 0px 20px;
}
.footer a:link, .footer a:visited {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}
.footer a:hover {
	text-decoration: underline;
}




/*============================================================ Forms ==*/

.contactform fieldset {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 20px;
	margin: 20px 0px 10px 0px;
}
div.contactform input {width: 60%;}
div.contactform input.submit {width: 90px;}
div.contactform textarea {
	width: 60%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	height: 100px;
}
.contactform fieldset ul li p {
	color: #94090e;
	margin-top: .3em;
	background: url(../assets/pageframework/warning_symbol.gif) no-repeat left center;
	padding-left: 20px;
}
.contactform fieldset table {
	font-weight: normal;
	margin: 10px 0px;
}
.contactform fieldset table thead {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.contactform fieldset table td {
	padding: 3px;
}

.contactform input#checkbox {
	width: auto;
}

fieldset ul {margin: 0px; padding: 0px; list-style: none;}
fieldset ul li {padding-bottom: .5em;}
fieldset ul li label {font-size: .8em; text-transform: uppercase; color: #666; display: block;}
fieldset ul li span {
	color: #94090e;
	font-size: 1.3em;
	margin-left: 5px;
}

div.loginform {
	width: 420px;
	height: 285px;
	background: url(../assets/pageframework/loginform_back.jpg) no-repeat;
	float: left;
}
div.loginform h3 {padding: 35px 0px 0px 65px;}
div.loginform p {padding: 0px 40px 0px 65px;}
div.loginform input {width: 70%;}
div.loginform li {margin: 0px 0px 0px 50px;}
div.loginform input.login {width: auto;}
li.formbutton {width: 80px; float: left;}
li.notmember {float: left; margin: 0px; padding: 15px 0px 0px 0px;}
fieldset ul li.thankyou {clear: left; font-size: 1.1em; padding-top: 10px;}



/*============================================================ Tables ==*/

table.requiredprod {
	margin-bottom: 20px;
	margin-top: 10px;
}
.tableheading {
	font-size: 1em;
	font-weight: bold;
	color: #94090e;
	padding-left: 10px;
}
.tableimage {
	width: 100px;
}
.tablecopy {
	font-size: .8em;
	line-height: 1.3em;
	color: #666;
	padding: 8px 10px;
}
td.moreinfo {
	background-color: #E7E7E7;
	text-align: right;
	padding-right: 15px;
}



/*============================================================ Hacks and Filters ==*/

.clearfix {clear: both;}