/* [cms v4.3.1]

RECOMMENDED ORDER
1. html classes [includes body, form ... ]
2. text classes [includes p & h1 & h2]
3. header classes
4. body classes
5. footer classes
6. nav: top
7. nav: left
8. components 
9. functions: site [i.e rel links, slideshow]
10. functions: page [i.e directory]
11. error msgs
12. admin bar

*/
body { background-color: #C8C8C8; margin: 0px; padding: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000000; }

h1, h2, h3, h4, h5, p, form, a {margin: 0px; padding: 0px; border: 0px;}

h1 {font-size: 1.2em; font-weight: normal; line-height: 1.3em; padding: 0px 0px 0px 0px; color: #CA003B;}
h2 {font-size: 1.2em; font-weight: normal; line-height: 1.3em; padding: 0px 0px 0px 0px; color: #000000;}
h3 {font-size: 0.75em; line-height: 1.3em; padding: 0px 0px 20px 0px; color: #000000;}
h4 {font-size: 0.75em; line-height: 1.3em; padding: 0px 0px 0px 0px; color: #000000;}
p {font-size: 0.75em; line-height: 1.4em; padding: 0px 0px 20px 0px; color: #000000;}

a {color: #000000; text-decoration: none;}
a:hover {color: inherit; text-decoration: underline;}

h2 a {color: #000000;}
p a {color: #000000; text-decoration: underline;}

img {display: block;}

ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px; }
li { list-style: square; font-size: 0.8em; padding-bottom: 10px; }


#wrapper { text-align: left; width: 1000px; margin: 0px auto 0px auto; background-color: #FFFFFF; }

#header {clear: both; width: 902px; padding: 26px 49px 10px 49px;}

#header-1 {width: 902px; height: 65px; padding: 0px 0px 0px 0px; text-align: right;}
#header-1-1 {float: left; width: 602px; height: 65px; padding: 0px 0px 0px 0px; text-align: left;}
#header-1-2 {float: left; width: 300px; height: 25px; padding: 40px 0px 0px 0px; text-align: right;}


#header-2 {clear: both; width: 902px; height: 20px; padding: 0px 0px 0px 0px; text-align: right; overflow: hidden;}

.nav-item {display: inline; color: #CA003B; padding-left: 10px;}
.nav-item a {color: #CA003B;}
.nav-item a:hover {color: #CA003B; text-decoration: underline;}
.nav-item img {display: inline; vertical-align: middle;}

.nav-item-active {display: inline; color: #CA003B; padding-left: 10px; font-weight: bold;}
.nav-item-active a {color: #CA003B; text-decoration: none;}
.nav-item-active a:hover {color: #CA003B; text-decoration: none;}
.nav-item-active img {display: inline; vertical-align: middle;}


a.sub-nav { color: #CA003B; text-decoration: none;}
a:hover.sub-nav { color: #CA003B; text-decoration: underline;}

a.sub-nav-on { color: #CA003B; text-decoration: underline; font-weight: bold;}
a:hover.sub-nav-on  { color: #CA003B; text-decoration: underline; font-weight: bold;}

.sub-nav-item-1 {display: inline; padding: 0px 0px 0px 10px; font-size: 0.8em; color: #CA003B;}

.nav-divider {padding: 10px 0px 10px 0px;}


hr.h2_hr {margin: 5px 0px 10px 0px; height: 1px; border: 0px; padding: 0px; background-color: #999999;}


#body-1 {clear: both; width: 902px; padding: 10px 49px 10px 49px;}

#page-title {clear: both; width: 902px; border-bottom: 1px solid #999999; padding: 0px 0px 8px 0px; margin: 0px 0px 41px 0px;}

#page-title a {text-decoration: none; color: #CA003B;}

#body-1-1 {float: left; width: 421px; padding: 0px 30px 0px 0px;}
#body-1-2 {float: left; width: 451px; padding: 0px 0px 0px 0px;}

p.sub-title {padding: 0px; margin: 0px; color: #CA003B;}

.img-caption {font-style: italic; color: #666666; margin: 0px; padding: 8px 10px 0px 0px;} 

.wg-logo {margin: 3px 0px 10px 0px;}

#footer {clear: both; width: 1000px; height: 340px; padding: 20px 0px 0px 0px; background-color: #F4F4F4; color: #666666; border-top: 1px solid #999999; font-size: 0.75em; text-align: right;}

#footer a {color: #666666;} 

#footer-1 {float: left; width: 315px; padding-left: 49px; text-align: left;}
#footer-1 p {font-size: 1.0em; text-align: left; color: #CE1247;}

#footer-2 {float: right; width: 586px; padding-right: 49px;}
#footer-2 p {font-size: 1.0em;}

.footer-link-item {padding: 0px 0px 0px 0px;}
.footer-divider {padding: 0px 5px 0px 5px;}


.searchForm {height: 22px; width: 220px; background-color: #CC071E; margin: 0px 0px 0px 0px; padding: 0px; border: 0px;}
.textField {font-family: arial, sans-serif; font-size: 0.7em; border: 1px solid #ffffff; width: 120px; padding: 0px; margin: 0px;}
.searchSubmit {background: #CC071E url(/images/search_button.gif) no-repeat center center; width: 41px; border: 0px; margin: 0px; padding: 0px; cursor: pointer;}

#searchWrapper {margin: 20px 0px 20px 0px;}
.searchForm2 {height: 22px; width: 220px; background-color: #CC071E; margin: 0px 0px 0px 0px; padding: 0px; border: 0px;}
.textField2 {font-family: arial, sans-serif; font-size: 0.7em; border: 1px solid #ffffff; width: 120px; padding: 0px; margin: 0px;}
.searchSubmit2 {background: #CC071E url(/images/search_button.gif) no-repeat center center; width: 41px; border: 0px; margin: 0px; padding: 0px; cursor: pointer;}


.float-right {float: right;}
.img-inline {display: inline;}



/* ~~~~~~~~~~~~~~~~~~~~ generic objects ~~~~~~~~~~~---------  */
.img-preview {float: left; margin: 0px 20px 10px 0px;}
.img-body {clear: both; margin: 0px 0px 0px 0px;}

.tbl-wrapper-1 {padding: 0px 0px 0px 0px; }

.form-wrapper-1 {padding: 0px 0px 0px 0px;}

.tbl-form {}

.textfield-1 { width: 394px; border: 1px solid #CA003B; background-color: #ECECEC; font-family: Arial, Helvetica, sans-serif; margin-bottom: 8px; color: #000000; padding: 6px 3px 6px 3px; font-size: 1.0em;}
.text-form-1 { font-size: 0.8em; color: #000000;}
.text-form-2 { font-size: 0.8em; color: #000000; }

.button-1 {border: 0px; padding: 0px; margin: 0px; background-color: transparent; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}

.button-2 { color: #000000; background-color: transparent; border: 0px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; width: auto; overflow: visible; font-size: 0.8em; display: inline; }



#social-bookmarks {padding: 20px 0px 10px 0px;}
#social-bookmarks h4 {padding: 0px 0px 0px 0px;}
#social-bookmarks p {padding: 0px 0px 0px 0px;}
#sb-delicious {margin-right: 10px;}
#sb-digg {margin-right: 10px;}
#sb-reddit {margin-right: 10px;}
#sb-facebook {margin-right: 10px;}
#sb-stumbleupon {margin-right: 10px;}


#rss-feed {font-size: 0.75em; margin: 50px 0px 30px 0px;}
img.rss-icon {display: inline; margin-right: 5px; vertical-align: middle;}

/* ~~~~~~~~~~~~~~~~~~~~ related links ~~~~~~~~~~~---------  */
#related-links {padding: 40px 38px 0px 0px;}
#related-links h3 {font-size: 1.0em; font-weight: bold; padding: 0px 0px 0px 0px; color: #000;}
#related-links p {font-size: 0.75em; padding: 0px 0px 0px 0px; color: #000;}
#related-links a {text-decoration: none; color: #000;}
#related-links a:hover {text-decoration: underline; color: #000;}
.related-links-set {padding: 0px 0px 16px 0px;}

.text-rel-1 {} 
.text-rel-1 a {text-decoration: none;}
.text-rel-1 a:hover {text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~ homepage (1) ~~~~~~~~~~~---------  */

#gallery-container {width: 842px; padding-left: 60px;}
#gallery-container-1 {float: left; width: 384px; padding-right: 47px;}
#gallery-container-2 {float: left; width: 384px;}
#gallery-container img {float: left; padding: 0px 10px 10px 0px;}

#news-container {width: 902px;}
.news-container-1 {float: left; width: 421px; padding: 0px 30px 20px 0px;}

/* ~~~~~~~~~~~~~~~~~~~~ standard (2) ~~~~~~~~~~~---------  */
.container-2-1 {clear: both; width: 421px; padding: 0px 0px 30px 0px;} /* body */
.container-2-2 {clear: both; width: 421px; padding: 0px 0px 30px 0px;} /* preview */


 /* preview */

.preview-image {float: left; width: 140px; padding: 0px 0px 0px 0px;}
.preview-text {float: left; width: 310px; padding: 0px 0px 0px 0px;}


/* features */
#ftr-1 {}
#ftr-1 h3 {padding-bottom: 5px;}
#ftr-1 p {padding-bottom: 5px;}
.ftr-1-img {float: right; margin: 0px 0px 10px 10px;}


/* ~~~~~~~~~~~~~~~~~~~~ gallery (5)  ~~~~~~~~~~~---------  
#slideshow-wrapper-1 { clear: both; width: 452px; padding-bottom: 5px;}
#slideshow-wrapper-1 img { display: inline; vertical-align: middle;}

#slideshow-wrapper-1-1 { float: left; width: 268px;}
#slideshow-wrapper-1-2 { float: left; width: 184px; font-size: 0.8em; text-align: right;}

#slideshow-wrapper-2 { clear: both; width: 452px;}
.img-slideshow-wrapper-2 {display: block;}

#slideshow-wrapper-3 { clear: both; width: 452px; padding-top: 10px;}
#slideshow-wrapper-3 p {color: #000000; font-weight: normal; font-size: 0.8em; }

#slideshow-wrapper-1-1 h1 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#slideshow-wrapper-1-1 h2 {color: #F05B1C; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
*/

/* ~~~~~~~~~~~~~~~~~~~~ error msg~~~~~~~~~~~---------  */
#err-1 				{ margin: 20px 20px 20px 0px; padding: 10px; border: 1px solid red; }
.text-err-1 		{ font-size: 0.8em; color: red; margin: 0px; padding: 0px; }

/* ~~~~~~~~~~~~~~~~~~~~ admin bar ~~~~~~~~~~~-------- */
#ad-bar-1     		{ background-color: #919DA2; margin: 0px; padding: 0px; clear: both; width: 100%; height: 60px;}
#ad-bar-1-1   		{ float: left; width: 660px; height: 60px; border-right: 1px solid #C8CED1; }
#ad-bar-1-1-1 		{ float: left; width: 72px; height: 22px; text-align: center; border-right: 1px solid #C8CED1; }
#ad-bar-1-1-2 		{ float: left; width: 62px; height: 22px; text-align: center; }
#ad-bar-1-1-3 		{ float: right; width: 75px; height: 22px; text-align: center; }
#ad-bar-1-2   		{ float: left; width: 100px; height: 60px; }
.ad-bar-text-1 		{ padding: 4px; margin: 0px; color: #fff; font: Arial 0.75em; }
.ad-bar-text-1-link { text-decoration: none; color: #fff; }
.logo-eddie-grey 	{ margin: 20px 0px 0px 40px; }
