@import url("css/print.css") print;

body {
		font-size:small;
		font-family:Helvetica,Arial,sans-serif;
		color:black;
		/*'Franklin Gothic LT Extra Condensed'*/
}

body.skin {
		margin:0;padding:0;
		border-top:6px solid black;
}


a {color: #007683;text-decoration:none;}
a:visited {color: #556e75;text-decoration:none;}
a:hover {color:#03455e;text-decoration:underline;}
a img {border:0;}
#footer a {color:#fff;}
p.byLine {font-size:x-small}

/* headings */

h1 {font-size:200%;}
h2 {font-size:150%;}
h3 {
    font-size:112%;
    font-weight:bold;
    margin-bottom: 0;
}


/* for cufon */
#header h1.title,#header h4,#content h1,#content h2 {
		text-transform:uppercase;}

#header h4 {letter-spacing:1.5px;}

#content h1,#content h2 {letter-spacing:1.5px;color:#9F4A01;}

#content h2 {
	margin-bottom:0;
	margin-top:20px;
}



#content p {
	line-height:1.45;
	margin-top: 0;
}

#content > p:first-child {
	font-size:105%;
	line-height:1.7;
}

#header h1.title {color:white;font-size:48px;padding:0;
							position:absolute;top:42px;left:30px;}
#header h4 {color:#F4F2E9;font-size:30px;
							background:#7C4414;position:absolute;
							top:40px;left:470px;width:260px;padding:5px 0;margin:0;
							text-align:center;}

#header h1 {
		margin:0;padding:0;
}

/* top-level divs  - layout */
.wrapper {
		width:941px;
		margin:0 auto;
		padding:0;
	}

/* No position for content area otherwise module menues get displaced  */	
#header .wrapper, #footer .wrapper {
		position:relative;    
}	

#header, #footer {
		background:#FA9641;
		margin:0;padding:0 0;
}

#titlebar {/* for lev 2 */
	position:relative;text-align:right;background:#F88828;margin-top:10px;
}

#contentcontainer .wrapper {
		background:url('img/content_bg.gif') repeat-y 0 0;
}

#contentcontainer {
		background:#F9F7F3;
		border-bottom:6px solid black;
		margin:0;
}


#footer {
		clear:both;padding:0;
}

#footer .wrapper {
		background:url('img/footer_bg.gif') repeat-y 0 0;
		padding:0 2px 50px;
		width:939px;
}

/* toolbar */
#tools {
		position:absolute;right:0;top:0;
		width: 600px;
}

ul#toolbar a {color:black;}

p.breadcrumb  {
		margin:0;padding:7px 0 0 5px;
		height:58px;		
}

p.breadcrumb a {color:white;}

/* links lists */
.linkslist {
		list-style:none;
}

ul.linkslist li {
		float:left;margin:0;padding:0;
}

ul.linkslist li a {
	padding-right:5px;
	margin-left:10px;
}

ul#toolbar {
	float:left;margin-top:20px;
}

ul#toolbar {
	margin-top:30px;
}

ul#toolbar li a {
	font-size:90%;
}

#search {
    position: absolute; top: 20px; right: 0;
    background:white url("img/search.gif") no-repeat top right;
    height:25px;
    width: 220px;
    border:1px solid black;
}

#search input {
    position: absolute; top: 0; right: 35px;
	border: none;
	border-width: 0; /* IE7 */
	margin-left:15px;
	width:180px;
	padding: 5px 0 0 4px;
}


/* jQuery is used to replace a dnn linkbutton with an image by using this class  */
#search .searchbutton {
    position: absolute; top: 0; right: 0;
    display: block;
    width: 30px;
    height: 26px;
}


/* nav bar */
#nav {
    padding:0;
    text-align:left;
    background-color: #f57303;
    height: 48px;
}

#nav ul, #footer ul, #minornav ul {
	list-style: none;
}

#nav ul, #nav ul li,#nav ul li a, #nav ul li a img  {margin:0;padding:0;}

#nav ul li  {
	float:left;margin:0;padding:0;
	height:48px;
}

/* my festival */

#myfest {
	width:185px;
	float:right;
	padding: 0;
}


#myfest h2  {
	margin:0;padding:0;
}

.myfesttitle {
   background: transparent url(img/my_festival_title_bg.gif) 0 0 no-repeat;
}

#myfest h3 {
	margin:5px 0;
}

#myfest .schedule {
    border-bottom: 3px double #e3ded8;
    margin-bottom: 15px;
    border-top: 1px solid #f0eae4;
    background-color: #f0eae4;
}

#myfest .schedule p {
	padding:0 20px;
	margin: 10px 0;
}

#myfest .schedule p {
    margin-top: 0;
}


#myfest .scheduleform input {
	border:1px solid #E3DED8;
	background:white;
	width:130px;
	padding: 3px;
}

#myfest .scheduleform input.img {
	padding: 0;
	width: auto;
}

#myfest .schedule hr {
	margin-top:15px;
}


#myfest .myfestbody p {
    margin: 7px 0;
}

ul#myschedule {
    margin: 0 0 15px 0;
    list-style: square;
    padding: 0 5px 0 35px;
}

ul#myschedule li {
    padding: 2px 0;
}


#tweets p {
	margin:15px 20px;
}

#tweets h2 {
	margin-top:0;
}



	
#myfest .myfestbody p.signoutbtn {
    margin-top: 15px;
}

hr {
	height:3px;
	margin:0 0 15px 0;
	padding:0;
	border: 0;
	clear:both;
}

#content hr {
	background:url('img/hr_content.gif') repeat-y 0 0;
	width:492px;
}

/* minor nav home page */
#minornav {
	background: #f0eae4 url('img/nav_shadow_left.gif') repeat-x top left;
	width:219px;
	float:left;
	text-align:center;
	margin:0 0 0 2px;
	padding: 5px 0 0 0;
	border-bottom: 3px double #e3ded8;
}

#minornav ul {
	padding:0;
	margin:15px 0 25px 10px;
	text-align:left;
}

#footer ul li,#minornav ul li,#content ul li {float:none;}

#minornav ul li {
	float:none;
	line-height:24px;
	border-bottom:1px solid #FBF7F2;
}

#minornav ul li a {
	display:block;
	line-height:24px;
	padding-left:15px;
}

#minornav ul li.on, #minornav ul li a:hover {
	background:url("img/list_on.gif") no-repeat scroll 0 7px;
}

#minornav h4 {
	padding:0;
	margin:20px auto 25px auto;
}

#minornav a.sublink {
	margin-bottom:20px;
}

#minornav h4 a, #minornav h4 a img {
	margin:0;padding:0;
}

#minornav div.ad {
	width:194px;height:93px;
	border:1px solid white;
	margin:0 auto 30px;
}

#minornav hr {
	background:url('img/minornav_hr.gif') no-repeat 0 0;	
	margin-bottom:0;
}

/* content */

#content {
	width:492px;float:right;
	margin: 0 0 20px 0;
	padding: 10px 23px 0 20px;
    background: url(img/nav_shadow.gif) repeat-x 0 0;
}

#content .newsitem img {
	display:block;float:left;margin-right:30px;margin-bottom:30px;
}

.newsitem {clear:both;}

.newsitem h4, .newsitem p {
	margin-top:0;margin-bottom:7px;	
}

/* signup form */
form#signup input {
	margin-left:10px;
}

form#signup input.wide  {
	width:200px;
	margin-left:0;
}

form#signup input.btn {
	margin-left:0;
}
	

/* footer */
#footer ul {
	position:absolute;
	top:17px;left:570px;
}

#footer h4 {
	margin:0;padding:0;
}

#footer ul li {
	margin-top:3px;
	float:none;
}

#footer #logo {
	position:absolute;
	right:0;top:0;
}

#footer #byline {
	text-align:right;
	margin-right:20px;
}

#byline p span {
	margin-left:15px;
}

div.spacer {
	clear:both;height:0;
}

.hidden {
	display:none;
}

.shown {
	display:block;
}

.twitterfeed {
    padding: 10px 10px 5px 10px;
 }
.twitlink {
    margin-top: 20px;
}

.latestnewsfeed h2 {
    padding: 8px 0 4px 0;
    border-bottom: 3px double #e3ded8;
}

a.rsslink {
    font-size: 11px;
    float: right;
    display: block;
    background: transparent url("img/rss.gif") right top no-repeat;
    height: 16px;
    padding-top: 12px;
    padding-right: 35px;
}

.latestnewsfeed h3 {
    margin-bottom: 0;
    font-family: Helvetica, Arial, serif;
    font-size: 14px;    
}
.latestnewsfeed p.newsdate {
    font-size: 11px;
    margin: 3px 0 0 0;
}
.latestnewsfeed div.newssummary p {
    margin: 7px 0 15px 0;
}


.largefont {
    font-size: 14px;
}
.smallfont {
    font-size: 11px;
}

/* contact form fields */
.formright {
    margin-bottom: 10px;
}

#feedback .txtbox, #send2friend .txtbox {
    width: 250px;
    padding: 3px;
}

#myfest div.shareprint {
    border-top: 3px double #e3ded8;
    border-bottom: 3px double #e3ded8;
    background-color: #F9F7F3;
}

#feedback .label {
	font-weight: bold; 	
}

.followontwitter {
    margin: 20px 0;
}

.btn
{
    width: 121px;
    font-size: 12px;
    font-weight:bold;
    background: transparent url(img/btn_bg.gif) no-repeat;
    color: #000;
    text-align: center;
    border: none;
    padding: 6px 0 7px 0;
}

