﻿
/**********************************************************************/
/*  Stylesheet for truly scrumptious catering
--------------------------  */

/*	Default CSS
--------------------------
--------------------------	*/

/*  Reset Settings  */
	/* Site font face */
	html,body{font-family:'Arial',verdana,tahoma,georgia,sans-serif;}
	p,li,dt,dd,label,address,th,td,legend,input,select,textarea{font-size:75%;line-height:120%;}
	th dt, td dt, th dd, td dd, th li, td li, li li, dt dt, dt dd, dd dt, dd dd, legend legend{font-size:100%;}
	h1,h2,h3,h4,h5,h6,pre,code,input,textarea,select{font-size:1em;}

	/* to avoid ff<1.03 bug (instead of *) and normalise spacing */
	html,body,div,pre,form,table,fieldset,h1,h2,h3,h4,h5,h6,dl,ul,ol,hr,p,blockquote{
	margin: 0;
}
	h1,h2,h3,h4,h5,h6,p,pre{margin-bottom:1em;}

	/* constant look and cursor */
	abbr,acronym{font-style:normal;cursor:help;}
	a img,:link img,:visited img,fieldset{border:none;}
	ul,ol,dl{list-style:none;}
	table{border-collapse:collapse;}
	table.center {margin-left:auto; margin-right:auto;}
	td, th{vertical-align:middle;}
	img,object,embed{
	border: none;
	float: right;
	position: relative;
}

#ticker-container {
        position:absolute;
        overflow:hidden;
        width: 900px;
        height: 290px;
        background-color: ;
        background-repeat: repeat;
        padding: 2px;
        border: Defaultpx dotted ;
        }

#ticker {
		position:relative;
		width:896px;
	}
	
#ticker ul {
		padding:0px;
		margin:0px;
		list-style-type:none;
	}
#ticker ul li {
            display:list-item;
            margin-top: 1px;
            margin-bottom: 1px;
            margin-left:1px;
            padding-top: 1px;
            padding-bottom: 1px;
            font-family: constantia,arial;
            font-weight: normal;
            font-size:small;
            color: ;
            padding-left: 2px;
	}
	
#ticker ul li a {
            font-family: constantia,arial;
            font-weight: normal;
            color: ;
            text-decoration: none;
            padding-left: 2px;
          	margin-left: 0px;

	}
        
#ticker ul li a:hover {
            font-family: constantia,arial;
            color: ;
            text-decoration: none;
            padding-left: 2px;
    }



	/* -- clear -- */
	.clear{clear:both;}

.style3 {
	margin-top: 19;
	margin-left: 31px;
}
.style4 {
	margin-right: 0px;
}
.style6 {
	display: block;
	margin-top: 0px;
}
.style7 {
	float: left;
	width: 780px;
	margin-left: 0;
	margin-right: 30px;
	margin-top: 50px;
	margin-bottom: 0;
}
.style8 {
	margin-left: 0px;
}
.style9 {
	margin-left: 28px;
}


/*  Classes  */
.hide 	{ display:none; }
.free{text-transform:uppercase;}


/* form */
form{margin-bottom:2em;}
form .formRow{margin-bottom:.5em;}
form .text .formLabel, form .textarea .formLabel, form .select .formLabel{float:left;width:15em;text-align:right;}
form .text .formInput, form .iselect, form .itextarea, form .image .formInput{margin-left:16em;}
form .checkbox .formInput{float:left;width:15em;text-align:right;}
form .checkbox .formLabel{margin-left:16em;margin-right:5em;}
* html form .checkbox .formLabel{height:1%;/* holy hack for 3px bug*/}
form .text .formInput input{width:20em;font-size:small;border:1px solid #ADADAD;color:#808489;}
form .iselect select{font-size:small;border:1px solid #ADADAD;color:#808489;}
form .formRow .formLabel formLabel{padding:3px 0 0 0 ;}
form .text .formLabel label,form .select .formLabel label{font-weight:bold;}
html>* form .text input{padding:3px 0;}
* html form .text input{height:1.7em;line-height:1.4em;}
html>* form .formRow textarea{padding:3px;}
* html form .formRow textarea{height:1.7em;line-height:1.4em;}
html>* form .submit input{padding:3px;}
form .errorBottom{margin-left:21.6em;}*/


/*  Typography  */
/****************/
body,
textarea			{ background-color:#0D0D0D; font-family:verdana, sans-serif; color:#fff; }
form, fieldset { padding:0; margin:0; }

h1 {
	font-family: constantia, arial, sans-serif;
	font-size: 1.7em;
	color: #620169;
	margin-bottom: 0;
}
h2 { font-family:constantia, arial, sans-serif; font-size:18px; line-height:1.5em; color:#620169; margin-bottom:0em; }
h3 { font-family:arial, sans-serif; font-size:0.8em;  color:#ffffff; margin-bottom:0.2em;margin-top:1.5em; }
h4	{ font-size:0.75em; line-height:1.5em; color:#fff; margin-bottom:0; }


h2 a.small		{ vertical-align:middle;line-height:1.5em;font-size:0.6em; }

p.largeText {
	font-family: constantia, arial, sans-serif;
	font-size: 1.0em;
	color: #444444;
	margin-bottom: 1em;
}
p.largeTextR { font-family:trebuchet ms, arial, sans-serif;  color:#ffffff; margin-bottom:1em; float: right;  }
p.largeTextV { font-family:constantia, arial, sans-serif;  font-size:18px;  color:#444444;  }
p.smallTextV { font-family:constantia, arial, sans-serif;  font-size:14px;  color:#444444;  }
p.largeTextF { 	font-family	:constantia, arial, sans-serif;  
				font-size	:18px;
				color:#444444;
				text-align:justify;
				padding-left:10px;
				padding-right:10px;
				border-left:thin;
				border-left-style:solid;
				border-right:thin;
				border-right-style:solid;
				border-color: #620169
				}
p.largeTextC {
	font-family: constantia, arial, sans-serif;
	font-size: 1.0em;
	color: #620169;
	margin-bottom: 0.6em;
}
p.largeTextN { font-family:constantia, arial, sans-serif;  font-size:1.1em;  color:#990099 }


p, li 	{
	line-height: normal;
	color: #ffffff;
}
ul, ol	{
	margin-bottom: 1em;
}
ol			{ padding-left:25px; }
ol	li		{ margin-bottom:1em; list-style-type:decimal; }
dt			{ float:left; }
dd			{ margin:0; padding:0; } 

li h4, 
li p		{ font-size:100%; }

a 							{
	color: #990099;
	text-decoration: none;
}
a:hover 					{
	color: #FFFFFF;
	text-decoration: none;
}
h3 a						{ color:#666; }
h3 a:hover				{ color:#fff;text-decoration:none; }

address		{ font-style:normal; font-size:0.70em; }
li address	{ font-size:100%; }

ul li.actionButton a		{ font-size:1.5em;font-weight:bold;}


/*  Reused bits  */
/**********************************************************************/
.row				{ margin-bottom:1em;}



/*  Template Structure  */
/**********************************************************************/
body 					{ text-align:center; background:#000000; }
#pageWrap 				{
	text-align: left;
	width: 950px;
	margin: 0 auto;
	padding: 0px 0;
	background-color: #99cc33;
	background-image:url('lime_corner.gif');
	background-repeat:no-repeat;
	background-position:bottom left
}
#pageWrapTop 				{
	text-align: left;
	width: 950px;
	margin: 0 auto;
	padding: 0px 0;
	background-color: #2C2626;
/*	background-image: url('tsc_logo_brown_vlime.jpg');*/
}
#pageWrapBottom 				{
	text-align: left;
	width: 950px;
	margin: 0 auto;
	padding: 0px 0;
	background-color: #2C2626;
}
#pageTopLogo 				{
	text-align: left;
	width: 950px;
	height: 100px
}
#headerMain				{ margin-bottom:1em; }/* #navMainRow, #flashHeader, #tilting*/
#headerMain #navMainRow				{
	background-color: #2C2626;
	padding: 0.5em 0 0;
}

#links ul 		{
	height:30 px;
	margin-left:-40px; 
	}

#links li a		{
	font-size: large;
	font-weight: bold;
	text-decoration: none;
	color: #620169;
	font-family:constantia, arial, sans-serif;
	}

#links li a:hover	{
	color:#fff
	}
#links li.lia1		{position:relative;right:0px;height: 40px;}
#links li.lia2		{position:relative;right:-140px;height: 40px;}
#links li.lia3		{position:relative;right:-280px;height: 40px;}
#links li.lia4		{position:relative;right:-420px;height: 40px;}
#links li.lia5		{position:relative;right:-560px;height: 40px;}

/* #navMainRow */
#navMainRow	#navMain				{ padding:20px 0 0px 15px; margin-left:-40px; }
#navMainRow	#navMain li				{ float:left; margin-right:10px; padding-right:10px; position:relative; font-size:0.7em;  font-weight:bold; border-right:1px solid #333; }
#navMainRow	#navMain li a			{ color:#7cfc00; text-decoration:none; }
#navMainRow	#navMain li a:hover,
#navMainRow	#navMain li.active a	{ color:#fff; }
#navMainRow	#navMain li.last		{ border-right:none; }
#navMainRow	#navMain li	a			{ position:relative; display:block; height:20px; }
#navMainRow	#navMain li	a span		{ position:absolute; display:block; height:100%; width:100%; top:0; left:0; z-index:1; cursor:hand;}

#navMainRow .navCMSTemplate li a{ float:left; }

#navMainRow .navMainTemplate			{ float:left; width:825px;  }
#navMainRow .navMainTemplate li			{ padding-right:0 !important; }
#navMainRow .navMainTemplate .li1 a 	{ width:50px; }
#navMainRow .navMainTemplate .li2 a 	{ width:75px; }
#navMainRow .navMainTemplate .li3 a 	{ width:75px; }
#navMainRow .navMainTemplate .li4 a		{ width:60px; }
#navMainRow .navMainTemplate .li5 a 	{ width:95px; }
#navMainRow .navMainTemplate .li6 a 	{ width:67px; }
#navMainRow .navMainTemplate .li7 a 	{ width:65px; }
#navMainRow .navMainTemplate .li8 a 	{ width:75px; }

#navMainRow .navMainTemplate li.li1 span	{ background-position: -900px -90px; }
#navMainRow .navMainTemplate li.li2 span	{ background-position: 0 -90px; }
#navMainRow .navMainTemplate li.li3 span	{ background-position: -150px -90px; }
#navMainRow .navMainTemplate li.li4 span	{ background-position: -300px -90px; }
#navMainRow .navMainTemplate li.li5 span	{ background-position: -400px -90px; }
#navMainRow .navMainTemplate li.li6 span	{ background-position: -600px -90px; }
#navMainRow .navMainTemplate li.li7 span	{ background-position: -750px -90px; }

#navMainRow .navMainTemplate .active .lia1 span, #navMainRow .navMainTemplate .li1 a:hover span	{ background-position: -900px 0px !important; }
#navMainRow .navMainTemplate .active .lia2 span, #navMainRow .navMainTemplate .li2 a:hover span	{ background-position: 0 0px !important; }
#navMainRow .navMainTemplate .active .lia3 span, #navMainRow .navMainTemplate .li3 a:hover span { background-position: -150px 0px !important;}
#navMainRow .navMainTemplate .active .lia4 span, #navMainRow .navMainTemplate .li4 a:hover span { background-position: -300px 0px !important; }
#navMainRow .navMainTemplate .active .lia5 span, #navMainRow .navMainTemplate .li5 a:hover span	{ background-position: -400px 0px !important; }
#navMainRow .navMainTemplate .active .lia6 span, #navMainRow .navMainTemplate .li6 a:hover span { background-position: -600px 0px !important; }
#navMainRow .navMainTemplate .active .lia7 span, #navMainRow .navMainTemplate .li7 a:hover span	{ background-position: -750px 0px !important; }

#navSecRow	#navSec				{ padding:0 0 0px 0px; margin-left:-30px; }
#navSecRow	#navSec li				{ float:left; margin-right:0px; position:relative; font-size:0.7em;  font-weight:bold; }
#navSecRow	#navSec li a			{ color:#620169; text-decoration:none; }
#navSecRow	#navSec li a:hover,
#navSecRow	#navSec li.active a	{ color:#fff; }
#navSecRow	#navSec li.last		{ border-right:none; }
#navSecRow	#navSec li	a			{ position:relative; display:block; height:20px; }

#navSecRow 		{ float:left; width:925px;  }
#navSecRow li		{ padding-right:0 !important; }
#navSecRow .li1 a 	{ width:140px; }
#navSecRow .li2 a 	{ width:230px; }
#navSecRow .li3 a 	{ width:190px; }
#navSecRow .li4 a	{ width:120px; }
#navSecRow .li5 a 	{ width:195px; }
#navSecRow .li6 a 	{ width:180px; }



#navMainRow .nav404{ float:left; width:723px;  }

#headerMain #searchArea						{ margin-left: 750px; }
#headerMain #searchArea	label				{ display:none; }
#headerMain #searchArea .searchField input	{ float:left; width:165px; margin: 2px 5px 0 0; font-size:0.8em; color:#000000; padding:3px; background:#ffffff; border:1px solid #222; }
#headerMain #searchArea .searchSubmit input	{ font-size:0.8em; padding:2px; font-weight:bold; color:#e4007b; background-color:#333; border:1px solid #222; }



#headerMain #flashHeader	{ width:930px; height:270px; margin:0 25px 1em 25px;}

#headerMain #titling		{ float:right; position:relative; padding-right:25px;}
#titlingHome		{ float:right; position:relative; padding-right:25px;}

#headerMain .titling404		{padding-top:55px;clear:both}



#content			{ width:940px; margin:50px 0px 1em 25px;}

#content li {
	font-family: constantia, arial, sans-serif;
	font-size: 1.0em;
	color: #444444;;
	margin-bottom: 5px;
	margin-left: 0px;
}


#content #headerText{ height:6em; margin-bottom: 0.5em; position:relative; font-size:1.0em }

#headerText h1, #headerText span#h1replace	{ position:absolute; bottom:0; width:615px; }
#intro	p			{ padding-right:50px; }


/*#content #headerText_redes{ height:auto; margin-bottom: 0.5em; position:relative;top:-20px}*/
h1#headerText_redes		{ position:absolute; top:10px; width:615px; }
#intro_redes {width:550px;margin:20px 0 30px 0;padding:0 0 20px 0; position:relative; display:block;}
#intro_redes p			{position:relative; top:1.4em;}

#content .iinput input,
#content textarea,


#navContent					{
}
#navContent	h3				{ font-weight:normal; color:#aaa; border-bottom:1px solid #333; margin-bottom:0.7em; }
#navContent	ul				{ margin-bottom:2em; }
#navContent	li				{ padding-bottom:5px; margin-left:0; margin-bottom:5px; border-bottom:1px dotted #333; }
#navContent	li a			{ display:block; text-decoration:none; }
#navContent	li a.guide			{color:#f14298}
#navContent	li.active a	{ color:#fff; }

#bannerSky			{ float:right; margin:2.15em 18px 0 0; }
* html #bannerSky	{ margin-right:8px; }
#bannerMPU			{ }

#footerMain					{ width:955px; min-height:50px; padding:10px 0px 0 20px;margin: 0 auto; padding: 0px 0;}
* html #footerMain		{ height:50px; }
#footerMain ul				{ margin-bottom:0; }
#footerMain li				{ display:inline; font-size:0.65em; line-height:3em; padding:2px 6px 2px 0px; margin-right:6px; border-right:0px solid #333; }
#footerMain a				{ text-decoration:none; color:#990099; margin-left:0; }
#footerMain li.last		{ border-right:none; }
#footerMain li.bottomCopy	{ float:left}
#footerMain a:hover		{ color:#fff; }
#footerMain li.active a	{ font-weight:bold; }
#footerMain #navFooter{width:170px;margin-top:0; margin-left:-40px }
#footerMain #copyrightMain{width:180px;float:right;font-size:0.65em;padding:10px 0px 0 20px;}
#page404 #footerMain					{ margin-top:0px; clear:both; }
/* Pages */
/***********************/



#pageWrap .content404			{ top:1em;padding-bottom:10px;}
#pageWrap .content404 #navContent	{ padding-top:0px}
#pageWrap .content404 #navContent H3	{ margin:6px 0 10px 0}
#pageWrap .content404 .col2 H3		{ margin:6px 0 10px 0}




