/* - Common CSS File - Jinty Art School - */
/* - Copyright 2008 Lazy Grace Ltd - */
/* - 22nd October 2008 - */

div {
	margin: 0;
	padding: 0;
	width: auto;
}
h1{
	display: none;
}

h2{
	display: none;
}

h3{
	display: none;
}

h4{
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #255484;
	font-weight: bold;
}

h5{
	font-size: 14px;
	color: #66c2d2;
	font-weight: 100;
}

h6{
	font-size: 12px;
	color: #255484;
	font-weight: bold;
}
hr{
	margin: 0;
	padding: 0;
	height: 1px;
	border: 0;
	color: #e5e5e5;
	background-color: #e5e5e5;
}
.intro{
	font-size: 14px;
}	

a{

}

a:link, a:visited, a:active {
	font-family: Tahoma, Arial, Sans-Serif, Helvetica ;
	color: #dd9100;
	text-decoration: none;
}

a:hover{

	font-family: Tahoma, Arial, Sans-Serif, Helvetica ;
	color: #dd5300;
	text-decoration: underline;
}

p.jumbo{
	margin: 0;
	padding: 20px 0 5px 0;
	font-size: 16px;
	color: #4d5a5c;
	font-weight: 100;
	line-height: 22px;
}
p.lrg{
	margin: 0;
	padding: 5px 0 5px 0;
	width: auto;
	height: auto;
	font-size: 12px;
	color: #4d5a5c;
	font-weight: 100;
}
p.jumbo_home{
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 16px;
	color: #4d5a5c;
	font-weight: 100;
	line-height: 22px;
}
p.norm{
	margin: 0;
	padding: 5px 0 5px 0;
	width: auto;
	height: auto;
	font-size: 12px;
	color: #4d5a5c;
	font-weight: 100;
	line-height: 20px;
}
p.norm_under{
	clear: both;
	margin: 0;
	padding: 15px 0 0 0;
	height: auto;
	font-size: 12px;
	color: #4d5a5c;
	font-weight: 100;
	line-height: 20px;
}

p.med{
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 11px;
	color: #4d5a5c;
	font-weight: 100;
	line-height: 18px;
}

p.small{
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 10px;
	color: #4d5a5c;
	font-weight: 100;
	line-height: 10px;
}

.clear{
	clear: both;
	width: auto;
	height: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

.clear_0{
	clear: both;
	width: auto;
	height: 0;
	margin: 0;
	padding: 0;

}

.clear_10{
	clear: both;
	width: auto;
	height: 10px;
	margin: 0;
	padding: 0;

}
.clear_10{
	clear: both;
	width: 100px;
	height: 10px;
	margin: 0;
	padding: 0;

}
.clear_20{
	clear: both;
	width: 100px;
	height: 20px;
	margin: 0;
	padding: 0;

}
.clear_30{
	clear: both;
	width: 100px;
	height: 30px;
	margin: 0;
	padding: 0;

}
.clear_50{
	clear: both;
	width: 100px;
	height: 50px;
	margin: 0;
	padding: 0;

}
/* Navigation & Buttons */
/* -Home Link - */
.nav_home{
	float: left;
	padding: 0;
	margin: 0;
	width: 65px;
	height: 66px;
}
.nav_home a{
	float: left;
	display: block;
	width: 65px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_home.gif) 0 0 no-repeat;
}
.nav_home a:hover{
	float: left;
	display: block;
	width: 65px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_home.gif) 0 -66px no-repeat;
}
.nav_home_on{
	float: left;
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 65px;
	height: 66px;
}
.nav_home_on a{
	float: left;
	display: block;
	width: 65px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_home.gif) 0 0 no-repeat;
}
/* - About Link - */
.nav_about{
	float: left;
	padding: 0;
	margin: 0;
	width: 70px;
	height: 66px;
}
.nav_about a{
	display: block;
	width: 70px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_about.gif) 0 0 no-repeat;
}
.nav_about a:hover{
	display: block;
	width: 70px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_about.gif) 0 -66px no-repeat;
}
.nav_about_on{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 70px;
	height: 66px;
}
.nav_about_on a{
	display: block;
	width: 70px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_about.gif) 0 0 no-repeat;
}
/* - Courses Link - */
.nav_courses{
	float: left;
	padding: 0;
	margin: 0;
	width: 93px;
	height: 66px;
}
.nav_courses a{
	display: block;
	width: 93px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_courses.gif) 0 0 no-repeat;
}
.nav_courses a:hover{
	display: block;
	width: 93px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_courses.gif) 0 -66px no-repeat;
}
.nav_courses_on{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 93px;
	height: 66px;
}
.nav_courses_on a{
	display: block;
	width: 93px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_courses.gif) 0 0 no-repeat;
}
/* - Art Store Link - */
.nav_store{
	float: left;
	padding: 0;
	margin: 0;
	width: 92px;
	height: 66px;
}
.nav_store a{
	display: block;
	width: 92px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_artstore.gif) 0 0 no-repeat;
}
.nav_store a:hover{
	display: block;
	width: 92px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_artstore.gif) 0 -66px no-repeat;
}
.nav_store_on{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 92px;
	height: 66px;
}
.nav_store_on a{
	display: block;
	width: 92px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_artstore.gif) 0 0 no-repeat;
}
/* - News Link - */
.nav_news{
	float: left;
	padding: 0;
	margin: 0;
	width: 69px;
	height: 66px;
}
.nav_news a{
	display: block;
	width: 69px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_news.gif) 0 0 no-repeat;
}
.nav_news a:hover{
	display: block;
	width: 69px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_news.gif) 0 -66px no-repeat;
}
.nav_news_on{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 69px;
	height: 66px;
}
.nav_news_on a{
	display: block;
	width: 69px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_news.gif) 0 0 no-repeat;
}
/* - Links Link - */
.nav_links{
	float: left;
	padding: 0;
	margin: 0;
	width: 62px;
	height: 66px;
}
.nav_links a{
	display: block;
	width: 62px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_links.gif) 0 0 no-repeat;
}
.nav_links a:hover{
	display: block;
	width: 62px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_links.gif) 0 -66px no-repeat;
}
.nav_links_on{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 62px;
	height: 66px;
}
.nav_links_on a{
	display: block;
	width: 62px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_links.gif) 0 0 no-repeat;
}

/* - Contact Link - */
.nav_contact{
	float: left;
	padding: 0;
	margin: 0;
	width: 76px;
	height: 66px;
}
.nav_contact a{
	display: block;
	width: 76px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_contact.gif) 0 0 no-repeat;
}
.nav_contact a:hover{
	display: block;
	width: 76px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_contact.gif) 0 -66px no-repeat;
}
.nav_contact_on{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 76px;
	height: 66px;
}
.nav_contact_on a{
	display: block;
	width: 76px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/nav_contact.gif) 0 0 no-repeat;
}

/* Find out more */
.butt_findoutmore{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 109px;
	height: 50px;
	clear: both;
	background: url(../images/homepage/butt_findoutmore.gif) no-repeat top left;
}
.butt_findoutmore a{
	display: block;
	width: 109px;
	height: 50px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_findoutmore.gif) no-repeat top left;
}
.butt_findoutmore a:hover{
	display: block;
	width: 109px;
	height: 50px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/butt_findoutmore.gif) no-repeat 0 -50px ;
}

/* View course */
.butt_viewcourse{
	padding: 6px 10px 0 0;
	margin: 0 0 0 0;
	width: 109px;
	height: 27px;
	float: right;
}
.butt_viewcourse a{
	display: block;
	width: 109px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/butt_viewcourse.gif) no-repeat 0 -27px;
}
.butt_viewcourse a:hover{
	display: block;
	width: 109px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/butt_viewcourse.gif) no-repeat 0 0;
}

/* View Store */
.butt_viewstore{
	padding: 6px 2px 0 0;
	margin: 0 0 0 0;
	width: 109px;
	height: 27px;
	clear: both;
	float: right;
}
.butt_viewstore a{
	display: block;
	width: 109px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/butt_viewstore.gif) no-repeat 0 -27px;
}
.butt_viewstore a:hover{
	display: block;
	width: 109px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/butt_viewstore.gif) no-repeat 0 0;
}

/* Sign up to mailing list */
.butt_signuptomailinglist{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 215px;
	height: 27px;
	float: right;
}
.butt_signuptomailinglist a{
	display: block;
	width: 215px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/butt_signuptomailinglist.gif) no-repeat 0 -27px;
}
.butt_signuptomailinglist a:hover{
	display: block;
	width: 215px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/butt_signuptomailinglist.gif) no-repeat 0 0 ;
}

/* Courses Dropdown menu */
#sddm{ 
	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddm li {	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: normal 11px arial;
	background: url(../images/common/drop_top.gif) no-repeat 0 0 ;
	width: 222px;
	height: 24px;
}
#sddm li a {	
	display: block;
	margin: 0 0 0 0;
	padding: 4px 10px;
	width: 202px;
	height: 16px;
	color: #333;
	text-align: left;
	text-decoration: none}

#sddm li a:hover {	
	color: #000;
}

#sddm div{
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #fff;
}
#sddm div a {	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #2875DE;
	font: 11px arial
}

#sddm div a:hover {
	color: #000;
}

.mailingform{
	margin: 0;
	padding: 0;
	width: 220px;
	height: 20px;
	background: transparent;
	border: 0px;
	font-size: 14px;
	color: #255484;
}
.mailing_list_text{
	margin: 0;
	padding: 0 60px 0 115px;
	width: 138px;
	height: 70px;
}
.mailing_list_input{
	margin: 0;
	padding: 15px 63px 0 13px ;
	width: 237px;
	height: 56px ;
}

.mailing_list_input_field{
	margin: 0;
	padding: 3px 5px 0 5px;
	width: 227px;
	height: 28px;
	border: 0px;
	background: transparent;
}

.mailing_list_butt{
	margin: 0;
	padding: 0 40px 0 0;
	width: 273px;
	height: 30px ;
}
.mailing_list_label{
	display: none;
}

#base_left{
	margin: 0;
	padding: 36px 0 0 0;
	height: 202px;
	width: 276px;
	float: left;
	background: url(../images/common/base_left.jpg) no-repeat top right;
}
#base_left h4{
	display: none;
}
#base_left p{
	margin: 125px 0 0 20px;
	font-size: 12px;
}
#base_left .butt_viewcards{
	margin: 20px 0 0 160px;
	padding: 0;
	width: 102px;
	height: 27px;
	background: url(../images/common/butt_viewcards.gif) 0 0 no-repeat;
	display: block;
}
#base_left .butt_viewcards:hover{
	background: url(../images/common/butt_viewcards.gif) 0 -25px no-repeat;

}
#base_left .butt_viewcards span{
	display: none;
}