@import url(reset.css);
/***************************************************************
                         HTML TAGS
****************************************************************/
body {font: 400 0.9em Geneva, Arial, Helvetica, sans-serif; color: #000000; line-height: 115%; background-color: #2a2929; margin: 0; padding: 0; overflow-y: scroll;}

p {padding-top: 10px; padding-left: 20px; padding-right: 20px; text-indent: 20px;}

h1 {font-size: 1.3em;}

.noIndent {text-indent: 0;}

a {color: #663399; font-weight: bold; text-decoration: none;}

a:hover {color:#9900FF; text-decoration:none;}

.purple {color: #663399; padding: 0; font-weight:bold;}

.title {font-size:18px; color: #000; padding-left: 190px;}

a.jogBack {background:url(../images/arrow_off.jpg) no-repeat left; font: 500 1.4em; color: #000; margin-left: 20px; padding-left: 35px; margin-top: 35px; font-style:italic; text-transform: uppercase;}

a.jogBack:hover {background:url(../images/arrow_on.jpg) no-repeat left;}

a.jogForward {background:url(../images/arrowB_off.jpg) no-repeat left; font: 500 1.4em; color: #000; margin-left: 20px; padding-left: 35px; font-style:italic; text-transform: uppercase;}

a.jogForward:hover {background:url(../images/arrowB_on.jpg) no-repeat left;}

a.footer{color:#666666;}

a.footer:hover {color:#9900FF;}

.noBorder {border: 0px;}

.noBorder:hover {border: 0px;}

.dark {color: #353E47;}

.alignLeft {text-align: left;}

.alignRight {text-align: right;}

.alignTop {vertical-align: top;}

.alignMiddle {vertical-align: middle;}

.alignBottom {vertical-align: bottom;}

.leftFive {padding-left: 5px;}

.leftThirty {padding-left: 30px;}


/***************************************************************
                    PAGE LAYOUT
****************************************************************/
#container {margin: 0px; width: 100%; margin: 0 auto;}

#header {background:url(../images/bg/header.jpg) no-repeat top; width: 100%; text-align: left; height: 210px; margin: 0 auto;} 

#content {background:url(../images/bg/content.jpg) top; width: 100%;}

#contentWrapper {width: 780px; margin: 0 auto;}

#contentLeft {padding-left: 10px; padding-right: 4px; padding-bottom: 40px; margin-top: 10px; width:570px; float: left; border-right:solid #333333 2px;}

#jogger {padding-left: 10px; padding-right: 4px; padding-top: 30px; padding-bottom: 40px; float: left;}

#contentRight {padding-left: 3px; padding-top: 40px; padding-bottom: 40px; width:186px; margin-top: 30px; float: left; }

#paragraph {padding-left: 10px; padding-top: 10px; text-align:center;} 

#clear {clear: both;}

#footer {background:url(../images/bg/footer.jpg) no-repeat  top; width: 100%; height: 130px; margin: 0 auto; text-align:center;	padding-top: 70px; color: #666666;}


/***************************************************************
                    NAVIGATION MENU
****************************************************************/
.menu {width:781px; height:30px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif; margin: 0 auto; top: 161px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:782px; w\idth:781px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:156px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:156px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:146px; height:28px; border:1px solid #000; border-width:1px 0 1px 1px; background:  #322860; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:156px; w\idth:138px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0; width:156px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: #765CC2; color:#000; height:auto; line-height:1em; padding:5px 10px; width:135px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:135px;}

/* style the top level hover */
.menu :hover > a, .menu ul ul :hover > a {color:#000; background: #5A46AA;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/***************************************************************
                        THUMBNAILS
****************************************************************/
.thumbs{padding-left: 27px;}
.thumbsRight{padding-left: 6px;}

a:hover img {border: 2px solid #000000; left;}

a.thumbs img {border: 2px solid #888888; }
a.thumbsRight img {border: 2px solid #FFFFFF; }

a:hover.thumbs img {border: 2px solid #666666;}
a:hover.thumbsRight img {border: 2px solid #666666;}

a:hover.thumbs {background: none; }
a:hover.thumbsRight {background: none; }

a.thumbs span {display: block; margin-top: -5px !important; margin-top: -2px; }
a.thumbRight span {display: block; margin-top: -5px !important; margin-top: -2px; }



/**************************************************************
   Picture Gallery
 **************************************************************/
#galleryContainer {margin-left: 30px; width: 340px; padding-top: 20px;}

#galleryContainer .galleryThumb img{border: 2px solid #888888; margin: 2px;}

#galleryContainer .galleryThumb:hover{background-color: transparent;}

#galleryContainer .galleryThumb:hover img{border: 2px solid #666666;}

/*CSS for Hover image*/
#galleryContainer .galleryThumb span{position: absolute; visibility: hidden; color: black; text-decoration: none;}

/*CSS for Hover image*/
#galleryContainer .galleryThumb:hover span{visibility: visible; margin-left: 20px; margin-top: 20px;}


/***************************************************************
                INTERNET EXPLORER BUG FIXES
****************************************************************/
* html .imgTop {vertical-align: inherit;}
* html img.tv {padding-top:10px;}
* html #paragraph {padding-left: 205px; padding-top: 0px;} 
* html #contentRight {margin-top: 70px; }