/* Reset all styles ********************** */
td, tr, td#contentAreeaHome span.Explicit, td#contentAreaSubpage span.Explicit { 
line-height:11px;
}

* { margin: 0; padding: 0; } 

hr {
display: none;
}

body#home {
color: #ccc;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #fffef2 url(http://tauac.convio.net/images/wrapper/background.jpg) repeat-x top left;
}

body#subpage {
color: #ccc;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #fffef2 url(http://tauac.convio.net/images/wrapper/background_subpage.jpg) repeat-x top left;
}

div#page {
position: relative;
margin: 0px auto;
display: block;
width: 980px;
background: #fffef2;
}

div#brandingArea {
position: absolute;
left: 0px;
top: 0px;
width: 980px;
height: 129px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div#flashArea {
position: absolute;
left: 5px;
top: 146px;
width: 970px;
height: 130px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* div#contentAreaHome {
position: absolute;
left: 0px;
top: 340px;
width: 970px;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}

div#contentAreaSubpage {
position: absolute;
left: 0px;
top: 205px;
width: 970px;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}

*/

td#contentAreaHome {
width: 975px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

td#contentAreaSubpage {
width: 965px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}

div#widgetsLeft {
float: left;
width: 260px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}

div#widgetsRight {
float: right;
width: 260px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}

/* These are for pages where there are 3 columns with a widgets column. */
div#column1 {
float: left;
width: 330px;
margin: 0px 0px 0px 25px;
padding: 0px 0px 20px 0px;
}

div#column2 {
float: left;
width: 330px;
margin: 0px 0px 0px 25px;
padding: 0px 0px 20px 0px;
}

/* These are for pages where there are 2 columns of articles and a widgets column. */
div#articleCol1 {
float: left;
width: 330px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}

div#articleCol2 {
float: left;
width: 330px;
margin: 0px 0px 0px 25px;
padding: 0px 0px 20px 0px;
}

/* These are for pages where there are only 2 columns (no widgets column) */
div#columnA {
float: left;
width: 470px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}

div#columnB {
float: right;
width: 470px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}

div#columnArticle {
float: left;
width: 660px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}

div#footer {
clear: both;
width: 980px;
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 0px;
background: #fffef2 url(http://tauac.convio.net/images/wrapper/footer_line.gif) no-repeat top left;
}

img#convio {
float: right;
}

img.frame {
border: 5px solid #ccc;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.floatRight {
float: right;
margin: 5px 0px 10px 50px;
padding: 0;
}

div.box {
width: 260px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #ccc url(http://tauac.convio.net/images/wrapper/box_middle2.gif) repeat-y top left;
}

div.box img {
float: left;
}

img.boxHeading {
margin: 3px 0px 0px 10px;
}

/* Text styles ***************************************************************/

.headline {
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 20px;
line-height: 24px;
color: #333333;
margin: 0px 0px 0px 0px;
letter-spacing : 0px;
}

p, span {
font-family: Verdana, Arial, sans-serif !important;
font-size: 11px;
color: #333;
line-height: 17px;
margin: 0px 0px 16px 0px;
}

p.normal {
line-height: 17px;
margin: 0px 0px 16px 0px;
}

p.articleTitle {
text-align: justify;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px;
margin: 0px 0px 0px 0px;
font-weight: bold;
}

p.articleTitle2{
text-align: justify;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px;
margin: 0px 0px 0px 0px;
font-weight: bold;
}

p.articleTeaser {
text-align: justify;
line-height: 20px;
font-size: 11px;
color: black;
margin: 0px 15px 0px 0px;
}

p.articleTeaser2 {
text-align: justify;
line-height: 20px;
font-size: 11px;
color: black;
margin: 0px 15px 0px 0px;
}

p.articleTeaserSpotlight {
text-align: left;
line-height: 15px;
font-size: 11px;
color: black;
margin: 15px 0px 0px 0px;
}

p.articleDate {
font-size: 10px;
color: #999;
margin: 0px 0px 10px 0px;
}

p.blogTitle {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 16px;
margin: 0px 0px 0px 0px;
font-weight: bold;
}

p.blogDate {
font-size: 10px;
color: #999;
margin: 0px 0px 10px 0px;
}

p.articleMore {
margin: 0px 0px 20px 0px;
}

p.eventTitle {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px;
margin: 0px 0px 10px 0px;
font-weight: bold;
}

p.footer {
float: left;
}

p.copyright {
clear: left;
float: left;
font-size: 10px;
color: #999;
margin: 5px 0px 0px 0px;
}

p.box {
padding: 0px 10px 10px 10px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 20px;
color: #333;
margin: 0px 0px 17px 0px;
letter-spacing : -1px;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 18px;
color: #333;
margin: 20px 0px 10px 0px;
font-weight: normal;
}

div.sideStory h2 {
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 18px;
color: #333;
margin: 0px 0px 10px 0px;
font-weight: normal;
}

h3 {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px;
color: #333;
margin: 15px 0px 10px 0px;
font-weight: bold;
}

hr {
display: block;
height: 1px;
width: 100%;
background: #ccc;
border: 0;
margin: 10px 0px 10px 0px;
}

/* for inserting images within articles ****************************************/

div.imageInsert {
display: block;
float: right;
/* recommended width: 250px */
margin: 5px 0px 10px 50px;
padding: 5px 5px 5px 5px;
background: #ccc;
}

div.imageInsert img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0;
}

div.imageInsert p {
font-size: 10px;
}

div.sideStory {
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
background: #ffeeba;
}

/* List ****************************************/

div#columnArticle ul {
}

div#columnArticle li {
font-family: Verdana, Arial, sans-serif !important;
font-size: 12px;
color: #333;
line-height: 16px;
margin: 8px 10px 8px 20px;
padding: 0;
list-style-type: disc;
list-style-position: outside;
list-style-image: none;
}

div#columnArticle li.num {
list-style-type: decimal;
margin: 8px 10px 8px 30px;
}

div#widgetsRight ul, div#widgetsLeft ul {
}

div#widgetsRight li, div#widgetsLeft li {
font-family: Verdana, Arial, sans-serif !important;
font-size: 12px;
font-weight: normal;
color: #333;
line-height: 16px;
margin: 8px 0px 8px 18px;
padding: 0;
list-style-type: disc;
list-style-position: outside;
list-style-image: none;
}

/* FORMS *****************************************************************************************/

input, select, textarea {
font-family: Verdana, Arial, sans-serif !important;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 3px 2px 3px 2px;
border: 1px solid #b2b2b2;
color: #333;
background: #fff;
}

input#submit {
border: 0;
}

label {

margin: 0px 10px 0px 0px;
}

input.checkbox {
border: 0;
}


div.radioGroup {
	display: block;
	width: 390px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	border: 1px dotted #aaa;
}

input.radio {
	float: left;
	border: 0px;
	margin: 0px 10px 0px 0px;
}

div.radio {
	color: #666;
	display: block;
	width: 390px;
	padding: 3px 0px 3px 0px;
}

p.radioLabel {
	float: left;
	width: 360px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
}

/* tables */

td {
font-family: Verdana, Arial, sans-serif !important;
font-size: 12px;
color: #333;
padding: 0px;
/* border: 1px solid #ccc; */
}

td.normal {
background: #f2f2f2;
}

tr {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px;
}

th div {
color:#333333;
}

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 

note:
Use this on the container block, not in the content block.
You can apply multiple classes to an element by separating them with a space.
E.g. class="clearfix anotherClass"
clearfix must come first.
*/

.clearfix:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}

.clearfix {
display: inline-block; /* Fixes IE/Mac */
}

.clearfix2 {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		

ul {
margin-left:15px;
}

ul li {
font-family: Verdana, Arial, sans-serif; }