/* ======================== PAGE LAYOUT ======================== */

/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

html,body {
	margin: 0;
	padding: 0;
	scrollbar-face-color: #ffc177;
    scrollbar-arrow-color: #3b3f86;
}

body {		
	font-family: arial, verdana, tahoma, sans-serif;
	text-align: center;
	background-color: #ccd9df;
	margin: 0;
	padding: 0;
}

a {
    color: #e87e02;
    text-decoration: underline;
    padding: 0;
    margin: 0;
}

a:hover {
    text-decoration: none;
}

p {
    color: #404040;
    
}

b {
    color: #000000;
}

h4 {
    font-size: 125%;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

h1 {
    font-weight: normal;
    font-size: 240%;
    margin: 0;
    padding: 0;
}

ul {
    color: #404040;
}
		
#container {
    margin: 0 auto;
    padding: 0;
	width: 760px; 
	height: auto;
	min-height: 100%;
	text-align: left;
	background: #ffffff url(images/background.gif) repeat-x;
	border-left: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
    position:relative;
    font-size: 75%;
}

/* commented backslash hack v2 \*/ 
* html #container {height:100%;height:auto !important;}		
* html #container {width:732px;w\idth:760px;height:auto !important;}
/* end hack */ 

#popupContainer {
    margin: 0 auto;
    padding: 0px 20px 0px 0px;
	width: 530px; 
	min-height: 100%;
	text-align: left;
	background: #ffffff url(images/background.gif) repeat-x;
	border-left: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
    position:relative;
    font-size: 75%;
}

*html #popupContainer {
    height: 100%;
}

#content {
    width: 730px;
	padding: 10px 0px 0px 30px;
	border: 0px solid red;
}

#newsContent {
    width: 500px;
	margin: 0;
	padding: 10px 0px 0px 30px;
	border: 0px solid red;
}

.blank , .blank2 {
	position:absolute;
	left:176px;
	width:7px;
	height:0px;
	overflow:hidden;
	border-top:	1px solid #fff;
}

#footer	{
	position:absolute;
	bottom:0;
	width:100%;
	height: 80px;
	background-color: #ff9414;
	border-top: 2px solid #ff4b13;
	text-align: right;
}

#footer p {
    margin:0;
    padding:0
}

		
#clearfooter {
    height:90px;
    width:100%;
    clear:both
}

#leftCol {
    float: left;
    border: 0px solid blue;
    width: 378px;
}


#rightCol {
    float: right;
    border: 0px solid red;
    width: 350px;
}


/* === END PAGE LAYOUT === */

/* ======================== PAGE ELEMENTS ====================== */

.logo {
    padding: 0;
    margin: 30px 0px 0px 0px;
}

.slogan {
    padding: 0;
    margin: 40px 50px -115px 0px;
}

#sloganImgContainer {
    padding: 0;
    margin: 134px 0px 0px 0px;
    height: 330px;
    text-align: right;
    border: 0px solid aqua;
}

.headingAlign {
    margin: 2px 0px 0px 0px;
}

#showcaseContainer {
    border: 0px solid green;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 8px 0px;
    width: 270px;
}

.imgBorder {
    border: 1px solid #ff9414;
}

.imgGallery {
    border: 1px solid #ff4b13;
    margin: 0px 10px 10px 0px;
    padding: 0;
}

#searchBox {
    border: 0px solid purple;
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: 250px;
    height: 30px;
}

#galleryContent {
    width: 710px;
	padding: 10px 20px 0px 30px;
	border: 0px solid red;
}

#galleryBg {
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
	width: 760px; 
	height: 68%;
	text-align: left;
	background-color: #ffffff;
	position:absolute;
    z-index: 5000;
    left: 50;
    top: 145px;
}

.photo {
    margin: 10px 0px 0px 100px;
}

.galleryMenu li {
    list-style-type: none;
    padding: 2px 0px 0px 0px;
    margin: 15px 0px 10px -40px;
}

#showcaseContent {
    width: 700px;
	padding: 10px 0px 0px 30px;
	border: 0px solid green;
}

#showcaseBg {
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
	width: 750px;
	height: 565px; 
	text-align: left;
	background-color: #ffffff;
	position:absolute;
    z-index: 5000;
    left: 50;
    top: 160px;
    border: 0px solid red;
    overflow: auto;
}

.showcaseListings td {
    padding-left: 15px;
}

.showcaseTable {
    border: 1px solid #ff9414;
    padding: 5px 15px 10px 15px;
    color: #404040;
}

#newsTicker {
    border: 0px solid purple;
    position: absolute;
    padding: 0;
    margin: -220px 0px 0px 250px;
    width: 190px;
    
}

.errorText {
    color: Red;
}

#searchResultsScroll {
    border: 0px solid red;
    overflow: auto;
    height: 335px;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

#searchResultsScrollShowcases {
    border: 0px solid red;
    overflow: auto;
    height: 520px;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

#newsScroll {
    border: 0px solid red;
    overflow: auto;
    height: 415px;
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 0px;
}

#trainingScroll {
    border: 0px solid red;
    overflow: auto;
    height: 185px;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

#jobsScroll {
    border: 0px solid red;
    overflow: auto;
    height: 310px;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

#registerScroll {
    border: 0px solid red;
    overflow: auto;
    height: 520px;
    margin: 0px 0px 0px 0px;
    padding-right: 10px;
}

#membersScroll {
    border: 0px solid red;
    overflow: auto;
    height: 520px;
    margin: 0px 0px 0px 0px;
    padding-right: 10px;
}

#galleryScroll {
    border: 0px solid red;
    overflow: auto;
    height: 521px;
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 0px;
}

#showcaseslistScroll {
    border: 0px solid red;
    overflow: auto;
    height: 505px;
    width: 380px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.registrationTable td {
    height: 30px;
}

/* ======================== NAVIGATION ========================== */

#navigationContainer {
    border: 0px solid brown;
    width: 270px;
    height: 200px;
    padding: 0;
    margin: 40px 0px 0px 50px;
    text-align: center;
}

#navTable {
    border: 0px solid #ff9414;
}

#navTable td {
    border: 0px solid #ff9414;
    width: 65px;
    height: 65px;
    font-size: 90%;
    text-align: center;
    background-image: url(images/menu-bg.gif);
}

#navTable td:hover {
    background-color: #ff9414;
    color: #ffffff;
    background-image: url(images/menu-bg-ovr.gif);
}

#navTable td:hover a {color:#ffffff;}

#navTable a {
    color: #404040;
    text-decoration: none;
    background-image: url(images/menu-bg.gif);
    
   /* border: 1px solid blue;
    padding: 25px 20px 25px 2px;*/
}

#navTable a:hover {
    color: #ffffff;
    text-decoration: none;
    background-image: url(images/menu-bg-ovr.gif);
}

.linkHover {
    border: 0px solid blue;
    width: 65px;
    height: 40px;
    padding: 25px 0px 0px 0px;
    cursor: pointer;
}

.linkHoverWrap {
    border: 0px solid blue;
    width: 65px;
    height: 55px;
    padding: 10px 0px 0px 0px;
    cursor: pointer;
}

.selected {
    background-image: url(images/menu-bg-ovr.gif);
    width: 65px;
    height: 40px;
    padding: 25px 0px 0px 0px;
    color: #ffffff;
    cursor: default;
}

.selectedWrap {
    background-image: url(images/menu-bg-ovr.gif);
    width: 65px;
    height: 55px;
    padding: 10px 0px 0px 0px;
    color: #ffffff;
    cursor: default;
}

#welcomeContent {
    padding: 0px 0px 0px 0px;
    border: 0px solid red;
    width: 275px;
}
    


/* === END NAVIGATION === */


/* ========= FORM  ========== */

.inputFields {
    width: 217px;
}

.textArea {
    width: 345px;
}

/* === END FORM === */

#advertContainer {
    border: 0px solid green;
    padding: 0;
    margin: -235px 0px 0px 310px;
}

*html #advertContainer {
    border: 0px solid green;
    padding: 0;
    margin: -265px 0px 0px 292px;#
}

#advertContainer {
    margin: -251px 0px 0px 310px;#
}

/* === END PAGE ELEMENTS === */