body, html { margin:0px;  padding:0px; }
body {margin:0px; padding:0px; background-color:#D6EBFF; color:#000000; font-size:1.0em; font-family:Arial, Helvetica, sans-serif;}
img {border:0px;}

#wrapper { margin:0px auto; padding:0px; width:960px; background-color:#ffffff; color:#000000; }


/*Top Styles*/
#top {padding:0px; width:960px; margin:0px;}
#topL {padding:0px; width:200px; margin:0px; float:left;}
#topR {padding:0px; width:760px; margin:0px; float:left;}
#topnav {clear:both; background-color:#010066; color:#ffffff; height:20px; padding:0px 0px 0px 20px; width:940px; margin:0px; font-size:0.7em;}
#topnav ul { z-index:9999; display:block; list-style-type:none; padding:0px; margin:0px; width:940px; color:#ffffff; background-color: Transparent;}
#topnav li {float: left; height:20px; padding:0px; margin:0px; color:#ffffff; }
#topnav a {display: block}
#topnav ul ul li a:active,#topnav ul ul li a:link, #topnav ul ul li a:visited { color:#ffffff; border-top:2px solid #ffffff; background-color:#010066; text-decoration:none; text-transform:uppercase;  padding: 3px 6px 3px 10px;}
#topnav ul ul li a:hover { color:#ffffff; background-color:#3399FE; text-decoration:none; border-top:2px solid #ffffff; }
#topnav ul ul li {text-transform:capitalize; font-weight:normal; padding: 0px; background-color:#010066; padding: 0px 0px 2px 0px; }
#topnav li ul { position: absolute; left: -999em; width: 10em; white-space:nowrap;}
#topnav li ul a{ width:14em;}
#topnav li:hover ul, #topnav li.sfhover ul{ left: auto;}
*:first-child+html #topnav {height: 1%;}
*:first-child+html #topnav li {height: 1%;}
/*Top Styles*/



/*Main Content Styles*/
#main {clear:both; padding:10px 10px 20px 10px; width:940px; margin:0px; font-size:0.7em; min-height:450px; height: auto !important; height:450px; }
#mainHome {float:left; padding:0px; width:620px; margin:0px; min-height:230px; height: auto !important; height:230px; }

#main #mainHome .mainContent {float:left; padding:4px 0px 10px 10px; width:610px; margin:0px; }
#main #mainHome .mainContent h1{ font-size:2.4em; padding:0px 0px 6px 0px;  margin:0px;  color:#000165; background-color:#ffffff; font-weight:bold;}
#main #mainHome .mainContent p {padding:5px 0px; margin:0px;  }
.mainContentHome {float:left; padding:0px; width:620px; margin:0px;}
.mainContentHomeBanner {float:left; padding:0px 20px 0px 0px; width:300px; margin:0px;}
.mainContentHomeFixtures {float:left; padding:0px; width:300px; margin:0px; background-color:#F3F2F8; color:#000000;}
.Fixtures { padding:0px 10px 10px 10px; width:279px; margin:0px;  border-left:1px solid #DAD9E9; min-height:190px; height: auto !important;  height:190px; }
.Fixtures p { display:block; background:url(images/DottedBorder_Navy.jpg) bottom no-repeat;  color:#000000; padding:8px 0px 9px 0px; margin:0px;}
.Fixtures a { display:block; color:#000065; background-color:#F3F2F8; font-weight:bold;  text-decoration:none; padding:0px 0px; margin:0px;}
.Fixtures a:hover {display:block;  color:#3399FE; background-color:#F3F2F8;  text-decoration:none; padding:0px 0px; margin:0px;}
.Fixtures .date { color:#000065; background-color:#F3F2F8; font-weight:bold; }
.mainContentHomeSponsors {clear:both; width:620px; margin:0px; padding:20px 0px 0px 0px;}

#main .mainContent {float:left; padding:4px 0px 10px 0px; width:430px; margin:0px; min-height:450px; }
#main .mainContent h1{ font-size:2.4em; padding:0px 0px 6px 0px;  margin:0px;  color:#000165; background-color:#ffffff; font-weight:bold;}
#main .mainContent h2{ font-size:1.4em; padding:0px 0px 0px 0px;  margin:0px;  color:#000165; background-color:#ffffff; font-weight:bold;}
#main .mainContent h3{ font-size:1.0em; padding:0px 0px 0px 0px;  margin:0px;  color:#000165; background-color:#ffffff; font-weight:bold;}
#main .mainContent p {padding:0px 0px 7px 0px; margin:0px;  }
#main .mainContent a{color:#3399FF; background-color:#ffffff; text-decoration:none;}
#main .mainContent a:hover {color:#000066; text-decoration:none;}
#main .mainContent img {padding:0px 0px 6px 0px; margin:0px;}
#main .mainContent .teamSpacing img {padding:7px 0px 0px 0px; margin:0px;}

.mainContentFixtures {float:left; padding:4px 10px 10px 0px; width:740px; margin:0px; }
.mainContentFixtures h1{ font-size:2.4em; padding:0px 0px 6px 0px;  margin:0px;  color:#000165; background-color:#ffffff; font-weight:bold;}
.mainContentFixtures h2{ font-size:1.4em; padding:0px 0px 6px 0px;  margin:0px;  color:#000165; background-color:#ffffff; font-weight:bold;}
.mainContentFixtures p {padding:7px 0px; margin:0px;  }
.mainContentFixtures a{color:#000165; background-color:#ffffff; text-decoration:underline;}
.TableListTopBorder  { background-color:#f5faff; color:#000066; padding:0px; margin:0px;}
.TableListHeader td  { padding:3px 0px 3px 10px; margin:0px; background-color:#3399FE; color:#ffffff; text-transform:uppercase;}
.NoBorder { padding:0px; margin:0px; border:0px;}
.LabelReport TD {background-color:#f5faff; color:#000000; padding:3px 0px 3px 10px; }
.TableListTopBorder td{}
.alternaterow { background-color:#e1f0ff; color:#000066;}
.Postponed { width:70px; padding:3px 0px 3px 10px; margin:0px;  border-top:2px solid #ffffff; color:#3399FE;}
.width70 { width:70px; padding:3px 0px 3px 10px; margin:0px;  border-top:2px solid #ffffff;  }
.width40 { width:40px; padding:3px 0px 3px 10px; margin:0px;  border-top:2px solid #ffffff;  }
.width50 { width:50px; padding:3px 0px 3px 10px; margin:0px;  border-top:2px solid #ffffff;  }
.width100 { width:100px; padding:3px 0px 3px 10px; margin:0px; border-top:2px solid #ffffff;  }
.width140 { width:140px; padding:3px 0px 3px 10px; margin:0px; border-top:2px solid #ffffff;  }
.TableListTopBorder a{display:block; background-color:#f5faff; color:#000066; text-decoration:none; padding:0px; margin:0px;}
.TableListTopBorder a:hover { background-color:#f5faff; color:#000066; text-decoration:none; padding:0px; margin:0px;}
.TableListTopBorder .alternaterow a{background-color:#e1f0ff; color:#000066; text-decoration:none; padding:0px; margin:0px;}
.TableListTopBorder .alternaterow a:hover {background-color:#e1f0ff; color:#000066; text-decoration:none; padding:0px; margin:0px;}
.mainContent .Form {padding:10px 0px 10px 0px; margin:0px; }
.mainContent form{padding:0px; margin:0px; vertical-align:top; background-color:#e1f0ff;  color:#000000; }
.mainContent input {font-size:0.8em; border:1px solid #3399FE; padding:0px 0px 0px 2px; margin:0px;}
.mainContent textarea { border:1px solid #3399FE; padding:0px 0px 0px 10px; margin:0px;}
#lblReport {font-weight:bold;}


#LeftNav { float:left; padding:10px 20px 0px 10px; width:160px; margin:0px; }
#navholder{width: 160px; font-size:0.9em; margin: 0px; padding: 0px; text-transform:uppercase;}
#navholder ul{margin: 0px; padding: 0px; list-style-type:none;}
#navholder li{margin: 0px; padding: 0px; list-style-type:none; display:block;   width: 160px; }
#navholder a {display:block; margin: 0px; padding: 3px 6px 3px 10px; background-color:#D8E9FB; color:#3399FD; background:url(images/leftnavBG.jpg) repeat-y left top;}
#navholder a:link, #navholder a:visited, #navholder a:active {background-color:#D8E9FB; color:#3399FD; text-decoration:none; border-bottom:2px solid #ffffff;}
#navholder a:hover {background-color:#ffffff; color:#3399FD;text-decoration:none; background-image:none;}
#navholder .On a{background-color:#ffffff; color:#3399FD; text-decoration:none; border-bottom:2px solid #ffffff; background-image:none;}
#leftfixtures {width: 140px; background-color:#ACD6FE; color:#3D3D3D; border-left:1px solid #7CBDFD; padding:10px 10px 5px 10px; margin:0px;}
#leftfixtures select{ font-size:0.9em; width:100px; vertical-align:top; border:1px solid #6E6E6E; background-color:#ffffff; height:17px; color:#3D3D3D; margin:0px; padding:0px;}
#leftfixtures table td { padding:0px 0px 5px 0px; margin:0px;}

#right { float:left; padding:0px 0px 0px 20px; width:300px; margin:0px; }
.search { float:left; height:20px; margin:0px; padding:0px; vertical-align:top;}
.search form{padding:0px; margin:0px; vertical-align:top; background-color:#ACD6FE;  color:#000000; }
.search #SearchTitle {vertical-align:middle; }
.search #search{ font-size:0.9em; width:210px; vertical-align:middle; border:0px; background-color:#ACD6FE; height:14px; color:#000000; margin:0px; padding:3px 0px 0px 10px;}
.search #searchbutton { text-align:right; vertical-align:middle; padding:0px; margin:0px; height:20px; }
.sponsors { float:left; margin:0px; padding:0px;}
.sponsors img {padding:2px 0px 0px 0px; margin:0px;}
.sponsors h1 { font-size:0.9em; color:#74B9FE; padding: 3px 6px 3px 10px; margin: 0px; background:url(images/leftnavBG.jpg) repeat-y left top;  background-color:#D5EAFB; text-transform:uppercase;}
.BlueBox {clear:both; margin:0px; padding:0px 10px 10px 9px; background-color:#F5FAFE; color:#000000; border-left:1px solid #D6EBFE;}
.BlueBox p { display:block; background:url(images/DottedBorder_Blue.jpg) bottom no-repeat;  color:#000000;  padding:8px 0px 9px 0px; margin:0px;}
.BlueBox a { display:block; color:#000000; background-color:#F5FAFE;  text-decoration:none; padding:0px 0px; margin:0px;}
.BlueBox a:hover {display:block;  color:#3399ff; background-color:#F5FAFE;  text-decoration:none; padding:0px 0px; margin:0px;}
.BlueBox .date { color:#3298FD; background-color:#F5FAFE; font-weight:bold; }
.GreenBox {clear:both; margin:0px; padding:0px 10px 10px 9px; background-color:#F6FBF5; color:#000000; border-left:1px solid #DFECD8;}
.GreenBox p { display:block; background:url(images/DottedBorder_Green.jpg) bottom no-repeat;  color:#000000; padding:8px 0px 9px 0px; margin:0px;}
.GreenBox a { display:block; color:#000000; text-decoration:none; padding:0px 0px; margin:0px;}
.GreenBox a:hover {display:block;  color:#669933; background-color:#F6FBF5;  text-decoration:none; padding:0px 0px; margin:0px;}
/*Main Content Styles*/


/*Footer Styles*/
#footer {clear:both; font-size:0.6em; padding:0px 10px; width:940px; margin:0px;}
.footer { border-top:5px solid #000168; padding:7px 10px 18px 10px; width:920px; margin:0px;  color:#3399FF; text-transform:uppercase; background-color:#ffffff;}
.footer a { color:#000066; background-color:#ffffff; text-decoration:none; padding:0px 5px;}
.footer a:hover {color:#3399ff; background-color:#ffffff;}
.footer2 {clear:both;  margin:0px auto; font-size:0.6em;  padding:8px 0px; width:960px; color:#8ec7ff;background-color:#D6EBFF}
.footer2 a { color:#8ec7ff; background-color:#D6EBFF; text-decoration:none;}
.footer2 a:hover {color:#000066; background-color:#D6EBFF;}
.footer2left { float:left; padding:0px 20px 8px 20px; margin:0px; width:850px; }
.footer2right { float:left; text-align:right; padding:0px 0px 8px 0px; margin:0px; width:70px; }
/*Footer Styles*/

/*Archive Sponsors*/
#archiveSponsors {clear:both; font-size:0.6em; padding:0px 10px 10px 10px; width:940px; margin:0px; float:right; text-align:right;}

/* To align the images to the far right */
.alignRight { margin:0px; padding:0px 0px 0px 10px; float:right; }
/* To keep the team images tight on the team info pages */

/* For the social networking links box */
#Networking{ display:block; background:url(images/Title_Networking.jpg) bottom no-repeat;  color:#000000; padding:0px; margin:0px;}

/* SMCRFC PHOTO GALLERY STYLES */
#galleryContainer 
{
	padding-top:10px;
	width:750px;
	float:left;
}
#galleryContainer .heading
{
	float:left;
	background:#D6EBFF;
	width:730px;
	color:#3399FD; 
	text-transform:uppercase;
	padding:5px 0px 5px 10px;
	border-bottom:solid 2px #FFF; 
}
#galleryContainer h2
{
	color:#000166;
font-size:30px;
margin:0;
padding:0;
vertical-align:top;
}
#galleryContainer h1
{

background-color:#FFFFFF;
color:#000165;
font-size:2.4em;
font-weight:bold;
margin:0;
padding:0 0 6px;
}
.heading a
{
	text-decoration:none;
	color:#3399FD;
}
#galleryContainerSponsors 
{
	float:right; 
	width:300px; 
	padding:0px 0px 120px 20px;
}
.galleryImage{
	padding-bottom:10px;
	display:block;
	float:left;
}
.galleryImage .infoText
{
	width: 129px;
	height: 20px;
	background-color:#D6EBFF;
	padding:0px 0px 0px 3px;
	margin:0px;
	line-height:20px;
	overflow:hidden;
}
.galleryImage h2
{
	font-size:30px;
	color:#000166;
	margin:0px;
	padding:0px;
	vertical-align:top;
}
.rightPadding{
	padding-right:20px;
}
#pictureBrowser
{
	min-height:397px;
	margin-right:48px;
	background:#CCC;
	float:left;
	width:200px;
}
#pictureBrowser .heading
{
	float:left;
	background:#D6EBFF;
	width:190px;
	color:#3399FD; 
	text-transform:uppercase;
	padding:5px 0px 5px 10px;
	border-bottom:solid 2px #FFF; 
}
#pictureWrapper
{
	width:420px;
	float:left;
	padding:0px;
	margin:0px;
}
#pictureHeading h3
{
	/*font-size:2.4em;*/
	padding:0px 0px 6px 0px;
	margin:0px;
	line-height:1em;
	color:#000165;
	background-color:#ffffff;
	font-weight:bold;
}
.pictureWidth
{
	width:420px;
}
#pictureFull
{
	width:420px;
	min-height:315px;
	background:#CCC;	
}
#pictureButtons
{
	float:left;
}
#pictureInfo
{
	float:left;	
}

/* LeftNav for Galleries */
#navholderGallery{width: 160px; font-size:0.9em; margin: 0px; padding: 0px; text-transform:uppercase;}
#navholderGallery ul{margin: 0px; padding: 0px; list-style-type:none;}
#navholderGallery li
{
	margin: 0px; 
	list-style-type:none; 
	width: 150px; 
	background:url(images/leftnavBG.jpg) repeat-y left top #D8E9FB;
	color:#3399FD; 
	text-decoration:none; 
	border-bottom:2px solid #ffffff; 
	padding:5px 0px 5px 10px; 
	color:#3399FD; }
#navholderGallery li a
{
	text-decoration:none;
	color:#3399FD;
}	
#navholderGallery .searchBox
{
	width:98px;
	border:1px solid #C3C3C3;
	margin:5px 0px 5px 0px;
	padding:0px;
}
#navholderGallery .searchbtn
{
	/* Most frustrating button ever. */
}
#navholderGallery .cmbFilter
{
	border:1px solid #C3C3C3;
	width:110px;
	display:inline;
	margin:5px 0px 0px 0px;
}


#requestPhoto
{
	padding:5px;
	background-color:#FFF;
}
#requestPhoto textarea,#requestPhoto input, #requestPhoto select
{
	margin-bottom:5px;
	border:1px solid #000000;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
#requestPhoto img
{
	padding-bottom:5px;
}
/* topImage image slideshow */
#slideshow { width:760px; height:200px; overflow:hidden;float:left; }
/* yearbook advertising */
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative;
    overflow:hidden;
    width: 412px;
    height:84px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely 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; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
.active
{
	color:#f00;
}