/* YWCA national branding:
Titles should be lower case
Titles should be Arial Black or Arial
Text should be Times New Roman in print. Arial for the web.
Subtitles should be Arial
Colors are black, gray, and orange.   */


/*******************************************************************************
	Colors
 *******************************************************************************

YWCA Orange: #f63
#content link: #333
#content visited link purple: #39587A
#content text dark gray: #333

#navbar light gray: #ccc
#navbar hover blue: #06C

#sidebar dark gray: #333
#sidebar visted links: #ddd

Women's Health Pink: #f69

*/

/*******************************************************************************
	General Styles
 *******************************************************************************/

/* ---------reset stylesheet clears out rules --------------------------- */
@import url(reset.css);

body 
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #999 url(../images/backgradient.gif) repeat-x;
/* to set background gradient image for the page */

}

p
{
margin: 1em 0;
}

td, th, tr
{
	font-size: 1.2em;
	text-align: left;
}

/*******************************************************************************
	Wrapper
 *******************************************************************************/

/* container for entire site. Sets fixed width to 970px which is divided into 770px main content for lower res monitors  */

#wrapper
{
	background: url(../images/fauxcolumns2.gif) 50% 0 repeat-y;
	margin: 18px auto;
	text-align: left;
	width: 970px;
}

body#nosidebar #wrapper {
background: url(../images/fauxcolumns-p.png) 50% 0 repeat-y;
}


/*******************************************************************************
	Masthead
 *******************************************************************************/

#masthead
{
background: #f63 url(../images/masthead2.gif) top no-repeat;
height: 135px;
position: relative;
}

#masthead img
{
margin-top: 20px;
margin-left: 38px;
}

#masthead img.replace
{
margin-left: -9999px;
position: absolute;
}

#masthead #mastLinks {
position: absolute;
bottom: 5px;
right: 20px;
font: 1.2em Arial, Helvetica, sans-serif;
color: #000;
}

#masthead #mastLinks a:link {
color:#000;
}

#masthead #mastLinks a:visited {
color:#222;
}

#masthead #mastLinks a:hover {
color: #fff;

}

/*******************************************************************************
	Navigation Bar
 *******************************************************************************/

#navbar
{
font-size: 1.2em;
width: 970px;
text-align: left;
background-color: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

#navbar ul
{
list-style: none;
margin: 0 0 0 34px;
}

#navbar ul.MenuBarHorizontal a
{
display: block;
padding: 0 .7em;
line-height: 1.3em;
text-decoration: none;
border-right: 1px solid #333;
}

/* puts border line to the left of first button  */
#navbar ul.MenuBarHorizontal a.first
{
border-left: 1px solid #333;
}

#navbar ul.MenuBarHorizontal li
{
float: left;
margin: 0;
}

/* ------------- rollover styles for navbar --------------- */

#navbar ul.MenuBarHorizontal a:link {color:#fff; }

#navbar ul.MenuBarHorizontal a:visited { color: #fff; }

#navbar ul.MenuBarHorizontal a:hover { 
background: url(../images/navbarhover.jpg) top left repeat-x;
color:#06C;
}

/* submenu styles */

#navbar ul.MenuBarHorizontal ul.submenu a:link { 
color:#ddd;
background-color: #333;
}

#navbar ul.MenuBarHorizontal ul.submenu a:visited { 
color: #ddd;
background-color: #333;
}

#navbar ul.MenuBarHorizontal ul.submenu a:hover { 
background: none;
color: #fff;
background-color: #777;

}



#navbar ul.MenuBarHorizontal a:active { color: #ccc;}

/* changes style for current page's button to look deactivated */
body#home li.current a:link, body#home li.current a:hover, body#home li.current a:visited,
body#events li.current a:link, body#events li.current a:hover,  body#events li.current a:visited,
body#donate li.current a:link, body#donate li.current a:hover,  body#donate li.current a:visited,
body#contact li.current a:link, body#contact li.current a:hover,  body#contact li.current a:visited
body#programs li.current a:link, body#programs li.current a:hover,  body#programs li.current a:visited,
body#volunteer li.current a:link, body#volunteer li.current a:hover,  body#volunteer li.current a:visited
{
background: none;
color: #ccc;
background-color: #000;

}


/*******************************************************************************
	Page Title Bar
 *******************************************************************************/

#pagetitle
{

/*background: url(../images/blackbar.jpg) top no-repeat #000;*/

background-color: #000;
padding: 8px 0 6px 38px;
border-right: black solid 5px;
border-left: black solid 5px;

}

#pagetitle h1
{
color: #fff;
font-size: 2.2em;
}


#masthead #column1
{
width: 770px;
float: left;
}

#masthead #column2
{
width: 188px;
float: left;
margin-top: 10px;
}

#home-image
{
margin-left: 4px;
margin-top: 0;
background:url(../images/home-image.jpg) #fff top left no-repeat;
width: 763px;


}

#home-image img.left
{
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

#home-image #text
{
padding: 25px 40px 20px 340px;
font-size: 1.6em;
}

#home-image #text p.smallerp
{
font-size: .8em;
}

#home-image #text h1
{
	font-size: 1em;
}

#home-image-b {
margin-left: 4px;
}

/*******************************************************************************
	Main Content
 *******************************************************************************/

/* ----------- General content styles ------------- */



#content
{
	width: 686px;
	margin: 20px 40px 20px 42px;
	font-size: 1.4em;
	color: #111;
	line-height: 120%;
}

body#nosidebar #content {
	width: 886px;
}

#content span.red {
color:#832C27;
font-weight: bold;
}


div.stripes {
height: 20px;
margin: 0 4px;
width: 762px;
/*top: -20px;
right: -39px;
bottom: -20px;
left: -38px;
position: absolute;*/

}


#content p
{
	margin: 1em 0;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

#content h1, h2, h3
{
line-height: normal;
margin: 1em 0;
}

#content h1
{
	color: #EF407B;
	font-size: 1.8em;
}

#content h2
{
	font-size: 1em;
	text-align: center;
}

#content.nomargins h2 {
margin-bottom: .2em;
margin-top: 1.5em;
}

#content.nomargins p {
margin-top: 0;
}

#content h3
{
	font-size: 1em;
	color: #000000;
}


#content div.box, #content div.boxnoback, #content div.boxpaper {

background: url(../images/paperback3.jpg) repeat-x;
padding: 15px;
margin-bottom: 25px;
}

#content div.boxnoback {
	background: none;
	height: auto;
	width: auto;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}

#content div.boxpaper input {
float: none;
}

#content div.boxpaper br.clearboth {
display: inline;
margin: 0;
padding: 0;
}




#content div.caption {
font-size: .8em;
float: left;
}

#content div.caption img {
margin-bottom: 0;
}

#content div.caption p {
margin-top: 0;
}

#content div.captionRight {
float: right;
}

/* This class, topMargin, eliminates top margin above a heading when needed*/
#content h1.noBottomMargin, h2.noBottomMargin, h3.noBottomMargin
{
margin-bottom: 0;
}

/* This class, noTopMargin, collapses the paragraph up; it gets rid of the default margin on the paragraph. This is used to put a paragraph directly under a heading. */
#content p.noTopMargin, #content h1.noTopMargin, #content h2.noTopMargin, #content h3.noTopMargin, #content div.section p.noTopMargin
{
margin-top: 0;
}

#content p.noMargin, #content h1.noMargin, #content h2.noMargin, #content h3.noMargin 
{
margin-top: 0;
margin-bottom: 0;
}

#content ul.nostyle
{
list-style-type: none;
}

#content ul.nostyle li
{
margin-left: 0;
text-indent: 0;
padding: .2em 0;
}

#content ul.indent
{
margin-left: 40px;
}

#content table, tr, td
{
	border: solid #666 1px;
}

#content table.smallfont
{
font-size: .8em;
}

#content table.padding td {
padding: 5px;
}

#content th
{
background-color: #333;
color: #fff;
font-size: 1em;
padding: 0 10px;
}

#content table.noborder, #content table.noborder tr, #content table.noborder td
{
border: none;
font-size: 1em;
}

#content img.imgLine
{
border: 2px solid #000;
}


/* ----------- WHW table styles ------------- */

#content table.whw {
border: none;
border-color: #fff;
}

#content table.whw td {
padding: 5px;
text-align: left;
vertical-align: top;
}


/* ----------- resource directory table styles ------------- */
#content table.resource {
border-collapse: collapse;
font-size: .8em;
}

#content table.resource td {
padding: 2px;
text-align: left;
vertical-align: top;
}

#content table.resource thead tr {
font-weight: bold;
background-color:#2C4065;
color: #fff;
}

/* ----------- content link states ------------- */

#content a:link { color: #00F; }

#content a:visited { color: #09F; }
	
#content a:hover { color: #00F; }

#content a:active {
	/*color:#f63;
	font-size: x-small;
	font-weight: bold;*/
}

/* removes background color on rollovers */
#content a:hover.rollover
{
background-color: white;
}

/* removes background color images */
#content a:hover.noback  
{
background-color: white;
}

/* ----------- content classes ------------- */

div.center {
margin-left: 20px;
}

#content .pink
{
color: #f69;
}

#content .orange
{
color: #f63;
}

#content .margins
{
margin: 1em;
}

#content .logos {
margin-right: 60px;
margin-bottom: 40px;
float: left;
}

/* pink titles for ENCOREplus */
#content h1.pink
{
color: #f69;
font-size:1.8em;
}

#content div.boxleft
{
width: 200px;
float: left;
}

/* floats images left */
#content img.left
{
float: left;
margin: 10px 30px 10px 10px;
}

#content img.leftsmall {
float: left;
margin: 10px 10px 10px 0;
}

#content img.home, #content object.home {
float: left;
margin: 10px 30px 10px 0;
}

#content object.home {
border-top: #000 5px solid;	
}

/* floats images right */
#content img.right
{
float: right;
margin: 0 10px 30px 0;
}

#content div.homeListDiv {
margin-left: 340px;

}

#content ul.homeList {
font-size: 1.2em;
margin-left: 20px;
}

#content ul.homeList li {
padding-left: 30px;
margin-bottom: .5em;
list-style-type:none;
background: url(../images/bullet.png) 5px .3em no-repeat;
}

#content ul.homeUL {
list-style-type:none;
}

#content ul.homeUL li {
margin-bottom: .7em;
padding-left: 25px;
}

#content h1 img.list-button {
margin-right: 5px;
}

#content ul.list-button {
padding-left: 0;
list-style-type: none;
}

#content ul.list-button li {
margin-bottom: .7em;
}


/* floats images left smaller margins */
#content img.leftsmaller
{
float: left;
margin: 10px;
}

#content h1.margins
{
margin: .5em 0 .4em 0;
}

/* content image replacement */
#content h1.replace, h1.replace
{
	text-indent: -9999px;
	line-height: 0;
	position: absolute;
	left: 4px;
}

#content img.center
{
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}

#content p.center
{
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}


#content #black
{
background-color: #000;
width: 100%;
color: #fff;
text-align: center;
}

#content #black h3
{
color: #fff;
}


/*******************************************************************************
	Styles for Forms
 *******************************************************************************/

#content #error {
visibility: hidden;
color:#6A0000;
font-weight: bold;
}

#content #column1 form#volunteer label, #content form#pinkregister label, #content form#dinner label{

float: left;
clear: left;
width: 5em;
padding-right: .4em;
text-align: right;
line-height: 1.8em;
font-weight: bold;
}

#content #column1 form#volunteer label{
	float: left;
	clear: left;
	width: 4em;
	padding-right: 0.6em;
	text-align: right;
	line-height: 1.8em;
	font-weight: bold;
}

#content form#dinner label {

float: left;
clear: left;
width: 20em;
padding-right: .5em;
text-align: right;
line-height: 2em;
font-weight: bold;
margin-top: -.4em;
}

#content form#dinner #submit {
margin-left: 20.4em;	
}

#content form#contact {
width: 260px;
}





#content form#pinkregister fieldset#extraStuff label {
width: 20em;
}

#content form#salemgreat label {
width: 12em;
}

#content label.great {
clear: none;
text-align: left;
width: 0;
padding-right: 6em;
}


#content input {
float: left;
}

#content form br {
clear: left;
}

#content fieldset#checkboxes label {
text-align: left;
width: auto;
clear: none;
line-height: 1.6em;
font-weight: normal;
}

#content #column1 fieldset#checkboxes label {
text-align: left;
width: auto;
clear: none;
display:inline;
line-height: 1.6em;
font-weight: normal;
float: left;

}

#content #column1 fieldset#checkboxes input  {

float: left;
clear: left;
}


#content #contactReq {
visibility: hidden;
}

#content #contactReq.contactShow{
visibility: visible;
font-weight: bold;
color:#CC0000;
}


#sidebar input#searchtext {
float: left;
margin-right: 5px;
color: #666;
padding-left: 5px;
width: 132px;
}

#content img.roomimg {
margin-right: 20px;
}


/* --------------------------  Donation Form Styles -----------------------*/

#content form#donationForm {
position: relative;
background-color: #fff;
}

#content form#donationForm div.fsection {
background: url(../images/fieldsetback.jpg) #fff right bottom repeat-y;	
}

#content form#donationForm legend {
margin-left: 1em;
color: #000000;
font-weight: bold;
}

#content form#donationForm span#teamName {
color: #cccccc;	
}

#content table.donationFormTable, #content table.donationFormTable tr, #content table.donationFormTable td, #content table.donationFormTable th {
border: 0px #fff solid;
border-left: 0px #fff solid;
border-right: 0px #fff solid;
border-top: 0px #fff solid;
border-bottom: 0px #fff solid;
}

#content table.donationFormTable th {
background-color: #fff;
text-align: right;
color: #000;
font-weight:normal;
vertical-align: top;
padding-top: .4em;
}

#content table.donationFormTable td {
	vertical-align: top;
	padding-top: 0.5em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.4em;
}

#content table.donationFormTable tr td h2 {
padding: 0;
margin: 0;
font-size: 1.4em;
}

#content table.donationFormTable tr td.section {
background-color: #d2dae6;
color: #000;
}

#content form#donationForm span#firstNameReq, span#lastNameReq, span#emailReq, span#emailVal, span#amountReq, span#phoneReq, span#phoneVal, span#cardNumReq, span#cardTypeReq, span#cardNumVal, span#expDateReq, span#verCodeReq, span#addressReq, span#cityReq, span#stateReq, span#zipReq, span#amountReq2, span#verCodeNan, span#cardTypeMatch, span#zipVal, span#waiverReq, span#teamCapReq, span#sizeReq, span#ageReq, span#ageVal, span#child1AgeVal, span#child1EnterAge, span#child1EnterName, span#child1AgeNum, span#child2AgeVal, span#child2EnterAge, span#child2EnterName, span#child2AgeNum, span#child3AgeVal, span#child3EnterAge, span#child3EnterName, span#child3AgeNum, span#teamInfoReq, span#rfirstNameReq, span#rlastNameReq {
	visibility: hidden;
	font-weight: bold;
	color:#930;
	position: absolute;
	font-size: .8em;
	
}


#content form#donationForm span#child1shirtMsg, span#child1feeMsg {
	font-size: .9em;
	color:#437445;
	
}

span#child1AgeVal, span#child1EnterAge, span#child1EnterName, span#child1AgeNum, span#child2AgeVal, span#child2EnterAge, span#child2EnterName, span#child2AgeNum, span#child3AgeVal, span#child3EnterAge, span#child3EnterName, span#child3AgeNum, span#ageReq {
	margin-top: 3px;
}

span#verCodeNan, span#cardTypeMatch {
margin-top: -2em;	
}

#content form#donationForm input#submit {
font-weight: bold;
width: 5em;
margin-right: 10px;
}

#content form#donationForm input#clear {
width: 4em;
}

#content form#donationForm div#authorize {
float: right;
}

#content form#donationForm div#authorize a:hover {
text-decoration: none;
background: #fff;
border: none;
}

#content form#donationForm input#teamCaptName.disabled {
background-color: #CCC;
color:#000;

}

/*******************************************************************************
	One Column Sectioned
 *******************************************************************************/

#content div.line {
	padding: 0 10px 10px 10px;
	background:url(../images/column-m.gif) top repeat-y;
}

#content #column1 div.top, #content #column2 div.top {
background:url(../images/column-top.gif) top left no-repeat;
}

#content #column1 div.bottom, #content #column2 div.bottom {
background:url(../images/column-bottom.gif) bottom left no-repeat;
margin-bottom: 25px;
}

#content div.section1
{
padding: 0 20px;
/* adds the appearance of border lines on the sides of the columns. */
margin-bottom: 20px;
border: solid #999 1px;
}


#content div.section1 h1.back
{
background: url(../images/titleimg.png) left top no-repeat;
padding: 2px 20px 4px 20px;
color: #222;
margin: 0 -20px 20px -20px;

font-size: 1.8em;

}

#content div.section1 p.last
{
position: absolute;
}

/*******************************************************************************
	styles for Cope pages
 *******************************************************************************/

#content.cope h2
{
color: #f63;
font-size: 1.8em;
margin-bottom: 0;
}

#content.cope ul
{
list-style: circle;
margin-left: 40px;
line-height: 1.4em;
}

#content.cope ol
{
margin-left: 40px;
line-height: 1.4;
}

#content.cope h3
{
font-size: 1.4em;
color: #f63;
}

#content.cope span.full
{
color: #933;
font-weight: bold;
}

#content.cope th
{
padding: .3em .6em;
}

#content.cope td
{
padding: .2em .6em;
}

#content.cope table
{
margin-bottom: 20px;
width: 400px;
}



/*******************************************************************************
	Two Column Content
 *******************************************************************************/

#content #column1, #column2
{
width: 323px;
float: left;
}

#content #column1 img, #content #column2 img
{
margin-top: 20px;
}

body#home #content #column1 img, body#home #content #column2 img, body#home #content #column2 h1, body#home #content #column1 h1
{
	margin-top: 0px;
}


#content #column2
{
margin-left: 40px;
}



#content #column1 h1, #content #column2 h1
{
color: #333;
font-size: 1.4em;
margin-top: 1em;
}

#content #column1.dp h1 {
font-size: 1.8em;
}

#content div.column1, #content div.column2
{
width: 323px;
float: left;
}

#content div.column2
{
margin-left: 40px;
}

#content div.100 {
width: 100px;
}

#content div.100 img {
margin-bottom: 30px;
border: solid #222 2px;
float: left;
}

#content div.100b {
float: left;
width: 200px;
clear:none;
}

#content #column2.shaded
{
width: 303px;
padding-left: 10px;
padding-right: 10px;
background-color:#CCCCCC;
}

/* ----------- content div.section styles, two columns ------------- */


#content div.section
{
padding: 0 20px;
background: url(../images/content2m.gif) left top repeat-y #ccc;
/* adds the appearance of border lines on the sides of the columns. */
margin-bottom: 30px;
}

/* adds the rounded line to the bottom of the last paragraph in the category div */
#content div.section p.last, #content div.section li.last
{
background: url(../images/content2b.gif) left bottom no-repeat;
padding: 0 20px 20px 20px;
margin-left: -20px;
margin-right: -20px;
}

#content div.section h1
{
background: url(../images/content2t.gif) left top no-repeat;
padding: 10px 20px 7px 20px;
color: #fff;
margin-left: -20px;
margin-right: -20px;

}

#content div.section table
{
margin: 0 20px;
font-size: 1em;
}

#content div.section tr, td
{
	font-size: .9em;
	text-align: center;
}

#content #column1 div.section h1, #content #column2 div.section h1
{
color: #fff;
font-size: 1.4em;
}


/*******************************************************************************
	Two Column Content 60% 30%
 *******************************************************************************/

#content #column60
{
width: 408px;
float: left;
}

#content #column30
{
margin-top: 1.4em;
width: 182px;
float: right;
padding: 10px 15px;
background:url(../images/section-grad.png) repeat-y;
border-right: solid 1px #666;
border-bottom: solid 1px #666;
border-left: solid 1px #999;
border-top: solid 1px #999;
}

#content #column60 h1, #content #column30 h1
{
color: #333;
font-size: 1.2em;
}

#content #column280px
{
width: 280px;
float: left;
padding: 0 10px 0 0;
}

/*******************************************************************************
	Two Column Content:  
	small right column for side items like brochures or images
	large left column for content
 *******************************************************************************/


#content div.columnSmallRight
{
width: 150px;
float: right;
} 

#content div.columnMainLeft
{
width: 490px;
float: left;
} 

/*******************************************************************************
	Two Column Content:  
	small left column for side items like brochures or images
	large right column for content
 *******************************************************************************/

#content div.columnSmallLeft
{
width: 200px;
float: left;
} 

#content div.columnMainRight
{
width: 470px;
float: right;
} 

/*******************************************************************************
	Sidebar
 *******************************************************************************/

/* ---------Sidebar Container ----------- */
#sidebar
{
top: 0;
width: 200px;
float: right;
clear: none;
}

#sidebar #sponsor h1{
font-size: 1.6em;
color:#fff;
}

#sidebar #sponsor h2{
font-size: 1.2em;
color: #fff;
}

#sidebar #sponsor h3{
font-size: 1em;
color: #ccc;
}

#sidebar #sponsor img {
margin: 0;
}


#sidebar img
{
margin: 40px 5px 10px 1px;
border: solid 2px #000;
}



#sidebar img.noborder
{
border:none;
}

#sidebar h1 {
font-size: 1.4em;
color: #fff;
}

#sidebar
{
font-size: 1.2em;
color: #fff;

}

#sidebar #search
{
margin: 10px 15px 20px 15px;
}


#sidebar ul
{
list-style: none;
margin: 0;
padding: 0;
}

#sidebar li
{
margin-left: 0;
padding: .5em 0;
}

#sidebar ul.partners {
line-height: 1.1em;
font-size: .8em;
}

#sidebar.sidebox {
width: 168px;
background-color: $fff;
color: #000;
margin-left: 500px;
}


/* --------- sidebar link states ----------- */

#sidebar a {text-decoration: none;}

#sidebar a:link {color: #ccc; border-bottom: 1px dotted #888; }
	
#sidebar a:visited {color:#6E91B7; border-bottom: 1px dotted #ddd;}
	
#sidebar a:hover { color: #fff; background-color: #000; }
	
#sidebar a:active {color: #f63;}

#sidebar a.rollover
{
border-bottom: none;
}

#sidebar a:hover.rollover, #sidebar a:hover.noback
{
background-color: transparent;
}


#sidebar h1.side-t, h1.side-white-t {
background: url(../images/sidebar/quick-t.jpg) top no-repeat;
color: #ddd;
margin: 0 -15px 0 -15px;
padding: 5px 15px;

}

#sidebar div.side-m, div.side-white-m {
background: url(../images/sidebar/quick-m.jpg) top repeat-y;
padding: 0 30px;
margin: 0 0 0 -4px;
}

#sidebar div.side-b, div.side-white-b {
background: url(../images/sidebar/quick-b.jpg) bottom no-repeat;
margin: 0 -15px 20px -15px;
}

/* --------- sidebar-white ----------- */

#sidebar h1.side-white-t {
background: url(../images/sidebar/side-white-t.jpg) top no-repeat;
}


#sidebar div.side-white-m {
	background: url(../images/sidebar/side-white-m.jpg) top repeat-y;
	color: #000;
}

#sidebar div.side-white-b {
	background: url(../images/sidebar/side-white-b.jpg) bottom no-repeat;
}

#sidebar div.side-white-m h1{
	color: #000; 	}
	
#sidebar div.side-white-m a:link {color: #f63; border-bottom: none; }
	
#sidebar div.side-white-m a:visited {color:#666; border-bottom: none;}
	
#sidebar div.side-white-m a:hover { color: #fff; background-color: #fff; }
	
#sidebar div.side-white-m a:active {color: #f63;}

#sidebar div.side-white-m img {
margin: 10px 5px 10px 1px;

border: none;
}

#sidebar #sidebarcontent.box {
width: 168px;
background-color: $fff;
color: #000;
}


#sidebar #sidebarcontent {
padding: 15px;

}

/*******************************************************************************
	Footer
 *******************************************************************************/

#footer
{
	clear: both;
	width: 970px;
	height: 30px;
	background: url(../images/blackbar.gif) bottom left #000;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}

/*******************************************************************************
	General Classes
 *******************************************************************************/

/* Not all are currently being used, but are there in case they are needed. */

.clearboth
{
clear: both;
}

.clearleft
{
clear: left;
}

.clearright
{
clear: right;
}

.gray
{
color:#666666;
}

.emphasis
{
font-size: larger;
line-height: 120%;
font-weight: bold;
}

.smallemphasis
{
font-size: 110%;
line-height: 110%;
}

.smallertext
{
font-size: 75%;
line-height: normal;
}

/* Puts a dotted line divider at the bottom of elements */
.bottomline
{
background: url(../images/dot-line.gif) left bottom no-repeat;
padding-bottom: 1.5em;

}

/* Puts a dotted line divider at the top of elements */
.topline
{
background: url(../images/dot-line.gif) left top no-repeat;
padding-top: .5em;
}
.imgpadding1 {
	padding: .4cm;
}
.Headline1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	line-height: normal;
	font-weight: bold;
}
.frontpagebox {
	margin: 1px;
	padding: 1px;
	height: auto;
	width: auto;
	border: medium groove EC5800;
}
.regButton {
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.pinkHeading1 {
	color: #EF407B;
	text-align:center;
	font-size:1.8em;
}
.regButton {
	text-align: center;
}
.dp_tables {
	text-align: center;
}