
/* MUPS (MMA UNIVERSAL PAGE STRUCTURE) */
/* by Samantha Orme, 5/6/2005 */

/* :DEFAULTS
----------------------------------------------- */

img { border: 0; margin: 0; padding: 0; }
img.left {float:left;  margin-left: 7px}
img.right {float:right; margin-left: 7px}
.fr { float: right; margin: 10px; }
.fl { float: left; margin: 10px; }
p img.left {margin: 7px;}
p img.fl, p img.fr, h6 img.fl, h6 img.fr { margin:3px 7px 0 0;}

a { text-decoration: underline; } a:hover { text-decoration: none; }
form { margin: 0; padding: 0; }

dl { margin-left: 10px; }
dt { margin: 0; padding: 0; font-weight: bold;  }
dd { margin: 0 0 5px 0; }

p, ul { font-weight: normal; }

.clear { clear:both;}

div.clear_box { height: 2px; margin:0; clear:both;}

br.clear.ten {height:10px;}

.bspace {margin-bottom:10px;}

.smallcaps
{
 font-size:smaller;    
font-variant: small-caps;
}

.first_p { font-weight:bold; color:#646464;}

/* :STRUCTURE
----------------------------------------------- */

body {
	font-family: geneva,arial,sans-serif;
	/*font-family: geneva, helvetica, arial, "MS Sans Serif", verdana, sans-serif;*/
	font-size: 84%; /* init to % so that ems work without minitext in IE */
	margin: 0;
	padding: 0;
	min-width: 800px;
}

div#container {
	width: 750px;
	margin: 0;
	padding: 0;
}

/* div#floatlogo { 
	position: absolute; 
	top: 0; 
	left: 750px; 
}
div#floatlogo img { float: right; margin: 5px; } */


/* :LOGO 
------------------------------------------------------- */

#floatlogo {
	position: absolute;
	top: 0;	left: 0;
	z-index: 1;
	height: 50px;
	width: 100%;
	margin: 0; padding: 0;
	text-align: right;
}

#floatlogo a { margin: 0 0 0 750px; padding: 0; }
#floatlogo img { margin: 5px 5px 0 0;  }

/*  ------------------------------------------------ */




div#content {	
	margin: 0 0 0 150px;
	padding: 83px 0 3px 0;
	width: 600px; /* correct width - works in IE5 (?!) */
	overflow: hidden;
}

div#content p.s 
{
    margin: 7px;
  
    }

div#left_col {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	margin: 0;
	padding: 0;
}

div#bottom_links {
	margin: 10px 0;
	padding: 0 0 0 150px;
	font-size: 0.8em;
	width: 750px;
	voice-family: "\"}\"";
	voice-family:inherit;	
	width: 600px;
}
html>body div#bottom_links { width: 600px; }

div#print_header { display: none; }
div#print_footer { display: none; }
p#print_backlink { display: none; }

/* :STRUCTURE-TEXT
----------------------------------------------- */

h1 { display: none; }
h2 { display: none; }

h3 { 
	border: 3px solid #ccc;
	margin: 0; padding: 4px 3px;
	font-size: 0.9em;
	height: 12px;
	voice-family: "\"}\"";
	voice-family:inherit;
	min-height: 12px;
}
html>body h3 { min-height: 12px; }

h4 {
	font-size: 1em;
	line-height: 1em;
	margin: 0 0 7px 0;
	padding: 5px 7px;
}

h4.titlebar 
{
    padding: 0 0 0 7px;
    margin: 3px 3px  0px 3px; line-height:22px; 
    }

/* Additional Elements */

h5 {
	font-size: 1em;
	margin: 10px 5px 5px 5px;
	padding: 2px;
	border-bottom: 1px solid;
}

h6 {
	font-size: 1em;
	padding:  5px 10px 0 7px; margin: 0;
	margin: 0px 10px 0px 0px;
}

h6.special
{
    margin-bottom: 0px;
    padding-bottom: 0px;
}


div#toolbar { 
	margin: 0; 
	padding: 0 3px; 
	height: 32px;
	font-size: 0.8em;
	vertical-align: middle;
}
*>html div#toolbar { \margin-top: -2px; }

div#toolbar div#tb_right { float: right; height: 32px; }
div#toolbar div#tb_left { float: left; height: 32px; }
div#toolbar .tb_print img { margin: 3px 5px 0 0; } /* pad icons */
div#toolbar .tb_back img { margin: 9px 0 12px 5px; vertical-align: middle;  }
div#toolbar .tb_back { vertical-align: -7px; }

div#toolbar a { text-decoration: none; }
div#toolbar a:hover { text-decoration: underline; }

p.icon_row {margin-left:10px;}

/* :SECTION NAVIGATION
----------------------------------------------- */

div.sectionnav  
{
    padding:0;
    margin: 5px 3px 10px 3px; 
    /*border-right: solid 1px #e3af82;*/
    border-top: solid 1px #e3af82;
    
 
    }
    
div.sectionnav.page_a {  height:210px;}    
div.sectionnav.page_c {  height:62px;}
div.sectionnav.page_d {  height:169px;}       
  
div.sectionnav ul.navbox 
{
    float:left; 
    list-style-type:none; 
    margin:0;
    padding:0;
    }

div.sectionnav ul.navbox li { background: url(../_art/nav_border.gif) 0 repeat-y;}
div.sectionnav ul.navbox a { background: url(../_art/nav_border.gif) right repeat-y;}

 
div.sectionnav ul.navbox a 
{
    text-decoration:none;
     
    display:block;
    line-height:20px;
    padding-left:7px;
    border: solid 1px #e3af82; 
    border-top:none;
    border-right:none;
    border-left:none;
    font-weight: bold;
    color:#c30;
    
 }

div.sectionnav.page_a ul.navbox a {width:288px;}
div.sectionnav.page_c ul.navbox a, div.sectionnav.page_d ul.navbox a {width:587px;font-size: 12.3167px;}
div.sectionnav.page_a ul.navbox a {width:290px;}

div.sectionnav ul.navbox a:hover
{
 background-color:#fff;
 color:#330000;    
}

div.sectionnav br {clear: left}

/* Another Try */

div.sectionnav  
{
  
     
     }
     
    

/* :CONTENT
----------------------------------------------- */

/* correct for weird 3px bottom border on image */
img#splashimage { margin: 3px 0 5px 3px; }
html>body img#splashimage { margin-bottom: -4px; }
*>html img#splashimage { \margin-bottom: 0; \padding-bottom: 4px; }

img.splashimage { margin: 3px 0 -2px 3px; }
html>body img.splashimage { margin-bottom: 5px; }
*>html img.splashimage { \margin-bottom: 7px; \padding-bottom: 8px; }
* html img.splashimage	{margin-bottom: 5px;}


/* :CONTENT-BOXES
----------------------------------------------- */

div.linkbox, div.textbox, div.sectionbox { 
	/*margin: 5px 3px  5px 3px;8
    border-width: 3px 0 0 3px;
   	border-style: solid; 
	float: left; */
	margin: 0;
	margin-bottom:7px;
   	border-width: 3px 0 0 3px; 
	border-style: solid;  
	float: left;
	/* overflow: hidden; */
	padding-bottom:10px;
}

/* top spacing fix for under splash image */
* html div.textbox.tf	{margin-top: 7px;}

div.bottomboxed div.textbox {margin-bottom:0px;}

div.linkbox.gap
{
    margin-top: 5px;
    margin-bottom: 5px;
}

div.of1 {width: 100%}

div.of1 { width: 597px; voice-family: "\"}\""; voice-family:inherit; width: 594px; }
html>body div.of1 { width: 594px; }
div.of2 { width: 298px;  voice-family: "\"}\""; voice-family:inherit; width: 295px; }
html>body div.of2 { width: 295px; }
div.of3 { width: 199px; voice-family: "\"}\""; voice-family:inherit; width: 196px; }
html>body div.of3 { width: 196px; }
div.of4 { width: 149px; voice-family: "\"}\""; voice-family:inherit; width: 146px; }
html>body div.of4 { width: 146px; }




/* :CONTENT-LINKBOXES
----------------------------------------------- */

/* consider generating height dynamically per-page based on largest amount of content that
appears in this row of linkboxes */
div.linkbox h4 {
	height: 2.8em; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 2.2em;
}

body>html div.linkbox h4 { height: 2.2em; }


div.linkbox p.linkbody { height: 9em; margin: 0; padding: 5px 10px; font-size: 0.9em; }

div.linkbox p.imagelink { height: 3.6em; padding: 0; text-align: center; vertical-align: top;}

div.linkbox p.linkfooter {
	font-size: 1em;
   	height: 1em;
	margin: 0; 
	padding: 2px 5px 4px 5px; 
	text-align: right; 
	
}
*>html div.linkbox p.linkfooter { \margin-bottom: -3px; }

div.linkbox p.linkfooter a {
	font-size: 0.9em;	
	font-weight: bold; 
	text-decoration: none; 
}
div.linkbox p.linkfooter img { vertical-align: middle; }

div.navlinkbox
    {
    margin:0;
    padding:0;
    
    }
    
div.navlinkbox ul

{
    margin:0;
    padding:0;
    
    }

div.navlinkbox ul li 
{
    margin:0; padding:0;
    }

div.navlinkbox ul li a

{
    
    line-height:20px;
    display:block;
    border:solid 1px black;
    margin:0;
    
 
    
    }
div.navlinkbox ul a:hover

{
    
    line-height:20px;
    display:block;
    border:solid 1px black;
    margin:0;
    background-color:#fff;
    
 
    
    }

/* :CONTENT-SECTIONBOXES
----------------------------------------------- */
div.sectionbox h4 {
	height: 20px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	/*height: 2.2em;*/
}


body>html div.sectionbox h4 { height: 20px; }


div.sectionbox p.linkbody { height: 9em; margin: 0; padding: 5px 10px; font-size: 0.9em; }

div.sectionbox p.imagelink { height: 3.6em; padding: 0; text-align: center; vertical-align: top;}

div.sectionbox p.linkfooter {
	font-size: 1em;
   	height: 1em;
	margin: 0; 
	padding: 2px 5px 4px 5px; 
	text-align: right; 
	
}
*>html div.sectionbox p.linkfooter { \margin-bottom: -3px; }

div.sectionbox p.linkfooter a {
	font-size: 0.9em;	
	font-weight: bold; 
	text-decoration: none; 
}
div.sectionbox p.linkfooter img { vertical-align: middle; }


/* :CONTENT-TEXTBOXES
----------------------------------------------- */

div.ibox 
{ 
	padding-bottom: 10px;
	padding-right:7px;
	padding-top: 5px;
	/*overflow: hidden; */
	font-size: 0.9em;
	margin-left:3px;
	margin-right:3px;
}

div.ibox h6 {
	margin-bottom: 0px;
		padding-top:0px;}

div.ibox p { padding: 0px 7px 10px 7px; margin: 0; }
div.ibox p.first { margin-top:7px;}
div.ibox ul li { padding: 0; margin: 0 0 5px 0; text-indent: -2px; }

div address {padding:  10px 7px 0 10px; margin: 0 0 7px 0; font-style:normal; }

/*Added By Boris ^^^*/

div.textbox { 
	padding-bottom: 10px;
	/*padding-top: 5px;*/
	overflow: hidden;
	font-size: 0.9em;
}

div.textbox.special { 
	margin-top:10px;
	padding-bottom: 0px;
	
}

div.textbox.slim p {margin-top:0; padding-top:0;}


div.textbox p { padding: 10px 7px 0 10px; margin: 0; }
div.textbox p.chunkbottom { padding: 10px 0; margin: 0 10px; border-bottom: 1px solid #000; }


/* May Need to remove */
div.textbox p.first, div.boxcontent p.first, div.columns p.first { margin-top:10px;}
div.crossColumns { margin:3px 3px 10px 3px; padding:10px; }

div.textbox div { float: left; }
div.textbox ul { list-style: disc outside; padding: 10px 10px 0 10px; margin: 0 0 0 15px; }
div.textbox ul li { padding: 0; margin: 0 0 5px 0; text-indent: 0 }
div.textbox ul ul { padding: 5px 10px 0 10px; }

div.textbox ul.nobullets { list-style: none; margin: 0;  }

div.textbox ul.nospace li { margin: 0; padding: 0; }

div.textbox h4.header_date
{
    width:450px;
    float:left;
      
 }
div.textbox h4.date
{
    width:104px;
    float: right;
    text-align: right;
 }

 

/* col widths if evenly spaced */
div.textboxo.f1 div.of1cols { width: 594px; }
div.textbox.of1 div.of2cols { width: 297px; }
/*div.textbox.of1 div.of2cols.col1 { border-right: 1px solid; width: 296px; } */
div.textbox.of1 div.of3cols { width: 198px; }
div.textbox.of1 div.of4cols { width: 148px; }

/* different column layouts */
div.textbox.of1.split_55_45 div.of2cols { width: 198px; }
div.textbox.of1.split_55_45 div.of2cols.col1 { width: 395px; border-right: 1px solid; }

div.textbox.of2.bigleft { width: 369px; voice-family: "\"}\""; voice-family:inherit; width: 366px; }
html>body div.textbox.of2.bigleft { width: 366px; }
div.textbox.of2.smallright { width: 228px; voice-family: "\"}\""; voice-family:inherit; width: 225px; }
html>body div.textbox.of2.smallright { width: 225px; }

/* :CONTENT-FORM
----------------------------------------------- */

div#content form { margin: 10px 0 0 0; padding: 0;  width: 100%; }
*>html div#content form { margin-left: -10px; }
div#content form div.form_section { width: 100%; margin: 0 0 10px 0; padding: 0; }
div#content form div.form_section div.form_row { overflow: hidden; margin: 0; padding: 0; width: 100%; }

div#content form div.form_section p { width: 362px; padding: 0 0 0 10px; margin: 0; }
div#content form div.form_section div.form_row p { float: left; height: 42px; }

div#content form div.form_section div.form_row p.of2 { width: 176px; }
div#content form div.form_section div.form_row p.of3 { width: 114px; }
div#content form div.form_section div.form_row p.of3.bumpup { width: 144px; }
div#content form div.form_section div.form_row p.of3.bumpdown { width: 84px; }
div#content form div.form_section div.form_row p.twoof3 { width: 238px; }
div#content form div.form_section div.form_row p.of4 { width: 83px; }
div#content form div.form_section div.form_row p.of4.bumpup { width: 103px; }
div#content form div.form_section div.form_row p.of4.bumpdown { width: 63px; }

div#content form div.form_section div.form_row p input { 
	width: 361px; 
	margin: 0; 
	padding: 2px; 
	border: 1px solid #000; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	height: 21px;
}
html>body div#content form div.form_section div.form_row input { height: 16px; }

div#content form div.form_section div.form_row p select, 
	div#content form div.form_section p select { height: auto; padding: 0; width: 362px; }

div#content form div.form_section div.form_row p.of2 input { width: 170px; }
div#content form div.form_section div.form_row p.of2 select { width: 176px; }
div#content form div.form_section div.form_row p.of3 input { width: 108px; }
div#content form div.form_section div.form_row p.of3 select { width: 114px; }
div#content form div.form_section div.form_row p.of3.bumpup input { width: 138px; }
div#content form div.form_section div.form_row p.of3.bumpdown input { width: 78px; }
div#content form div.form_section div.form_row p.of4 input { width: 77px; }
div#content form div.form_section div.form_row p.of4.bumpup input { width: 97px; }
div#content form div.form_section div.form_row p.of4.bumpdown input { width: 57px; }
div#content form div.form_section div.form_row p.of4 select { width: 83px; }
div#content form div.form_section div.form_row p.of4.bumpup select { width: 103px; }
div#content form div.form_section div.form_row p.of4.bumpdown select { width: 63px; }

div#content form div.form_section div.form_row p.twoof3 input { width: 232px; }
div#content form div.form_section div.form_row p.twoof3 select { width: 238px; }




div#content form textarea {
	width: 373px;
	border: 1px solid #000;
	padding: 2px;
}

div#content form select { margin: 0; padding: 0;   }

/* Few Additional Things*/

div.borderbottom { border-bottom: solid 1px; }


/* :LEFTCOL
----------------------------------------------- */

div#left_col a { /*font-size: 0.9em;*/ }
div#left_col img.icon { vertical-align: bottom; }

/* l1 */
div#left_col ul { margin: 3px 0 0 0; padding: 0 0 0 0; list-style: none; }
div#left_col ul li {
   	line-height: 0.9em;	
	margin-left: 0px;
	margin-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;	
	/*background: url(../_art/l2_bullet.gif) 0 3px no-repeat;*/
}

/* l2 */
div#left_col ul ul { padding: 3px 0 0 0; }
div#left_col ul ul li { 
	margin: 0; 
	padding-left: 10px; 
	/*background: url(../_art/l3_bullet.gif) 0 4px no-repeat;*/
}

/* l3 */
div#left_col ul ul ul li { 
	margin: 0; 
	padding-left: 10px; 
	background: url(../../_art/l4_bullet.gif) 0 3px no-repeat; 
}

/* show subsections only for currently active section */
ul#sections_nav ul li ul { display: none; }


/* :LEFTCOL-HOMELINK
----------------------------------------------- */

div#left_col ul#home_nav { height: 20px; padding-top: 63px; margin: 0; }
div#left_col ul#home_nav li { /*background-image: url(../_art/l1_bullet.gif);*/ }


/* :LEFTCOL-MENUEXPAND
----------------------------------------------- */

.s_1 ul#sections_nav ul li#m_1 ul { display: block; }
.s_2 ul#sections_nav ul li#m_2 ul { display: block; }
.s_3 ul#sections_nav ul li#m_3 ul { display: block; }
.s_4 ul#sections_nav ul li#m_4 ul { display: block; }
.s_5 ul#sections_nav ul li#m_5 ul { display: block; }

/* :LEFTCOL-MISCNAV
----------------------------------------------- */

div#left_col ul#misc_nav {
	border: 1px solid #fff;
	border-width: 1px 0;
	margin: 10px 5px;
	padding: 0px 5px 5px 0;
}
div#left_col ul#misc_nav li { background: none; padding-left: 0; margin-left: 5px;  }


/* :LEFTCOL-SEARCHBOX
----------------------------------------------- */

div#left_col div#searchbox { padding: 8px 10px 10px 10px; margin-top: 20px; }

div#left_col div#searchbox h5 { 
	margin: 0; 
	padding: 0 0 3px 0; 
	color: #fff; 
	font-size: 0.9em; 
	letter-spacing: 1px; 
	font-weight: normal; 
	border: 0; 
	line-height: none; 
}
div#left_col div#searchbox p { text-align: right; margin: 5px 0 0 0; padding: 0; }
div#left_col div#searchbox a { color: #000; text-decoration: underline; font-size: 0.9em; }
div#left_col div#searchbox select { width: 130px; font-size: 0.9em; }
div#left_col div#searchbox input.txt { 
	vertical-align: top;
	margin-bottom: 5px; 
	border: 1px solid #333;
	height: 17px;
	width: 107px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 14px;
	width: 104px; 
}
html>body div#left_col div#searchbox input.txt { height: 14px; 	width: 104px; }

div#left_col div#searchbox img { vertical-align: top; }

/* :POPUPS
----------------------------------------------- */
.popup div#popup_container { position: absolute; top: 0; left: 0; width: 400px; margin: 0; padding: 0; }
.popup h6 { margin: 20px 10px 10px 10px; padding: 0; }
.popup p { margin: 0 0 5px 0; padding: 0; }
.popup ul { margin: 0; padding: 0 10px 5px 20px; }

.popup div.footer { position: absolute; top: 375px; left: 0; text-align: left; height: 25px; margin: 0; padding: 0; width: 400px; }
.popup div.footer img { margin: 4px 0 0 4px; }


/* faux columns */
div.columns
{
    background-position: center bottom;
    background-image: url('../_art/fauxcol.gif');
    background-repeat:no-repeat;
    margin:3px 0 10px 0;
    padding:0;
    font-size:.9em;
}

div.columns#bluebox
{
    margin:3px 0 0px 0; padding-bottom:40px; 
}

div.columns#bluebox div.cola, div.columns#bluebox div.colb
{
    font-size: 11px;
}

div.cola, div.colb {padding-top:0px; background-color:#E9E1C8;}

div.cola {width:293px;  float:left; margin-left:3px; voice-family: "\"}\""; voice-family:inherit;}
html>body div.cola { width: 295px; }

div.colb {width:293px; float:right;margin-right:3px;voice-family: "\"}\""; voice-family:inherit; }
html>body div.colb { width: 295px; }

div.cola h4,div.colb h4 {
font-size: 1em;
line-height: 1em;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 7px;
margin-left: 0pt;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 7px;
background-color: #669966;}
div.cola h6,div.colb h6 {}
div.cola h6 a,div.colb h6 a {}
div.cola p,div.colb p {margin:5px 7px 5px 7px; }

div.columnsb {height:10px; clear:both; margin:0px 3px 0px 3px;}
div.columnst
{height:10px; clear:both; margin:0px 3px 0px 3px;
    background-image: none;
}


/* :Final Adjustments
----------------------------------------------- */
.newbox { min-height: 200px; }


/* :Todays Events Box
----------------------------------------------- */
div.date_box { height:28px;}
input.plain { margin:0px}
img.PopcalTrigger {margin:0px;}
input.gobtn{ margin:0px;}


/* :Sponsors ads in left Column
----------------------------------------------- */
div.sponsor_ads_l {margin: 10px 0 10px 4px;}
div.sponsor_ads_l p 
    {
    line-height: 7pt;
    font-size: 80%;
    margin-left:2px;

    }
div.sponsor_ads_l img 
    {
  
    margin:2px 0 2px 0;

    }
div.sponsor_ads_l p {margin-top: 0px;}
    
img.travel_logo  {margin-right:10px; margin-bottom:10px; float:right;}

div.colb.travel_logo
{
    background: url(../_art/ep_travel_logo.gif) no-repeat right bottom;
}
