.FOR_IMAGES_PICK_ONE_OF_THE_FOLOWING_THREE{}
img.landscape{
    float: none;
    margin: 0;
    padding: 0;
}

img.portrait_left_side{
    float: left;
    margin:0;
    padding:0;
    margin-right: 10px;
}

img.portrait_right_side{
    float: right;
    margin:0;
    padding:0;
    margin-left: 10px;
}

html {
	height: 100%;
}

body {
	height: 100%;
        margin: 0;
}
body#site{
        text-align: center;
        background: #fff url(../images/page_bg.png) repeat-y top center;
}
body, td, div, p, a:link, a:visited{
    color: #777777;
    font-family: georgia, serif;
    font-size: 13px;
    line-height: 16.5px;
    letter-spacing: 0px;
}

table{
    border-spacing: 0px;
    border-collapse: collapse;
}
table th{
    text-align: left;
}

ul{
    margin: 0;
    padding: 0;
}
ul li{
    margin: 0;
    padding: 0;
}

.clr {
	clear: both;
        height: 0px; /* for ie7 */
}

hr{
    border: 0;
    width: 400px;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
    margin: 8px 0;
}

a:link, a:visited{
    color: #805797;
    text-decoration: underline;
}
a:hover{
    text-decoration: none;
}

a:link img, a:visited img{
    text-decoration: none;
    border: none;
}

p{
    margin: 0;
    padding: 0;
    padding-bottom: 1em;
}

iframe {
    overflow-x: hidden;
    overflow-y: scroll;
} 

div#everything{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    
    width: 970px;
    padding-top: 0px;
}

div#header_wrapper{
    height: 250px;
    background: url(../images/headeri3.jpg) no-repeat;
}

div#mainmenu_wrapper{
    background: #000;
    height: 39px;
    color: #fff;
    width: 960px;
}

div#maincol_wrapper{
    padding-top: 35px;
}

div#footer_wrapper{
    padding-top: 30px;    
    padding-left: 1px;
    padding-right: 20px;
}

div#sponsors{
    overflow: hidden;
    width: 958px;
    border-top: 1px solid #E1E1E1;
    padding-top: 30px;
    padding-bottom: 20px;
    background: #fff;
}


/* frontpage */
div#fp_content_wrapper{
    width: 320px;
    float: left;
}

div#fp_content{
    padding-left: 10px;
    padding-right: 10px;
}

div#fp_modules_wrapper{
    width: 320px;
    float: left;
}

div#fp_modules{
    padding-left: 10px;
    padding-right: 10px;
}

/* news */
div#everything.news div#fp_modules{
    padding-top: 3px;
}
/* other pages / all pages */

div#content_wrapper{
    width: 640px;
    float: left;
}

div#content{
    padding-left: 10px;
    padding-right: 10px;
}

div#modules_right_wrapper{
    width: 320px;
    float: left;
}

div#modules_right{
    padding-left: 10px;
    padding-right:10px;
}

/* menus */

div#mainmenu_wrapper ul.menu{
    margin: 0;
    padding: 0;
}

div#mainmenu_wrapper ul.menu li{
    list-style: none;
    float: left;
}

div#mainmenu_wrapper ul.menu li a:link, div#mainmenu_wrapper ul.menu li a:visited, div#mainmenu_wrapper span.separator{
    color: #fff;
    font-family: "Courier New", Courier, serif;
    font-size: 21px;
    line-height: 39px;
    font-weight: normal;
    text-transform: uppercase;
    margin-left: 11px;
    text-decoration: none;
}


/* hover / active */
div#mainmenu_wrapper ul.menu li a:hover, div#mainmenu_wrapper ul.menu li.active ul li a:hover,
div#mainmenu_wrapper ul.menu li.active a:link, div#mainmenu_wrapper ul.menu li.active a:visited
{
    text-decoration: underline;
    color: #ffffff;
}


/* content */

div#content table.contentpaneopen td{
    width: 620px;
}

div#everything.frontpage table.contentpaneopen{
    width: 300px;
}
div#everything.frontpage table.contentpaneopen td{
}

div#content .blog table.contentpaneopen{
    width: 310px;
}

.latestnews .article p, div#everything.news .blog p{
    padding-bottom: 0;
}

.latestnews .article{
    padding-bottom: 1em;
}


.contentheading, td.contentheading, h1, h2, .componentheading, div.moduletable h3, div#everything.frontpage .blog .contentheading{
    display: block;
    font-family: impact, arial, sans-serif;
    font-size: 23px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: normal;
    color: #000;
    text-decoration: underline;
    padding: 0;
    margin: 0;
    padding-bottom: 30px;
    text-align: center;
    width: 100%;
}

div.moduletable h4, h3.form_title, div#everything.frontpage .blog h3{
    text-decoration: none;
    color: #777777;
    padding-bottom: 0px;
    font-family: impact, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    letter-spacing: 0.7px;
}

h4.purple, div.moduletable h4.highlight_title, div.moduletable h4.purple, h3.form_title, div#everything.frontpage .blog h3.purple{
    color: #805797;
}



.blog .contentheading{
    padding-bottom: 0px;
    font-size: 16px;
    text-decoration: none;
    color: #805797;
    letter-spacing: 0.7px;
}



img#logolink{
    height: 251px;
    width: 320px;
}

/* hr columns */
div#content_leftcol_wrapper{
    float: left;
    width: 309px;
}

div#content_rightcol_wrapper{
    float: left;
    width: 309px;
}


div#content_leftcol{    
    margin-right: 10px;    
    padding-top: 3px;
}

div#content_rightcol{
    margin-left: 10px;
    overflow: hidden;
}

/* * modules * */

div#modules_right div.moduletable{
    padding-bottom: 30px;
}

/* * grokevents * */

/* event row */
div.event_row{
    padding-bottom: 20px;
}

div.event_row div.details_wrapper{
    float: left;
    width: 149px;
    font-family: impact, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
}

div.event_row div.picture_wrapper{
    float: left;
    width: 170px;
}

div.event_row div.picture_wrapper div.picture{
    width: 150px;
    height: 130px;
    background: url(../images/placeholder.gif);
}    

div.event_row div.showing, div.event_row div.title, table.showings_table td{
    font-size: 15px;
    letter-spacing: 0.7px;
    font-family: impact, sans-serif;
    color: #805797;
    text-transform: uppercase;
}

div.event_row div.details_wrapper, div.venue{
    font-size: 15px;
    letter-spacing: 0.7px;
    font-family: impact, sans-serif;
}

/* calendar */
table.grokevent_calendar{
    width: 300px;
}

table.grokevent_calendar td.month_name{
   font-family: impact, sans-serif;
   font-size: 16px;
   letter-spacing: 0.7px;
   color: #805797;
   text-transform: uppercase;
   text-align: center;
   padding-bottom: 10px;
}

table.grokevent_calendar th.week_day{
    color: #c0c0c0;
    font-size: 15px;
    font-family: courier, fixed;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 3px;
}

table.grokevent_calendar td.day_active a:link, table.grokevent_calendar td.day_active a:visited,
table.grokevent_calendar td.day_inactive{
    color: #000;
    font-size: 25px;
    font-family: courier, serif;
    line-height: 30px;
    text-decoration: none;
}
table.grokevent_calendar td.day_active a:hover, table.grokevent_calendar td.day_active a:focus, 
table.grokevent_calendar td.day_active a.selected:link, table.grokevent_calendar td.day_active a.selected:visited{
    color: #805797;
    text-decoration: none;
}

table.grokevent_calendar td.day_inactive{
    color: #c0c0c0;
}

/* lists */
div.event_list{
    padding-bottom: 30px;
}

/* grokforms */
td.paramlist_value span.postlabel_wrapper input,
td.paramlist_value div.form_checkbox_multi input{
    vertical-align: middle;
}
td.paramlist_value div.value_wrapper{
    display: block;
    padding: 5px 0;
}
td.paramlist_key span.key_wrapper{
    display: block;
    padding: 5px 0;
}
td.paramlist_value span.postlabel_wrapper input.form_checkbox,
td.paramlist_value div.form_checkbox_multi input{
    padding: 0;
    margin: 0 0 2px 0;
}
td.paramlist_value span.postlabel_wrapper label,
td.paramlist_value div.form_checkbox_multi label{
    vertical-align: middle;
    margin-left: 10px;
}
td.paramlist_value span.postlabel_wrapper,
td.paramlist_value div.form_checkbox_multi{
    display: block;
    padding: 3px 0;
}

.form_paragraph{
    width: 300px;
}

td.paramlist_key{
    width: 320px;
}

td.paramlist_key span.key_wrapper{
    padding-right: 20px;
}

h3.form_title{
    width: 300px;
    padding-top: 1.5em;
}

/* slimbox override */
.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center ! important;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15% ! important;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15% ! important;
}

#lbCloseLink {
	background: transparent url(../images/closelabel.gif) no-repeat center ! important;
}