body { margin: 0px; padding: 0px; background: #ffffff; font: 10pt arial, helvetica, tahoma; }
a:link { color: #002c9a; text-decoration: none }
a:visited { color: #002c9a; text-decoration: none }
a:active { color: #002c9a; text-decoration: none }
a:hover { color: #002c9a; text-decoration: underline }

a.menu_top:link { color: #222b6b; font: bold 10pt trebuchet ms,geneva; text-decoration: none; padding-left: 20px; }
a.menu_top:visited { color: #222b6b; font: bold 10pt trebuchet ms,geneva; text-decoration: none; padding-left: 20px; }
a.menu_top:active { color: #222b6b; font: bold 10pt trebuchet ms,geneva; text-decoration: none; padding-left: 20px; }
a.menu_top:hover { color: #222b6b; font: bold 10pt trebuchet ms,geneva; text-decoration: underline; padding-left: 20px; }

a.club_link:link { color: #ee1c25; font: bold 10pt trebuchet ms,geneva; text-decoration: none; padding-left: 20px; }
a.club_link:visited { color: #ee1c25; font: bold 10pt trebuchet ms,geneva; text-decoration: none; padding-left: 20px; }
a.club_link:active { color: #ee1c25; font: bold 10pt trebuchet ms,geneva; text-decoration: none; padding-left: 20px; }
a.club_link:hover { color: #ee1c25; font: bold 10pt trebuchet ms,geneva; text-decoration: underline; padding-left: 20px; }

.title_info_box { background: #e7e1d1; border: 0px; margin: 10px 0px 25px 0px; }
.side_info_box { background: #e7e1d1; border: 0px; margin: 10px 0px 25px 0px; }
.title_info_box_content { padding: 0px 10px; color: #ffffff; }
.side_box_top { height: 14px; background: #e7e1d1 url('../graphics/box_top_right.jpg') right top no-repeat; text-align: left; }
.side_box_bottom { width: 100%; height: 14px; background: #e7e1d1 url('../graphics/box_bottom_left.jpg') left bottom no-repeat; text-align: right; }

.tab_bottom { width: 100%; height: 14px; background: #e7e1d1; }

.side_info_box_content { background: #e7e1d1; padding: 15px 15px 15px 15px; color: #000000; }
.side_menu { border-bottom: 1px dashed #000000; padding-bottom: 4px; margin-bottom: 4px; }
.inputSubmit { color: #000000; background: #EEEEEE; border: 1px solid #000000; font: bold 8pt arial, helvetica, tahoma; }
.inputBox { color : #000000; background : #FFFFFF; border: 1px solid #000000; font: 12pt arial, helvetica, tahoma; }

.portfoliotd { padding: 5px; text-align: center; }
.portfoliobox { border: 1px solid #808080; background: #eeeeee; padding: 4px 0px; }
.thumbbox { border: 1px solid #000000; }

.page_title_content { background: #e7e1d1; padding: 5px 15px; }
.page_title_trail { font-weight: bold; font-size: 10pt; color: #808080; }

#footer { font-size: 8pt; text-align: center; margin-bottom: 15px; color: #808080; }
#footer a:link { text-decoration: none; color: #808080; }
#footer a:hover { text-decoration: none; color: #808080; }
#footer a:visited { text-decoration: none; color: #808080; }
#footer a:active { text-decoration: none; color: #808080; }

img { behavior: url("pngbehavior.htc"); }


/*Panel Menu Styles */

#media_item {
	padding-right: 5px; 
	padding-left: 15px; 
	padding-top: 15px;
	text-align: center;
}

#last_item {
	padding-right: 5px; 
	padding-left: 15px;
	text-align: center;
}

/* DROP DOWN MENU */
#nav, #nav ul {
	float: right;
	width: 970px;
	list-style: none;
	line-height: 1;
	background: transparent;
	font: 12pt trebuchet ms,geneva;
	padding-top: 8px;
	margin: 0;
}

#nav a {
	display: block;
	width: 100%;
	color: #ffffff;
	text-decoration: none;
	padding: 0.25em 0;
	text-align: center;
}

#nav a.daddy {
	background: url(../graphics/rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	/* padding: 0px 20px; */
	width: 8em;
	height: 45px;
	line-height: 25px;
	vertical-align: middle;
}

#nav li.li_discover {
	width: 6em;
	height: 35px;
	border-left: 0;
}

#nav li.li_main {
	/* width: 7em; */
	width: 10em;
	height: 35px;
}

#nav li.li_mcmanus {
	/* width: 6.5em; */
	width: 10em;
	height: 35px;
}

#nav li.li_youth {
	width: 6.25em;
	height: 35px;
}

#nav li.li_seniors {
	width: 6.50em;
	height: 35px;
}

#nav li.li_special {
	width: 6.75em;
	height: 35px;
}
#nav li.li_involved {
	width: 7.75em;
	height: 35px;
}
#nav li.li_buy {
	width: 6em;
	height: 35px;
}

#nav li ul {
	position: absolute;
	z-index: 500;
	left: -999em;
	height: auto;
	width: 14.4em;
	background: #3256b4;
	font: 10pt trebuchet ms,geneva;
	color: #ffffff;
	margin: 0.02em 0 0 -0.10em;
	list-style: none;
	padding-left: 1px;
}

#nav li li {
	height: auto;
	padding-right: 1em;
	width: 13.30em;
	line-height: 1;
}

#nav li ul a {
	width: 11.5em;
	text-align: left;
	padding: 0.25em 0 0.5em 1em;
	color: #ffffff;
}

#nav li ul div.category {
	width: 13.30em;
	text-align: left;
	padding: 0.25em 0 0.5em 1em;
	background: #ffffff;
	color: #3256b4;
	font-weight: bold;
}

#nav li ul ul {
	margin: -1.75em 0 0 14.25em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: transparent;
}

#nav li ul li:hover, #nav li ul li.sfhover {
	background: #5c86ea;
}
/* DROP DOWN MENU */

/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 
div.scrollable { 
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 400px;     
    height: 144px;
	text-align: left;
} 
 
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;
	top: 0px;
	left: 0px;
} 
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float: left;
	width: 400px;
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    /*
	border: 1px inset #ccc;         
    background-color:#fff;
	*/
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
	cursor:pointer;
	float: left;
}

a.prev, a.prevPage {
	float: left;
	margin-left: 4px;
}

a.next, a.nextPage {
	float:right;
	margin-right: 4px;	
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

.purchase_tickets:link { color: #ffffff; font: bold 11pt trebuchet ms,geneva; text-decoration: none; }
.purchase_tickets:visited { color: #ffffff; font: bold 11pt trebuchet ms,geneva; text-decoration: none; }
.purchase_tickets:active { color: #ffffff; font: bold 11pt trebuchet ms,geneva; text-decoration: none; }


.cell_field_name {
	border-bottom: 1px dashed #808080;
	padding: 10px 0;
	width: 200px;
}

.cell_field_input {
	padding: 5px 0;
}

/*Contest Form Styles*/

.text { text-align:right; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
.text2 { text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
.legal { font-size:9px; font-family:Arial, Helvetica, sans-serif; }
.textentry { width:400px; height:18px; border:1px solid #000000; margin-top:5px; margin-bottom:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
.checkb {height:18px; width:10px; margin-top:5px; margin-bottom:5px; }
.submitbutton { height:18px; margin-top:5px; margin-bottom:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border:1px solid #000000; background-color:#FFFFFF; }


