/* New styles */
* {
   zoom: 1.0;
}

* { margin: 0; 
    padding: 0;  	
	font-family: verdana, "trebuchet MS", helvetica,  sans-serif;
	text-decoration: none;
	letter-spacing: normal;
  }

ol, ul, li { 
    margin-top: 0; 
    padding: 0;  	
  }

p {
	margin: 10px 0;
	line-height: 160%;
	font-size: 16px;
    color: #3b3131;
	padding: 5px;
}

a:link    {
  font-family: verdana, "trebuchet MS", helvetica, sans-serif;
  TEXT-DECORATION: none;
  color: blue;
}

a:visited {
  font-family: verdana, "trebuchet MS", helvetica, sans-serif;
  TEXT-DECORATION: none;
  color: blue;
}

a:active  {
  font-family: verdana, "trebuchet MS", helvetica, sans-serif;
  TEXT-DECORATION: none;
  color: blue;
}

a:hover   {
  font-family: verdana, "trebuchet MS", helvetica, sans-serif;
  color: green;
}

img {
	border: none;
}

fieldset { padding:10px; }

li, dd, blockquote { margin-left: 40px; }

body
{
font-size: 16px;
color: #333333; 
}

form
{
margin: 0px;
padding: 0px;
}

h1
{
    border-bottom: 3px solid #589442; 
	padding-bottom: 4px;
}

.s2h1, .s2h2, .s2h3, .s2h4, .s2h5, .s2h6, .s2h7, .s2h8, .s2h1Orange, .s2h1Brown, .s2h1Pink, .s2h1Teal, .s2h1Purple, .s2h1DarkPurple, .s2h1Red, .s2h1DarkBlue, s2h1GreyBlue, .s2h1DarkGrey,
.s2h1lawnGreen
{ 
	font-family: helvetica, verdana; 
	text-decoration: none;
}

.whiteh1, .whiteh2, .whiteh3, .whiteh4, .whiteh5, .whiteh6, .whiteh7, .whiteh8
{ 
	font-family: helvetica, verdana; 
	text-decoration: none;
}


/* site fonts */
p, .h1green, .h2green, .h3green, .h4green, .h5green, .h6green, .h7green, .h8green, div.h1, h1, .h1normal, .h1red, .h1black, .h1white, .h1grey, .h1greycaps, .h1dgrey, .h1blue, div.h2, h2, .h2normal, .h2red, .h2black, .h2white, .h2grey, .h2greycaps, .h2dgrey, .h2blue, div.h3, h3, .h3normal, .h3red, .h3black, .h3white, .h3grey, .h3greycaps, .h3dgrey, .h3blue, div.h4, h4, .h4normal, .h4red, .h4black, .h4white, .h4grey, .h4greycaps, .h4dgrey, .h4blue,  div.h5, h5, .h5normal, .h5red, .h5black, .h5white, .h5grey, .h5greycaps, .h5dgrey, .h5blue, div.h6, h6, .h6normal, .h6red, .h6black, .h6white, .h6grey, .h6greycaps, .h6dgrey, .h6blue, div.h7, h7, .h7normal, .h7red, .h7black, .h7white, .h7grey, .h7greycaps, .h7dgrey, .h7blue, div.h8, h8, .h8normal, .h8red, .h8black, .h8white, .h8grey, .h8greycaps, .h8dgrey, .h8blue, .buttonTextFont, .linkFont, .normalFont, .highlightedFont, .disabledTextInput, .defaultTextInput, .highlightedTextInput, .defaultSelectInput, .highlightedSelectInput, .defaultMultipleSelect, .smallTextAreaInput, .defaultTextAreaInput, .wideSelectInput, .breadCrumbFont,  .flexWidthInputField, .questionText,
.h1pink, .h2pink, .h3pink, .h4pink, .h5pink, .h6pink, .h7pink, .h8pink
{ 
	font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
	text-decoration: none;
}

div#darkGreenLink a:link, div#darkGreenLink a:visited {
       color: #3B5323;
       text-decoration: none;
}
div#darkGreenLink a:hover {
       color:blue;
       text-decoration: underline;
}

div#mediumGreenLink a:link, div#mediumGreenLink a:visited {
       color: #8AA37B;
       text-decoration: none;
}
div#mediumGreenLink a:hover {
       color:blue;
       text-decoration: underline;
}

div#greenLink a:link, div#greenLink a:visited {
       color: DarkGreen;
       text-decoration: none;
}
div#greenLink a:hover {
       color:blue;
       text-decoration: underline;
}

div#orangeLink a:link, div#orangeLink a:visited {
       color: darkOrange;
       text-decoration: none;
}
div#orangeLink a:hover {
       color:blue;
       text-decoration: underline;
}

div#redLink a:link, div#redLink a:visited {
       color: red;
       text-decoration: none;
}
div#redLink a:hover {
       color:blue;
       text-decoration: underline;
}

div#greyLink a:link, div#greyLink a:visited {
       color: gray;
       text-decoration: none;
}
div#greyLink a:hover {
       color:red;
       text-decoration: underline;
}


div.h1, h1, .h1normal, .h1red, .h1black, .h1white, .h1grey, .h1greycaps, .h1dgrey, .h1blue, .h1green {
   font-size: 22px;
   font-weight: 100;
} 

div.h2, h2, .h2normal, .h2red, .h2black, .h2white, .h2grey, .h2greycaps, .h2dgrey, .h2blue, .h2green, .h2pink {
   font-size: 20px;
   font-weight: 100;
} 

div.h3, h3, .h3normal, .h3red, .h3black, .h3white, .h3grey, .h3greycaps, .h3dgrey, .h3blue, .h3green {
   font-size: 18px;
   font-weight: 100;
} 

div.h4, h4, .h4normal, .h4red, .h4black, .h4white, .h4grey, .h4greycaps, .h4dgrey, .h4blue, .h4green {
   font-size: 16px;
   font-weight: 100;
} 

div.h5, h5, .h5normal, .h5red, .h5black, .h5white, .h5grey, .h5greycaps, .h5dgrey, .h5blue, .h5green {
   font-size: 16px;
   font-weight: 100;
} 

div.h6, h6, .h6normal, .h6red, .h6black, .h6white, .h6grey, .h6greycaps, .h6dgrey, .h6blue, .h6green {
   font-size: 16px;
   font-weight: 100;
} 

div.h7, h7, .h7normal, .h7red, .h7black, .h7white, .h7grey, .h7greycaps, .h7dgrey, .h7blue, .h7green {
   font-size: 16px;
   font-weight: 100;
} 

div.h8, h8, .h8normal, .h8red, .h8black, .h8white, .h8grey, .h8greycaps, .h8dgrey, .h8blue, .h8green {
   font-size: 10px;
   font-weight: 100;
} 

.s2h1 {
   color: DarkGreen ;
   font-size: 26px;
   font-weight: 100;
}

.s2h1Orange {
   color: DarkOrange ;
   font-size: 26px;
   font-weight: 100;
}


.s2h1Brown {
   color: Sienna;
   font-size: 26px;
   font-weight: 100;
}

.s2h1Pink {
   color: #FF00FF;
   font-size: 26px;
   font-weight: 100;
}

.s2h1Red {
   color: #990066;
   font-size: 26px;
   font-weight: 100;
}

.s2h1Purple {
   color: #333366;
   font-size: 26px;
   font-weight: 100;
}

.s2h1DarkPurple {
   color: #330066;
   font-size: 26px;
   font-weight: 100;
}

.s2h1DarkBlue {
   color: #191970;
   font-size: 26px;
   font-weight: 100;
}

.s2h1GreyBlue {
   color: CadetBlue;
   font-size: 26px;
   font-weight: 100;
}

.s2h1LawnGreen {
   color: #339966;
   font-size: 26px;
   font-weight: 100;
}

.s2h1Teal {
   color: Teal;
   font-size: 26px;
   font-weight: 100;
}

.s2h1DarkGrey {
   color: #3b3131;
   font-size: 26px;
   font-weight: 100;
}

.s2h2 {
   color: #663300;
   font-size: 20px;
   font-weight: 100;
}

.s2h3 {
   font-size: 22px;
   font-weight: 100;
   color: blue;
}

.s2h4 {
   font-size: 20px;
   font-weight: 100;
   color: CornflowerBlue;
}

.s2h5 {
   font-size: 20px;
   font-weight: 100;
   color: DarkSlateGrey;
}

.s2h6 {
   font-size: 18px;
   font-weight: 100;
   color: SteelBlue ;
}

.s2h7 {
   font-size: 16px;
   font-weight: 100;
   color: SaddleBrown ;
}

.s2h8 {
   font-size: 10px;
   font-weight: 100;
   color: SeaGreen ;
}


.whiteh1 {
   color: Snow;
   font-size: 26px;
   font-weight: 100;
}

.whiteh2 {
   color: Snow;
   font-size: 22px;
   font-weight: 100;
}

.whiteh3 {
   font-size: 20px;
   font-weight: 100;
   color: Snow;
}

.whiteh4 {
   font-size: 18px;
   font-weight: 100;
   color: Snow ;
}

.whiteh5 {
   font-size: 16px;
   font-weight: 100;
   color: snow;
}

.whiteh6 {
   font-size: 14px;
   font-weight: 100;
   color: Snow ;
}

.whiteh7 {
   font-size: 12px;
   font-weight: 100;
   color: Snow ;
}

.whiteh8 {
   font-size: 10px;
   font-weight: 100;
   color: Snow ;
}

h1, .h1normal, div.h1 {
   color: #3b3131;
}

h2, .h2normal, div.h2 {
   color: RoyalBlue;
}

h3, .h3normal, div.h3 {
   color: DarkSlateGray;
}

h4, .h4normal, div.h4 {
   color: DodgerBlue ;
}

h5, .h5normal, div.h5 {
   color: DarkRed ;
}

h6, .h6normal, div.h6 {
   color: #FF0099 ;
}

h7, .h7normal, div.h7 {
   color: #FF9966 ;
}

h8, .h8normal, div.h8 {
   color: #CC9966 ;
}

.h1green, .h2green, .h3green, .h4green, .h5green, .h6green, .h7green, .h8green {
        color: #006400;
}

.h1white, .h2white, .h3white, .h4white, .h5white, .h6white, .h7white, .h8white {
        color: snow;
}

.h1grey, .h2grey, .h3grey, .h4grey, .h5grey, .h6grey, .h7grey, .h8grey, .h1greycaps, .h2greycaps, .h3greycaps, .h4greycaps, .h5greycaps, .h6greycaps, .h7greycaps, .h8greycaps  {
        color: gray;
}

.h1dgrey, .h2dgrey, .h3dgrey, .h4dgrey, .h5dgrey, .h6dgrey, .h7dgrey, .h8dgrey{
        color: #3b3131;
}

.h1greycaps, .h2greycaps, .h3greycaps, .h4greycaps, .h5greycaps, .h6greycaps, .h7greycaps, .h8greycaps {
        text-transform: uppercase;
}

.h1black, .h2black, .h3black, .h4black, .h5black, .h6black, .h7black, .h8black {
        color: black;
}

.h1red, .h2red, .h3red, .h4red, .h5red, .h6red, .h7red, .h8red {
        color: red;
}

.h1blue, .h2blue, .h3blue, .h4blue, .h5blue, .h6blue, .h7blue, .h8blue {
        color: blue;
}

.h1pink, .h2pink, .h3pink, .h4pink, .h5pink, .h6pink, .h7pink, .h8pink {
        color: #CC0066;
}

textarea {
    background-color: snow;
    font-family: null;
    font-size: 16px;
	color: #2B3856;
    text-decoration: none;
}

div.topicContentMap {
	 width:265px; 
}

div.topicContentMapDouble {
	 width:535px; 
}

div.topicContentMap, div.topicContentMapDouble {
     border: thin solid #98AFC7;
	 float: left;
	 margin: 5px 0 5px 3px;
	 padding: 5px 0 5px 3px;
}

h2.topicContentMap, h2.topicContentMapDouble {
   color: #463E41;
   font-size: 20px;
   background: #98AFC7;
   margin-bottom: 20px;
   padding: 5px;
}

div.stepMap {
   float: left;
   padding:15px; 
   margin:5px;
   background-color: gray;
   width: auto;
}

div.currentStepMap {
   float: left;
   padding:15px; 
   margin:5px;
   background-color: orange;
   width: auto;
}

div.finishedStepMap {
   float: left;
   padding:15px; 
   margin:5px;
   width: auto;
   background-color: transparent;
}

img.stepMapImage {
   float: left;
   height: 30px; 
   width: 30px; 
}

div.clear {
   clear:both;
}

div.leftFloater {
   float: left;
}

.defaultSelectInput, .highlightedSelectInput, .wideSelectInput, .defaultTextInput, highlightedTextInput, .disabledTextInput {
    height:  32px;
	font-size: 18px;
}

.defaultMultipleSelect {
	font-size: 18px;
}

 .defaultCheckboxInput {
    height:  20px;
	width: 20px;
 }

 .defaultRadio {
    height:  20px;
	width: 20px;
 }

.questionText {
    color:  RoyalBlue;
	font-size: 18px;
}

.singleColumnWidth { 
	width: 575px;
}

.lightGrayTableRow { 
	height: 50px;
	background-color: WhiteSmoke;
}

.lightColorTableRow { 
	height: 50px;
	background-color: SeaShell;
}

.greyColorTableRow { 
	height: 50px;
	background-color: LightGray;
}

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

div.indent2 {
   margin-left: 40px;
}




/* Deprecated styles    */




.normalFont, .linkFont, .unicodeSafeFont, .highlightedFont,  .highlightedLinkFont, .highlightedUnicodeSafeFont, span { 
    font-size: 16px;
	}

.normalFont, .unicodeSafeFont, .smallUnicodeSafeFont, .bigUnicodeSafeFont, body  { 
	color: #333333; 
	}

.unicodeSafeFont, .smallUnicodeSafeFont, .bigUnicodeSafeFont, .bigHighlightedUnicodeSafeFont, .highlightedUnicodeSafeFont { 
	font-family: Verdana,Georgia,Sans-Serif;
	text-decoration: none;
	}

.unicodeSafeFont, .smallUnicodeSafeFont, .bigUnicodeSafeFont { 
	color: black
	}

.bigUnicodeSafeFont, .bigHighlightedUnicodeSafeFont {
    font-size: 22px;
}

.smallUnicodeSafeFont, .smallLinkFont {
    font-size: 12px;
}

.smallLinkFont {
    color: red;
}

.highlightedFont, .highlightedHeader, .highlightedLinkFont, .bigHighlightedUnicodeSafeFont, .highlightedUnicodeSafeFont { 
	color: red;
	}
	
.highlightedFont, , .highlightedHeader, .bigHighlightedUnicodeSafeFont, .highlightedUnicodeSafeFont { 
    font-weight: normal; 
	}

.highlightedLinkFont { 
    font-weight: bold;
	}


.breadCrumbFont { 
    font-size: 20px;
	}

.breadCrumbFont {
    color: black;
    }

/* site boxes */

 .layoutStart { 
	width: 575px;
	}

 .thinColumnLayout { 
	width: 150px;
	text-align: left;
	}

 .wideColumnLayout { 
	width: 350px;
	text-align: left;
	}
 
 .twoColumnLayoutStart, .twoColumnLayoutWithMargin { 
	width: 225px;
	text-align: left;
	}

 .threeColumnLayoutStart { 
	width: 170px;
	text-align: left;
	}

 #imageNotAvailable {
    width: 200px;
	height: 200px;
	background-color: #FAF8CC;
	font-size: 14px;
	color: red; 
	font-family: null;
	font-weight: bold ; 
 }

 #personalProfile {
	background-color: snow;
	border: none;
	font-size: 14px;
	color: black;
	text-decoration: none;
 }

 #personalProfile td {
 	font-size: 14px;
	color: black;
	text-decoration: none;
	padding: 6px 0 6px 0;
	vertical-align: top;
 }

 #personalProfile img {
	border: none;
	clear: both;
 }


 #personalProfileSummaryMale {
	background-color: #87CEEB;
	border: thin solid #827B60;
	font-size: 14px;
	color: black; 
	text-decoration: none;
 }

 #personalProfileSummaryMale img {
	border: none;
 }

 #personalProfileSummaryMale hr {
    display: block;
	color: SaddleBrown ;
	height: 1px;
 }

 #personalProfileSummaryFemale {
	background-color: #FDEEF4;
	border: thin solid #827B60;
	font-size: 14px;
	color: black; 
	text-decoration: none;
 }

  #personalProfileSummaryFemale hr {
    display: block;
	color: #4682B4;
	height: 1px;
 }

 #personalProfileSummaryFemale img {
	border: none;
 }

 .bigVerticalSpacer { 
	height: 100px;
	}

 .mediumVerticalSpacer { 
	height: 75px;
	}

 .littleVerticalSpacer { 
	height: 25px;
	}

 .bigHorizontalSpacer { 
    clear: both;
	width: 100px;
	}

 .mediumHorizontalSpacer { 
    clear: both;
	width: 75px;
	}

 .littleHorizontalSpacer { 
    clear: both;
	width: 25px;
	}

/* input fields */ 
 .defaultWidthInput, .defaultSelectInput, .highlightedSelectInput, .defaultMultipleSelect, .disabledTextInput, .defaultTextInput, .highlightedTextInput { 
	width: 210px;
	}

 .defaultSelectInput, .defaultMultipleSelect, .wideSelectInput,  .defaultTextInput, .smallTextAreaInput, .defaultTextAreaInput, .defaultCheckBox, defaultRadio, .flexWidthInputField{ 
    color: #333333;
	background-color: #FFFF66;
	}

 .highlightedTextInput { 
    color: black;
	background-color: #FA8072;
	}

.highlightedSelectInput { 
    color: black;
	background-color: #FA8072;
	}

.disabledTextInput { 
    color: #333333;
	background-color: Gainsboro;
	
	}

 .wideSelectInput { 
	width: 330px;
	}

 .defaultTextAreaInput { 
    font-size: 18px;
	width: 500px;
	}


/* site decorations */ 
 
 .horizontalRule { 
    color: blue;
	width: 500px;
	}

 .halfWidthHorizontalRule { 
    color: blue;
	width: 225px;
	}
 
  .breadCrumb { 
    color: orange;
	}

/* faqs */

.faqHR {
	color: orange; 
	display: inline; 
	width: 300px; 
	height: 1px; 
}

input.newButton {
   width: 170px;
   line-height: 30px;
   margin: 20px;
   color:snow;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size: 22px;
   background-color:#99CCCC;
   border:2px solid;
   border-top-color:#99CCCC;
   border-left-color:#99CCCC;
   border-right-color:#99CCCC;
   border-bottom-color:#99CCCC;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#3399CC',EndColorStr='#3398CC');}
}
input.newButtonHov{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;}



div.buttonTall {
    margin: 5px;
	padding: 10px;
	clear: both;
}
div.buttonTall ul {
    margin: 0px;
    padding: 10px;
    font-family: Verdana,Georgia,Sans-Serif;
    font-size: 10px;
    line-height: 15px;
}
div.buttonTall li {
    list-style-type: none;
    height: 30px;
    width: 140px;
    margin: 10px;
    text-align:center;
    width: 200px;
}
div.buttonTall li a {
	padding: 10px;
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    border-width: 3px;
}
div.buttonTall li a:link {
    color: snow;
    font-weight: bold ;
    background-color: #3399CC;
    border-style: outset;
}
div.buttonTall li a:visited {
    color: snow;
    font-weight: bold ;
    background-color: #3399CC;
    border-style: outset;
}
div.buttonTall li a:hover {
    font-weight: bold ;
    color: snow;
    background-color: red;
    border-style: outset;
}
div.buttonTall li a:active {
    font-weight: bold ;
    color: snow;
    background-color: red;
    border-style: inset;
} 


div.buttonA {
    margin: 5px;
	padding: 10px;
	clear: both;
}
div.buttonA ul {
    margin: 0px;
    padding: 10px;
    font-family: Verdana,Georgia,Sans-Serif;
    font-size: 18px;
    line-height: 20px;
}
div.buttonA li {
    list-style-type: none;
    height: 26px;
    width: 200px;
    margin: 10px;
    text-align:center;
    width: 200px;
}
div.buttonA li a {
	padding: 10px;
    height: 26px;
    width: 200px;
    display: block;
    text-decoration: none;
    border-width: 3px;
}
div.buttonA li a:link {
    height: 26px;
    width: 200px;
    color: snow;
    font-weight: bold ;
    background-color: #3399CC;
    border-style: outset;
}
div.buttonA li a:visited {
    color: snow;
    font-weight: bold ;
    background-color: #3399CC;
    border-style: outset;
}
div.buttonA li a:hover {
    font-weight: bold ;
    color: snow;
    background-color: red;
    border-style: outset;
}
div.buttonA li a:active {
    font-weight: bold ;
    color: snow;
    background-color: red;
    border-style: inset;
} 


div.buttonSmall {
    margin: 0;
	padding: 2px;
	clear: both;
}
div.buttonSmall ul {
    margin: 0px;
    line-height: 15px;
}
div.buttonSmall li {
    list-style-type: none;
    height: 18px;
    margin: 0;
	text-align:center;
    width: 60px;
}
div.buttonSmall li a {
	padding: 5px;
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    border-width: 3px;
}
div.buttonSmall li a:link {
    color: snow;
    font-weight: normal;
    background-color: green;
    border-style: outset;
}
div.buttonSmall li a:visited {
    color: snow;
    font-weight: normal;
    background-color: #3399CC;
    border-style: outset;
}
div.buttonSmall li a:hover {
    font-weight: normal;
    color: snow;
    background-color: red;
    border-style: outset;
}
div.buttonSmall li a:active {
    font-weight: normal;
    color: snow;
    background-color: red;
    border-style: inset;
} 

.htmlTagsButton  {
    background-color: #2B60DE;
	color: snow;
	font-weight: 300;
}

.fullWidthBody  {
    width: 550px;
}

.smalltext {
   font-size: 9px;
}

.memberHomePageMiddle {
	display: block;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;	
	border-bottom: solid 4px  rgb(112,162,36);	
	background-color: rgb(255,255,255);
	color: rgb(112,162,36);
	font-weight: bold;
	font-size: 16px;
}

/* box at bottom of pages that has links and bookmarking options */

.linkBookmarkWrapper {
	width:500px;
	border-top: 10px solid #777777;
	border-bottom: 10px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
}

.linkBookmarkHeader {
	width:500px;
	background-color:snow;
}

.linkBookmarkHeader p {
	color: #444444;
	font-size: 18px;
	text-align: left;
	padding: 5px;
	font-weight: 300;
	font-family: null;
	text-decoration: none;
}

.thumbnailImg {
	width: 100px;
	height: 100px;
}

.disabledText {
     color: DarkGray;
}

.dashedTop {
    border-top: thin #DCDCDC dashed; 
	width:500px;
	margin: 0;
	padding 0;
}

.contentDiv {
	width:550px;
	overflow: hidden;
}

.greenBox, .purpleBox, .darkPurpleBox, .redBox, .blueBox, .darkBlueBox, .orangeBox, .brownBox, .pinkBox, .tealBox, .greyBlueBox, .mintGreenBox {
      padding:5px;
}

.greenBox {
    border-left: 1px #006600 solid; 
	border-right: 1px #006600 solid; 
	border-bottom: 1px #006600 solid; 
	border-top: 5px #006600 solid;
} 

.greyBlueBox {
    border-left: 1px CadetBlue solid; 
	border-right: 1px CadetBlue solid; 
	border-bottom: 1px CadetBlue solid; 
	border-top: 5px CadetBlue solid;
} 

.mintGreenBox {
    border-left: 1px #33CC66 solid; 
	border-right: 1px #33CC66 solid; 
	border-bottom: 1px #33CC66 solid; 
	border-top: 5px #33CC66 solid;
} 

.darkPurpleBox {
    border-left: 1px #330066 solid; 
	border-right: 1px #330066 solid; 
	border-bottom: 1px #330066 solid; 
	border-top: 5px #330066 solid;
} 

.purpleBox {
    border-left: 1px #333366 solid; 
	border-right: 1px #333366 solid; 
	border-bottom: 1px #333366 solid; 
	border-top: 5px #333366 solid;
} 

.redBox {
    border-left: 1px #990066 solid; 
	border-right: 1px #990066 solid; 
	border-bottom: 1px #990066 solid; 
	border-top: 5px #990066 solid;
} 

.blueBox {
    border-left: 1px #6699FF solid; 
	border-right: 1px #6699FF solid; 
	border-bottom: 1px #6699FF solid; 
	border-top: 5px #6699FF solid;
} 

.darkBlueBox {
    border-left: 1px #191970 solid; 
	border-right: 1px #191970 solid; 
	border-bottom: 1px #191970 solid; 
	border-top: 5px #191970 solid;
} 

.orangeBox {
    border-left: 1px #FF6600 solid; 
	border-right: 1px #FF6600 solid; 
	border-bottom: 1px #FF6600 solid; 
	border-top: 5px #FF6600 solid;
} 

.brownBox {
    border-left: 1px Sienna solid; 
	border-right: 1px Sienna solid; 
	border-bottom: 1px Sienna solid; 
	border-top: 5px Sienna solid;
    padding:5px;
} 

.pinkBox {
    border-left: 1px DeepPink solid; 
	border-right: 1px DeepPink solid; 
	border-bottom: 1px DeepPink solid; 
	border-top: 5px DeepPink solid;
    padding:5px;
} 

.tealBox {
    border-left: 1px Teal solid; 
	border-right: 1px Teal solid; 
	border-bottom: 1px Teal solid; 
	border-top: 5px Teal solid;
    padding:5px;
}