/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(js/csshover.htc); background-color:#8c8f8d; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#0702c3; font-weight:bold; text-decoration:underline}
	a:hover, a.current {text-decoration:none;}
p { font-size:12px; padding:0 0 10px 0; line-height:18px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#b20838;}
hr{height:1px; border:1px solid #b20838; border-width:1px 0 0 0; margin:0 0 10px 0; color:#b20838; background-color:#b20838;}
blockquote{ padding:0 0 0 18px;}

h1{color:#000; font-size:20px; padding:0 0 10px 0;}
h2{color:#000; font-size:18px; padding:0 0 10px 0;}
h3{color:#000; font-size:16px; padding:0 0 10px 0;}
h4{color:#b20838; font-size:14px; padding:0 0 10px 0;}
h5{color:#b20838; font-size:12px; padding:0 0 10px 0;}
h6{color:#b20838; font-size:10px; padding:0 0 10px 0;}

/* reusable classes */
.right{float:right;}
.left{float:left;}

.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}

.formpadding td {padding: 0 0 10px 0;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}

/*********NEWS CLASSES**********************************************/
.eventBody{ font-size:12px;}
.eventDate{ font-size:10px; font-weight:bold; padding:0 0 4px 0;color:#b20838;}
.eventTitle{color:#b20838; font-size:18px; clear:both; padding:0 0 4px 0;}
.shortDescriptionBoxOuter{ padding:0 0 16px 14px; border:1px #000 dashed; border-width:0 0 1px 0; margin-bottom:10px}

img.alignright {float:right; margin:6px 0 1em 1em}
img.alignleft {float:left; margin:6px 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:6px 0 1em 1em}
a img.alignleft {float:left; margin:6px 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{ width:925px; padding:10px 0 0 0; position:relative}
#Wrapper{}


#SubTop{ background:url(images/sub-top.gif) no-repeat; width:925px; height:100px; margin-top:18px}
#SubTopHolder{ width:938px; height:118px;}

#BannerResources{ background:url(images/banner-resources.jpg) no-repeat; width:925px; height:145px;}

#SubRedBar{ background:url(images/red-bar-slice.gif) repeat-x; height:18px; width:925px;}
#SubContentArea{ background:url(images/bg-slice.gif) repeat-y; width:925px;}
#SubContentArea ul{ margin:0; padding:0 0 10px 30px; font-size:12px; line-height:18px}
#SubContentArea ol{ margin:0; padding:0 0 10px 30px; font-size:12px; line-height:18px}
#SubContentArea li{ margin:0; padding:0 0 6px 0}

#SubSide{ width:221px; float:left; padding:6px 20px 0 0;}
#SubBtnHolder{ padding:0 0 4px 3px;}

#TitleResources{ background:url(images/subtitle-res.gif) no-repeat; width:221px; height:48px;}

#SubNav{ text-align:right}
#SubNav ul{ list-style:none; margin:0; padding:0 0 20px 0; font-size:12px}
#SubNav li{ padding:0 0 10px 0; margin:0;}
#SubNav li a{ padding:0 14px 0 0; color:#000; font-weight:bold; text-decoration:none;}
#SubNav li a:hover{ padding:0 14px 6px 0; background:url(images/arrow.gif) no-repeat right; }
#SubNav li a.current{ padding:0 14px 6px 0; background:url(images/arrow.gif) no-repeat right; }
#SubNav p{ text-align:left; color:#0000ff; padding:0 0 10px 14px;}


#SubCopy{ width:664px; padding:14px 0 14px 14px; float:left}
#SubCopyLeft{ float:left; width:410px; padding:0 30px 0 0;}
#SubCopyRight{ float:left; width:215px; padding:30px 0 0 0;}
#SidePic{ border:1px solid #b20838; height:191px; width:213px; overflow:hidden}
#SidePic img{}
#Sidebar{ padding:10px 0 10px 0}
#Sidebar a img{ text-decoration:none;}
#SubCopy2{ width:645px; padding:14px; float:left}

#Nav{ color:#e1dacb; padding:96px 3px 0 0;}
#Nav ul{ padding:0; margin:0; list-style:none; float:right; font-size:12px;}
#Nav li{ float:left; padding:0 2px}
#Nav li a{ color:#666; text-decoration:none; font-weight:normal}
#Nav li a:hover{ color:#b20838; text-decoration:underline}
#Nav li a.current{ color:#b20838; text-decoration:underline}

#Nav2{ color:#e1dacb; padding:78px 3px 0 0;}
#Nav2 ul{ padding:0; margin:0; list-style:none; float:right; font-size:12px;}
#Nav2 li{ float:left; padding:0 2px}
#Nav2 li a{ color:#666; text-decoration:none; font-weight:normal}
#Nav2 li a:hover{ color:#b20838; text-decoration:underline}
#Nav2 li a.current{ color:#b20838; text-decoration:underline}

#BlackBar{ background:#000; height:15px; width:925px; clear:both}
#Bottom{ font-size:11px; color:#8c8f8d; width:925px;}
#FirstRow{ clear:both}
#FirstRow ul li{color:#000;}
#SecondRow{ clear:both}
#SecondRow ul li{color:#000;}
#SecondRow span{ padding:0 0 0 4px; color:#000;}

#FooterNavLeft{ float:left; width:580px;}
#FooterNavLeft ul{ padding:2px 0 0 0; margin:0; list-style:none; font-size:11px;}
#FooterNavLeft li{ float:left; padding:0 2px}
#FooterNavLeft li a{ color:#000; text-decoration:none; font-weight:normal}
#FooterNavLeft li a:hover{ color:#000; text-decoration:underline}
#FooterNavRight{ float:left; width:340px;}
#FooterNavRight ul{ padding:2px 0 0 0; margin:0; list-style:none; float:right; font-size:12px; padding:8px 0 0 0; color:#fff;}
#FooterNavRight li{ float:left; padding:0 2px}
#FooterNavRight li a{ color:#fff; text-decoration:none; font-weight:normal}
#FooterNavRight li a:hover{ color:#fff; text-decoration:underline}
#FooterNavRight li a.current{ color:#fff; text-decoration:underline}


#BodyFlash{border:1px solid #b20838; width:320px; float:left}
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min431px {height:431px;}

/******************BLOG***************/
small{font-weight:bold; display:block; padding:0 0 10px 0;}
#BlogSidebarArea{ padding:0 0 0 10px;}
#BlogSidebarArea ul{ padding:0 0 10px 20px; margin:0; text-align:left}
#BlogSidebarArea ul h2{font-size:16px; text-align:left}
#BlogSidebarArea ul ul{ padding:4px 0 14px 20px; margin:0; text-align:left}
#BlogSidebarArea li{ font-size:12px;}
  #BlogSidebarArea li ul{margin:0 0 20px 0;}
  #BlogSidebarArea li li{margin:0 0 0 25px; padding:0; list-style:disc; font-size:12px; }
  #BlogSidebarArea ul{margin:0; padding:0;}
h2.widgettitle{margin:0; padding:0;}
form#searchform{margin:0 0 15px 0; font-weight:bold; font-size:18px;}
#comment{width:320px;}
img.alignright {float:right; margin:6px 0 1em 1em}
img.alignleft {float:left; margin:6px 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:6px 0 1em 1em}
a img.alignleft {float:left; margin:6px 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.postmetadata{ padding:0 0 14px 0; margin-bottom:16px; border:#7f7f7f dashed 1px; border-width:0 0 1px 0; clear:both}
.entry { font-size:12px; line-height:18px;}
/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}