					/* COMMON STYLES FOR EVERY PAGE */
body {
	margin: 0;
	text-align: center;	
	background-color: #fff;
}

/*  Position of the webpage  */
#wrap {
	position: relative;
	margin: auto;
	width: 730px;
	background-color: #fff;
	padding: 0px;
	border: 0px;
	text-align: left;
}

#content {
	width: 730px;
	height: auto;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	background-color: #FFFFFF;
}

#headerhome {
	width: 730px;
	height: 361px;
	position: relative;
	float: left;
	background: black url(images/headerBG.jpg) no-repeat top;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
#header {
	width: 730px;
	height: 305px;
	position: relative;
	float: left;
	background-color: black;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
#menuFlash {
	width: 730px;
	height: 56px;
	position: relative;
	float: left;
	background: black url(images/menuBG.jpg) no-repeat top;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.hidden {
	display: none;
}
/* ############### WRAPPER ENVELOPS COLA AND COLB ############ */
#wrapper {
	width: 730px;
	height: auto;
	position: relative;
	float: left;
	padding: 0px;
	border: 0px;
	padding: 0px;
	background: white url(images/wrappergradient.jpg) repeat-x top;
}

#container {
	width: 730px;
	height: auto;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#titleBox {
	width: 710px;
	height: auto;
	position: relative;
	padding: 10px;
	margin: 0px;
	border: 0px;
}

/* ####################### col PROPERTIES ########################### */
#colWrap {
	width: 730px;
	height: auto;
	position: relative;
	float: left;
	padding: 0px;
	border: 0px;
	padding: 0px;
}

.sideborder {width:10px; height:auto; min-height:20px; padding:0px; margin:0px; border:0px; position:relative; float:left; background-image:url(images/spacer.gif); background-repeat:repeat;}

.col { 
	width: 230px;
	height: auto;
	position: relative;
	float: left;
	margin: 0px;
	padding: 10px 0px;
	border-top: 2px #333 solid;
} 

.box {
	width: 218px;
	float: left;
	padding: 5px;
	margin: 10px 0px;
	border: 1px #00C0F3 solid;
	background-color: #aeaeae;
	color: white;	
}
.box a:link, .box a:active, .box a:visited {color: #333; text-decoration:none;}
.box .redtitle {background:url(images/date_bg.gif) no-repeat 0 5px; padding-left:7px; color:#333333;}

#galBox{
	width: 200px;
	height: 262px;
	margin: 10px;
	padding: 0px;
	position: relative;
	border: 1px #00C0F3 solid;
	background-color: #333333;	
}

#bigCol { 
	width: 440px;
	height: auto;
	position: relative;
	float: left;
	margin: 0px;
	padding: 10px;
	border-top: 2px #333 double;
} 
#colAgalBox{
	width: 434px;
	height: 350px;
	padding: 5px;
	margin: 10px 0px 0px 0px;
	position: relative;
	float: left;
	border: 1px #00C0F3 solid;
	background-color: #333333;	
}
/* ####################### END colA PROPERTIES ####################### */

/* ####################### colB PROPERTIES ####################### */
.colBbox {
	width: 218px;
	height: auto;
	position: relative;
	float: left;
	padding:5px;
	margin:10px 0px 0px 0px;
	border: 1px #00C0F3 solid;
	background-color: #aeaeae;
}

/* ####################### END colB PROPERTIES ####################### */

.redtitle {background:url(images/date_bg.gif) no-repeat 0 5px; padding-left:7px; color:#00C0F3; font-weight:bold;}
.bigtxt{font-size:large; font-weight: bold;}

ul {
	padding: 5px 0px; 
	margin: 0px;
	border: 0px;
}
li {
	list-style: none;
	padding: 3px;
	margin: 0px;
	border-bottom: 1px #999999 dotted;
}
li a, li a:active, li a:visited {
	text-decoration: none; 
	color: #666666;
}
li a:hover {
	text-decoration: none; 
	color: #000000;
}

.example {
	border-bottom: 1px #666666 dotted;
	margin: 0px;
	padding: 3px;
	color: white;
	width: 200px;
	position: relative;
	float: left;
}
/* trick for the footer to stay at the bottom in mozilla firefox  */
#footWrap {
	background-color: #333333;
	width: 710px;
	height: 30px;
	float: left;
	margin: 0 auto;
	border-top: 2px #00C0F3 solid;
	padding: 10px;
	position: top;
	color: #CCCCCC;
}

#footerLeft {
	width: 610px;
	height: inherit;
	float: left;
}
#footerRight {
	width: 100px;
	height: inherit;
	float: left;
}
#footerRight p {padding:0px; margin:0px; border:0px;}
#footerRight img {padding:0px; margin:0px; border:0px;}

.input { vertical-align:middle; width:227px; height:21px; padding:2px 0px 0px 5px; border:1px solid #00C0F3; background:#ffffff;}	
textarea { vertical-align:middle; width:227px; height:70px; padding:2px 0px 0px 5px; border:1px solid #00C0F3; background:#ffffff;}	
form a {color:#00C0F3; text-transform:uppercase; text-decoration:underline;}
					/*  END --- COMMON STYLES FOR EVERY PAGE   */

