/*

	Site : TUMS Master Styles
	Author : Pete Robinson
	Date : 28th October 2007
-----------------------------------------------

 Base
----------------------------------------------- */
html, body {
	height: 100%;	
}
body {
  background:#fff;
	margin-bottom:0px;
	margin-top:0px;
	font-weight:normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#08001a;
	font-size:80%;
	text-align: justify;
	background :url(../img/pageback.gif) repeat-x;
  }
P, SPAN, DIV, A, TABLE,INPUT , TEXTAREA, SELECT {
	font-size:1.0em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
FORM {
	margin: 0px;
	padding:0px;
}
cleaner:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.cleaner {
	display: inline-table;
}
/* Hides from IE-mac \*/
.cleaner {display: block;}
/* End hide from IE-mac */

.cleaner{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
/* Main Divs
----------------------------------------------- */
 #MainContainer {
	width: 980px;
	padding: 0px;
	margin: 0px auto 0px auto;
   text-align:left; 
   position:relative; /*** Needed for IE, othewise header and footer aren't contained directly above and below the body ***/
/* \*/
   height:100%;
/* Last height declaration hidden from Mac IE 5.x */
	border: solid #2F1746;
	border-width: 0px 1px;
 }
 *html #MainContainer {
	width: 960px;
 }
 #Header {
 	background: url(../img/banner_moz.gif) no-repeat #2F1746;
	height: 129px;
	width: 980px;
	Margin: 0px;
 }
 *html #Header {
  	background: url(../img/banner_ie.gif) no-repeat #2F1746;
	width: 960px;
 }
 #NavBarBox {
 	width: 960px;
	margin: 0px;
 }
 #Content {
 	width: 960px;
	margin: 0px;
 	background: url(../img/content-back.gif) no-repeat #DACCE6;
	text-align: left;
	border:solid #3F1F5F;
	border-width: 0px 0px 1px 0px;
	padding: 5px 10px 20px 10px;
	min-height: 69%;
 }
 *html #Content {
 	width: 940px;
	margin: 0px;
	height: 69%;
 }
 #ContentTitle {
 	width: 940px;
 	padding: 0px 0px 0px 20px;
	margin: 0px;
 }
 *html #ContentTitle {
  	width: 920px;
 	padding: 0px 0px 0px 20px;
	margin: 20px 0px 0px 0px;
 }
 #MainContent {
 	width: 960px;
 }
  *html #MainContent {
 	width: 940px;
 }
 #Footer {
 	width: 960px;
	padding: 30px 10px;
	text-align: left;
	background: url(../img/footer.gif) no-repeat 580px 10px #fff;
 }
 *html #Footer {
 	width: 940px;
	background: url(../img/footer.gif) no-repeat 560px 15px #fff;
 }
 
 /* Context sensitive nav buttons
------------------------------------------------*/
#NavBar {
  float: left;
  width:960px;
  border:solid #2F1746;
  border-width: 1px 0px;
  background: url(../img/navbar.gif) #FFFFFF repeat-x;
  padding-left:20px;
  margin:0;
}
* html  #NavBar {
  width:940px;
  margin: 0px;
}
#NavBar a {
  display:block;
  padding:5px 15px 6px 15px;
  border:solid #2F1746;
  border-width:0 1px 0 0;
  color: #3F1F5F;
  text-decoration:none;
  white-space:nowrap;
  font-weight:normal;
  font-size:85%;
}
BODY.Home #Home, BODY.Help #Help, BODY.Support #Support, BODY.Chat #Chat,
BODY.Drugs #Drugs, BODY.Alcohol #Alcohol, BODY.Training #Training, 
BODY.Links #Links, BODY.About #About, BODY.Contact #Contact, #NavBar a:hover {
  color:#fff;
  background: url(../img/navbut_back_down.gif) no-repeat #3f1f5f;
}
#NavBar ul {
  margin:0;
  padding:0px;
  list-style:none;
  text-transform:lowercase;
}
#NavBar li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  display:block;
}

/* Table Formatting
----------------------------------------------- */
 #MainContent TABLE {
	border: 1px solid #3F1F5F;
	margin: 2px;
	width: 800px;
 }
 #MainContent TABLE.Short {
	width: 300px;
 }
  #MainContent TABLE.Wide {
	width: 910px;
 }
 #MainContent TD {
 	border: 1px dotted #663399;
 	padding: 10px;
	margin: 2px;
	background-color: #DACCE6;
 }
  #MainContent TD.header {
	background-color: #B399CC;
	font-weight: bold;
 }
 #MainContent TD.warningheader {
	background-color: #663399;
	font-weight: bold;
	color: #fff;
 }
 
.FieldLabel, .FieldLabelLong {
	text-align: right;
	vertical-align: top;
}
.FieldLabel {
	width: 230px;
}
.FieldLabelLong {
	width: 240px;
}
.FieldName {
	text-align: left;
	vertical-align: top;
	width: 400px;
}
.FieldName Input, .FieldName Input.Short, .FieldName Textarea, .FieldName Select, .Button Input {
	border: 1px solid #3F1F5F;
	color: #3F1F5F;
	background-color: #B399CC;
}
.FieldCheck {
	width: 50px;
}
.FieldName Input {
	width: 300px;
}
.FieldName Input.Short {
	width: 150px;
}
.FieldName Textarea {
	width: 300px;
}
.FieldName Select {
	width: 300px;
}
.Button Input {
	width: 100px;
}
/* Help Page Selects etc
----------------------------------------------- */
#HelpTop {
	width: 940px;
}
#HelpBot {
	width: 940px;
	padding: 0px;
	margin: 20px 0 0 0;
}
#HelpBotLeft, #HelpBotMiddle, #HelpBotRight {
	background: #B399CC;
	padding: 0px;
	margin: 0px;
	border: 1px solid #3F1F5F;
}
#HelpBotLeft, #HelpBotRight {
	width: 309px;
}
#HelpBotMiddle {
	width: 310px;
}
#HelpBotLeft {
	float: left;
}
#HelpBotRest {
	width: 626px;
	float: right;
	padding: 0px;
	margin: 0px;
}
#HelpBotMiddle {
	float: left;
}
#HelpBotRight {
	float: right;
}
.HelpTitle {
	background-color:#2F1746;
	color: #fff;
	font-size: 1.1em;
	padding: 5px 10px; 
	font-weight: bold;
}
.HelpField {
	width: 290px;
	padding: 20px 0px 20px 10px;
	margin: 0px;
	float:left;
	text-align: right:
}
SELECT.HelpSelect {
	width: 275px;
	padding: 5px 10px;
	height: 28px;
	border: 1px solid #2F1746;
	font-size: 0.9em;
	font-weight: bold;
	color: #3F1F5F;
	background-color: #DACCE6;
}
*html .HelpSelect {
	width: 275px;
	padding: 10px 10px;
	border: 1px solid #2F1746;
	font-size: 1.0em;
	font-weight: bold;
	color: #3F1F5F;
	background-color: #DACCE6;
}
SELECT.HelpSelect OPTION {
	padding: 5px 10px;
}
SELECT.HelpSelect OPTION:Hover {
	background-color:#2F1746;
	color: #DACCE6; 
}

/* Images
----------------------------------------------- */
img.right {
	border: 1px solid #2f1746;
	float: right;
	margin: 0px 0px 10px 10px;
}
#PictureCaption {
	border: 1px solid #2f1746;
	float: right;
	margin: 0px 0px 10px 10px;
	padding:20px;
	width: 280px;
	text-align:left;
} 
/* Headings
----------------------------------------------- */
h1, h2, h3, h4 {
	color: #663399;
} 
h2 A, h3 a, h2 a:visited, h3 a:visited {
	text-decoration: none;
	border-bottom:none;
}
h2 {
	font:250% Georgia,Serif;
  	line-height:1.4em;  
}
h3 {
	font:170% Georgia,Serif;
  	line-height:1.3em;  
}
h4 {
	font:150% Georgia,Serif;
  	line-height:1.2em;  
}
#Header H1 {
	size:0.0em;
	color: #663399;
	display: none;
}
/* Links
----------------------------------------------- */
a {
  color:#663399;
  text-decoration:none;
  }
a:visited {
  color:#ffffff;
  }
a:hover {
  color:#2F1746;
  }
/* Lists
----------------------------------------------- */
OL, UL, DL {
	list-style: none;
} 
#MainContent UL LI {
	clear:left;
	padding-left:20px;
	background:url(../img/dk-md.gif) no-repeat 0 0.35em;
	color: #3F1F5F;
	margin-bottom: 5px;
}
#MainContent OL LI {
  	clear:left;
	padding-left:20px;
	background:url(../img/md-dk.gif) no-repeat 0 0.35em;
	color: #3F1F5F;
	margin-bottom: 5px;
}
DL {
	margin: 0 0 30px 15px;
	background: none;
}
DT {
  	clear:left;
	font-weight:bold;
	padding-left:20px;
	background:url(../img/whi-md.gif) no-repeat 0 0.35em;
	color: #3F1F5F;
	margin-bottom: 5px;
  }
#ContactList #Email {
	background:url(../img/whi-md.gif) no-repeat 0 0.35em;
} 
#ContactList #Chat {
	background: url(../img/li-strip.gif) no-repeat 0 0.2em;
} 
#ContactList #Form {
	background:url(../img/whi-md.gif) no-repeat 0 0.35em;
} 
#ContactList #Tel {
	background:url(../img/whi-md.gif) no-repeat 0 0.35em;
} 
#ContactList #Post {
	background:url(../img/whi-md.gif) no-repeat 0 0.35em;
} 
DD {
  margin:0 0 1em;
  padding:0;
  color:#663399;
  }
DD A, DD A:Hover {
	color: ##2F1746;
	font-weight: bold;
}
DD A:Active, DD A:Visited {
	color: #663399;
	font-weight: bold;
}
 
/* Captcha Formatting
----------------------------------------------- */
#CaptchaContainer IMG {
	border: 0px; 
	padding: 0px; 
	margin: 0px; 
	float: none;
}
#CaptchaContainer DIV, #CaptchaContainer IFRAME, #CaptchaContainer SPAN, #CaptchaContainer, #CaptchaContainer TABLE {
	width: 350px;
	border: 0px; 
	padding: 0px; 
	margin: 0px; 
}
/*
NAMES OF RECAPTCHA FIELDS AND OBJECTS
.recaptchatable 
.recaptcha_image_cell
#recaptcha_table 
#recaptcha_response_field
*/