/* =========================================== */
/*            GENERAL CONFIGURATION            */
/* =========================================== */

a { text-decoration: underline; cursor: pointer; color: #EEE8AA; text-decoration: none; font-size: 10pt; }
a:hover { text-decoration: underline; cursor: pointer; color: Lime; text-decoration: underline; font-size: 10pt; }
a:visited { text-decoration: underline; cursor: pointer; color: #EEE8AA; text-decoration: none; font-size: 10pt; }
.underline { text-decoration: underline; }
.required {font:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; color:#F00; text-align:left; }
body { padding: 0px; margin: 0px; border: 0px; background-color: #000000; font-family: Verdana, Lucida, Arial, Helvetica, sans-serif; line-height: 1.2em; background-image: url(http://www.studio7hub.com/images/assets/bkGrnd.png); background-position: top; background-repeat: repeat-x; color: #666666; font-size: 10px; }
p{ color: #F0E68C; font-size: 10pt; font: Arial; text-align: left; line-height: 14px; }
/* Containers */
#container { width: 990px; /* sets width of page */ text-align: center; margin: 0 auto; position: relative; top: 0px; }
.leftColumn { width: 160px; border-right: 1px dashed #00CC02; background-color: #000000; color: #ffffff; }
.rightColumn { width: 200px; border-left: 1px dashed #00CC02; height: 300px;}
.mainColumn { width: 630px; border-bottom: 1px dashed #00cc02; }
#lrgmainColumn { width: 990px;}
.securetop{ background-color: #00532A; color: #EEE8AA; font-size: 10pt; border-bottom: 2px solid #B22222; }

/* Leftside Navigation */
#navContainer { border: 1px solid #FFF5EE; padding: 3px; }
a.lftnavmenu {   color: #ffffff; text-align: left; text-decoration: none; background-color: #000000; padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; } 
a.lftnavmenu:focus  {   color: #ffffff; text-align: left; text-decoration: none; background-color: #FFFF00;  padding: 5px; line-height: 22px;  font-family: Arial; font-size: 12px;} 
a.lftnavmenu:hover {   color: #ffffff; text-align: left; text-decoration: none; background-color: #660000; padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; } 
a.lftnavmenu:active { color: #ffffff; text-align: left; text-decoration: none; background-color: #FFFF00;  padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; }
a.lftnavmenu:visited {   color: #ffffff; text-align: left; text-decoration: none; background-color: #000000; padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; } 

.MenuTitle { color: #708090; font-family: Arial; font-size: 11pt; width: 160px; line-height: 25px; text-align: center; border-bottom: 1px solid #999999; padding: 3px; }
      
/* Right Side Items */
#prodOuterTbl { width: 185px; border: 1px solid #228B22; background-color: #1A6A1A; }
#prodInnerTbl { padding: 3px; background-color: #006400; }
.prodList { font-family: Arial; font-size: 10px; color: #FFE4B5; text-align: left; padding-left: 4px; }
.prodListTitle { font-family: Arial; font-size: 10pt; color: #FFE4B5; text-align: center;  border-bottom: 1px solid Black; }
.morelist { color: #f1f1f1; font-family: Arial; font-size: 11px; text-align: right; background-color: #006400; padding-right: 3px; padding: 3px; }

.clientlistHdr{ font-family: Arial; font-size: 10pt; color: #FF6347; text-align: center; padding: 8px; text-transform: capitalize; }

#ContactBox{ background-image: url(http://www.studio7hub.com/2/images/assets/grey_box_fade.png); background-repeat: repeat-x; border-bottom: 3px solid #444444; border-right: 2px solid #444444; border-top: 1px solid #444444; border-left: 1px solid #444444; }
#Cntctbox2 { border-top: 1px solid #5E5E5E; padding: 4px; }
.ContactBoxInfo { font-family: Arial; font-size: 10pt; color: #000000; font-weight: normal; line-height: 16px; text-align: left; padding: 4px; }
.ContactBoxInfoHdShots { font-family: Arial; font-size: 10pt; color: #ffffff; font-weight: normal; line-height: 16px; text-align: left; padding: 4px; }
.ContactBoxInfo1 { font-family: Arial; font-size: 10pt; color: #000000; font-weight: normal;  text-align: left; padding: 4px; }
.ContactBoxInfox { font-family: Arial; font-size: 10pt; color: #0F0; font-weight: normal;  text-align: left; padding: 4px; }
.ContactBoxTitle { font-family: Arial; font-size: 10pt; color: Green; text-align: center; padding: 4px; font-weight: bold; }
#contactFormTbl { border: 1px solid #FFCC99; padding: 4px; width: 360px; }
.contactfrmResponse { border: #f1f1f1 1px Solid; background-color: #000000; color: Lime; font-family: Arial; font-size: 10pt; }
.contactfrmlabel { background-color: #000000; color: #FFEFD5; font-family: Arial; font-size: 10pt; text-align: left; }

/*Content*/
.majorpagescontent { color: #ffffff; font-family: 'ArialMT', 'Arial', sans-serif; font-size: 14px; line-height: 24px; opacity: 1.00; text-align: left; }
#majorPgImg { width: 200px; height: 300px; }
#PgTitle { color: Lime; font-family: 'ArialMT', 'Arial', sans-serif; font-size: 18px; line-height: 24px; opacity: 1.00; text-align: center; }


/* Frequently Asked Questions */
.FaqCatList{ color: #FFF8DC; font-family: Arial; font-size: 10pt; text-align: Left; text-transform: capitalize; line-height: 24px; border-bottom: 1px solid #000000; }
.FaqCatdata{ font-family: Arial; font-size: 10pt; font-weight: normal; color: #f1f1f1; text-align: left; line-height: 18px; text-decoration: none; padding-left: 3px; }

a.faqCategories {   color: #00ff33; text-align: left; text-decoration: none; padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; } 
a.faqCategories:focus  {   color: #ffffff; text-align: left; text-decoration: none; background-color: #FFFF00;  padding: 5px; line-height: 22px;  font-family: Arial; font-size: 12px;} 
a.faqCategories:hover { color: #00BD61; text-align: left; text-decoration: none; background-color: #000000; padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; } 
a.faqCategories:active { color: #00ff33; text-align: left; text-decoration: none; background-color: #FFFF00;  padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; }
a.faqCategories:visited {   color: #ffff00; text-align: left; text-decoration: none; padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; } 

a.faqQuestions {   color: #ffff00; text-align: left; text-decoration: none; padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; } 
a.faqQuestions:focus  {   color: #ffffff; text-align: left; text-decoration: none; background-color: #FFFF00;  padding: 5px; line-height: 22px;  font-family: Arial; font-size: 12px;} 
a.faqQuestions:hover {   color: #000000; text-align: left; text-decoration: none; background-color: #00ff33; padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; } 
a.faqQuestions:active { color: #ffffff; text-align: left; text-decoration: none; background-color: #FFFF00;  padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; }
a.faqQuestions:visited {   color: #ffff00; text-align: left; text-decoration: none; padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; } 

#faqQuestion{   color: #ffff00; text-align: left; text-decoration: none; padding: 5px; line-height: 22px; font-family: Arial; font-size: 10pt; } 
#faqanswer{ color: #FFB324; text-align: left; text-decoration: none; padding-left: 15px; font-family: Arial; font-size: 10pt; line-height: 18px; } 

#emailDirTbl{  border-top: 1px solid #FFE4C4; border-left: 1px solid #FFE4C4; border-right: 2px solid #FF981A; border-bottom: 3px solid #FF981A; }
.emailTitle{ font-family: Arial; font-size: 10pt; color: #ffffff; text-align: center; line-height: 20px; padding: 4px; font-weight: bold; border-bottom: 1px solid #000000; }
.emailname2 { font-family: Arial; font-size: 10pt; color: #FFE4C4; text-align: center; padding: 2px;}
a.emailname { font-family: Arial; font-size: 9pt; color: #FFA83E; text-align: center; padding: 4px; text-decoration: none; }
a.emailname:hover { font-family: Arial; font-size: 9pt; color: #f1f1f1; text-align:center;  padding: 4px; text-decoration: none;}
a.emailname:visited { font-family: Arial; font-size: 9pt; color: #FFA83E; text-align: center; padding: 4px; text-decoration: none;}

#dynamicTbl{ border: 1px solid #708090; background-color: #000000; }
#dynamicImg { padding: 4px; }
.dynamicRtsideTitle { color: #000000; font-family: Arial; font-size: 11pt; line-height: 25px; text-align: center; border-bottom: 1px solid #999999; padding: 3px; }
.dynamicTitle2 { color: #ffff00; font-family: Arial; font-size: 11pt; line-height: 25px; text-align: center; padding: 3px; }

/* Footer*/

   .footerTxt { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; padding-top: 4px; padding-bottom: 4px; color: #666666; }
   A.footerTxt, A.footerTxt:visited  { text-decoration: none; font-weight: normal; color: #666666; }
   A.footerTxt:hover { color: #66FF33; }



/*Header*/
   .searchbox { font-family: tahoma, sans-serif; font-size: 11px; color: #cccccc; top: -2px; padding: 0 0 0 18px; * padding: 0 0 0 5px; border-width: 1px; background: #333333; height: 14px; border-color: #666666; border-style: solid; width: 100px; }

   .search { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; padding-top: 4px; padding-bottom: 4px; color: #999999; }

   .globalNav { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; padding-top: 4px; padding-bottom: 4px; color: #ffffff; text-align: center; text-transform: capitalize; text-decoration: none; }
    .globalNav:visited  { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; padding-top: 4px; padding-bottom: 4px; text-decoration: none; font-weight: normal; color: #ffffff;  text-align: center; text-transform: capitalize;}
   .globalNav:hover {  font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; padding-top: 4px; padding-bottom: 4px; color: #66FF33; text-align: center; text-transform: capitalize; }



/*DIVIDERS*/

   td.gdiv { display: block; height: 82px; width: 1px; background-image: url(../images/assets/grey.gif); overflow: hidden; background-position: center; background-repeat: repeat-x; }

 /* Backgrounds */

   .drk1 { background: #666666; }

   .drk2 { background: #333333; }

	  
/* =========================================== */
/*             GLOBAL FONTS   		       */
/* =========================================== */

   .itemTitlesa { font-size: 12px; padding-top: 7px; text-align: left; font-family: verdana, tahoma, helvetica, sans-serif; font-weight: bold; color: ##009933; }
	  
   a.itemTitlesa { color: #009933; text-decoration: none; }	  
   a.itemTitlesa:hover { color: #ffff00; text-decoration: none; }
   .s7SmallLinks { font-size: 11px; padding-top: 7px; line-height: 13px; text-align: left; font-family: verdana, tahoma, helvetica, sans-serif; font-weight: normal; color: #999999; }
	a.s7SmallLinks { font-family: verdana, tahoma, helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none; }
	 a.s7SmallLinks:hover { color: #00FF33; text-decoration: none; }
	  
.welcomePgTxt { font-family: verdana, tahoma, helvetica, sans-serif; padding-left: 10px; font-size: 11px; text-align: left; color: #999999; text-decoration: none; }
	  

	  
/* =========================================== */
/*             Featue Pages  		                                                 */
/* =========================================== */

.directionsTxt { font-family: Arial; font-size: 10pt; color: #FFE4B5; text-align: left; padding-bottom: 6px; padding-top: 6px;}
#directionsimage { padding-left: 6px; }

.catindxmsg { font-family: Arial; font-size: 10pt; color: #FFE4B5; text-align: left; }

/*Content*/
#majorpagesback { background-image: url(../images/pages/majorPgBk.png); background-repeat: no-repeat; }
.majorpagescontent { color: #ffffff; font-family: 'ArialMT', 'Arial', sans-serif; font-size: 14px; line-height: 24px; opacity: 1.00; text-align: left; }
#majorPgImg { width: 200px; height: 300px; }
#majorPgTitle { color: #ffffff; font-family: 'ArialMT', 'Arial', sans-serif; font-size: 18px; line-height: 24px; opacity: 1.00; text-align: right; }

/*Staff*/
#staffDisplayTbl{ background-image: url(http://www.studio7hub.com/images/assets/images/assets/staffBkgrnd.png); background-repeat: no-repeat; width: 600px; height: 190px; }
.staffName{ color: #EADE73; font-family: Arial; font-size: 10pt; font-weight: bold; text-align: left; }
.staffTitle{ color: #EADE73; font-family: Arial; font-size: 10pt; font-weight: normal; text-align: left; }
.staffresume{ color: #708090; font-family: Arial; font-size: 10pt; font-weight: normal; font-style: italic; text-align: left; }

#staffHighlightsHdr {
   background-image: url(http://www.studio7hub.com/2/images/assets/sidebar_grn_gradient.png);
   background-repeat: no-repeat; color: #ffffff; text-align: center; text-transform: uppercase; font: Arial; font-size: 10pt;
}
#staffHighlightInnerTbl { border-left: 1px solid #627839; border-bottom: 3px solid #627839; border-right: 2px solid #627839; }
#staffHighlightstxt{ color: Lime; font: Arial; font-size: 10px; }

/* Forms */
.formresponse{ border: 1px solid #FFF5EE; background-color: #000000; color: #00D402; }
.formbutton{
   border-top: 1px solid #FF6347; border-left: 1px solid #FF6347;border-bottom: 3px solid #FF6347; border-right: 2px solid #FF6347;
   background-color: #971700; color: #FFFFE0; text-align: center; text-transform: capitalize;
}

.jumpmenu{
   border-top: 1px solid #FF6347; border-left: 1px solid #FF6347;border-bottom: 3px solid #FF6347; border-right: 2px solid #FF6347;
   background-color: #971700; color: #FFFFE0; text-align: left; text-transform: capitalize;
}

/* Login & Security*/
.logintxt {	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	color: #CCCCCC;}
.loginresponse{ border: 1px solid #FFF5EE; background-color: #000000; color: #00D402; }
.loginbutton{ border: 1px solid #cc0000; background-color: #000000; color: #ffffff; }
.loginheader{	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;	color: #ffffff; text-align: center; text-transform: capitalize;}

.loginContainer{
   background-image: url(http://www.studio7hub.com/images/assets/images/assets/productgreenGradientBk_sm.png);
   background-repeat: repeat-x;}
 .badlogin {	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #ffff00;} 
 
 a.securewelcome {   color: #ffffff; text-align: left; text-decoration: none; padding: 5px;  font-family: Arial; font-size: 10pt; } 
a.securewelcome:hover {   color: #000000; text-align: left; text-decoration: none; background-color: #00ff33; padding: 5px;  font-family: Arial; font-size: 10pt; } 
a.securewelcome:active { color: #A52A2A; text-align: left; text-decoration: none; background-color: #FFFF00;  padding: 5px;  font-family: Arial; font-size: 10pt; }
a.securewelcome:visited {   color: #A52A2A; text-align: left; text-decoration: none; padding: 5px;  font-family: Arial; font-size: 10pt;background-color: #f1f1f1; } 

.secureUpdatesHdr{ border: 1px solid #FFFAF0; color: #FFFFE0; line-height: 30px; text-align: center; text-transform: capitalize; font: bold; font-size: 11pt; }
 .secureUpdatesBdy{ border-left: 1px solid #FFFAF0; border-right: 2px solid #FFFAF0; border-bottom: 4px solid #FFFAF0; padding: 6px; text-align: left; color: #FF7E13; }
 
 
   
/*Product List */
.productTbl{
   background-image: url(http://www.studio7hub.com/images/assets/images/assets/productgreenGradientBk.png);
   background-repeat: repeat-x;
}
.productHdr{	font-family: Arial, Helvetica, sans-serif; height: 35px;	font-size: 10pt;	color: #ffffff; text-align: center; text-transform: capitalize; border-bottom: 1px solid #f1f1f1;}
.productlistname{	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;	color: #ffffff;}


/* Padding */
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }



a.subcatbuttons{
background: transparent url('http://www.studio7hub.com/2/images/assets/roundedge-red-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.subcatbuttons, a:visited.subcatbuttons, a:hover.subcatbuttons, a:active.subcatbuttons{
color: white; /*button text color*/
}

a.subcatbuttons span{
background: transparent url('http://www.studio7hub.com/2/images/assets/roundedge-red-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

/* Hover state CSS */
a:hover.subcatbuttons{ 
text-decoration: underline;
}

/* Container you can use to surround a CSS button to clear float */
.buttonwrapper{ 
overflow: hidden; width: 100%;
}

/* Document Library */
a.DocumentLibraryitems:focus  {   color: #ffffff; text-align: left; text-decoration: none; background-color: #FFFF00;  padding: 5px; line-height: 22px;  font-family: Arial; font-size: 12px;} 
a.DocumentLibraryitems:hover { color: #000000; text-align: left; text-decoration: none; background-color: #FF4500; padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; } 
a.DocumentLibraryitems:active { color: #ffffff; text-align: left; text-decoration: none; background-color: #525252; padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; }
a.DocumentLibraryitems:visited {   color: #ffff00; text-align: left; text-decoration: none; padding: 5px; line-height: 22px; font-family: Arial; font-size: 12px; } 

.libraryTblHead { background-color: #2F2F2F; color: #708090; font-size: 10pt; border: 1px solid #313131; }
.libraryInnerCells { background-color: Black; }

/*Client List*/
a.clientList { text-decoration: none; cursor: pointer; color: #708090; font-size: 10px; }
a.clientList:hover { text-decoration: underline; cursor: pointer; color: Lime; font-size: 10px; }
a.clientList:visited { text-decoration: none; cursor: pointer; color: #708090;  font-size: 10px; }


/* Sandy Plains Baseball */
#topmessage { color: Yellow; font-family: Arial; font-size: 10pt; text-align: left; padding: 3px; }

a.spbteamList { text-decoration: none; cursor: pointer; color: #708090; font-size: 10px; }
a.spbteamList:hover { text-decoration: underline; cursor: pointer; color: Lime; font-size: 10px; }
a.spbteamList:visited { text-decoration: none; cursor: pointer; color: #708090;  font-size: 10px; }

.catBox {border: 1px solid #999; width:200px;}
.catTitle {background:#C22723; color:#FFF; font:Arial, Helvetica, sans-serif; font-size:10pt; text-align:center; line-height:25px;}
.catTitleSeniors {background: #C22723; color:#FFff00; font:Arial, Helvetica, sans-serif; font-size:10pt; text-align:center; line-height:25px;}
.catTitleWeddings {background: #C22723; color:#000000; font:Arial, Helvetica, sans-serif; font-size:10pt; text-align:center; line-height:25px;}
.catTitlePort {background: #C22723; color: #CFF; font:Arial, Helvetica, sans-serif; font-size:10pt; text-align:center; line-height:25px;}

/*Headshots*/
.heatshotsContainer {border:3px solid #0b0b0b;}
.headshotsRtSide {background: #0b0b0b; padding:4px;}
.headshotsheader {background:#0b0b0b url(../headshots/pageTitle.png) no-repeat; height:40px;}
.headshotsfooter {background: #0b0b0b;}
.headshotTitles{color: #CFF; font:Arial, Helvetica, sans-serif; font-size:10pt; line-height:25px;}
.ratesTbl {border:solid 1px #3A3A3A; background:#242424;}
.ratesTblLines {border-top:solid 1px #000; padding:2px; height:16px;}
.ratesTblTop{color: #CFF; font:verdana; font-size:9pt; line-height:25px; font-style:italic; text-align:center;}
.ratesTblTitle{border-top:solid 1px #000; border-left:solid 1px #000;border-right:solid 1px #000;
	background-color: #129431;	color:#fff; height:25px; text-align:center;
}

#showretouchimage{ position:absolute; left:50; top:40; visibility:hidden; border:solid 1px #CCC; padding:5px;  } 
.retouchLink {border:4px solid 0b0b0b; padding:8px; background:#C22723; color: #F0E68C; font-size: 10pt; font: Arial; text-align: left; text-decoration:none;}
.marquee {color: #fff; font:verdana; font-size:10pt; }

.viewImages {border-top: 1px solid #FF6347; border-left: 1px solid #FF6347;border-bottom: 3px solid #FF6347; border-right: 2px solid #FF6347; background-color: #0b0b0b; color: #FFFFE0; text-align: center; text-transform: capitalize; padding:4px;}
.viewImages:hover {border-top: 1px solid #000000; border-left: 1px solid #000000;border-bottom: 3px solid #000000; border-right: 2px solid #000000; background-color: #FF6347; color: #FFFFE0; text-align: center; text-transform: capitalize; padding:4px;}