/* GENERAL */
/* formats text for captions beneath photos, etc. */
.caption {
	font-family : Arial;
	font-size : 9;
	font-weight : bold;
}
/* formats text for titles */
.paragraph_title {
	font-family : Arial;
	font-size : 15;
	font-weight : bold;
	letter-spacing : 3;
}
/* formats text for weather */
.weather {
	font-family : Arial;
	font-size : 11;
}

.weather2 {
	font-family : Arial;
	font-weight : bold;
	font-size : 11;
}

.weather3 {
	font-family : Arial;
	font-size : 10;
}

/* formats text for standard paragraphs */
.paragraph_text {
	font-family : Arial;
	font-size : 12;
	font-weight : normal;
	text-align: left;
}

/* formats text for standard paragraphs */
.paragraph_title2 {
	font-family : Arial;
	font-size : 14;
	font-weight : bold;
	text-align: left;
}

/* generic text formating. */
.small_bold {
	font-family : Arial;
	font-size : 10;
	font-weight : bold;
}
/* generic text formating. */
.medium_bold {
	font-family : Arial;
	font-size : 12;
	font-weight : bold;
}

/* generic text formating. */
.large_bold {
	font-family : Arial;
	font-size : 14;
	font-weight : bold;
}

/* generic text formating. */
.superlarge_bold {
	font-family : Arial;
	font-size : 18;
	font-weight : bold;
}

/* generic text formating. */
.very_large_bold {
	font-family : Arial;
	font-size : 18;
	font-weight : bold;
}

/* generic text formating. */
.very_large_bold2 {
	font-family : Arial;
	font-size : 18;
	font-weight : bold;
	color : white;
}

/* generic text formating. */
.yellow {
	font-family : Arial;
	font-size : 12;
	font-weight : bold;
	color: yellow;
}

/* generic text formating. */
.red {
	font-family : Arial;
	font-size : 12;
	font-weight : bold;
	color: red;
}

/* generic text formating. */
#white {
	color: white;
	font-family : Arial;
}

/* generic text formating. */
.white2 {
	color: white;
	font-size : 12;
	font-family : Arial;
}
a.white2:hover {
	color: yellow;
}

/* Breaking news needs different link colors, thus the next three entries */
a.white:link {
	color: White;
}
a.white:hover {
	color: yellow;
}
a.white:visited {
	color: White;
}



/* MY PROFILE */
/* formats text for the create profile form */
.join {
	position : relative;
	top : 2px;
	left : 0px;
	color : Black;
	font-family : Arial;
	font-size : 12;
	font-weight : bold;
	letter-spacing : 3;
	padding-left : 5;
}
/* formats text for the create profile form if it needs to be shown as required. */
.required {
	color : red;
	font-family : Arial;
	font-size : 10;
	font-weight : bold;
	letter-spacing : 3;
	padding-left : 5;
}
/* BREAKING NEWS - HOMEPAGE */
/* Breaking news headlines on home page */
.breaking_news {
	position : relative;
	top : 0px;
	left : 0px;
	font-family : Arial;
	font-size : 9;
	font-weight : normal;
	letter-spacing : 1;
	padding-left : 5;
	padding-right : 5;
}
/* Breaking news needs different link colors, thus the next three entries */
a.breaking_news:link {
	color: White;
}
a.breaking_news:visited {
	color: White;
}
a.breaking_news:hover {
	color: #EEECD7;
}

/* MAIN TEMPLATE */
/* Positions and formats title block text */
.title {
	position : relative;
	top : -12px;
	left : -12px;
	color : White;
	font-family : Arial;
	font-size : 12;
	font-weight : bold;
	letter-spacing : 2;
	padding-left : 25;
}
/* Positions and formats title block text */
/* when the city name is below it */
#title2 {
	position : relative;
	top : 0px;
	left : 0px;
	width:200px;
	color : White;
	font-family : Arial;
	font-size : 12;
	font-weight : bold;
	letter-spacing : 3;
	padding-left : 15;
}

/* Positions and formats the link back to the home page */
.home_title {
	position : relative;
	top : 4px;
	left : 0px;
	color : White;
	font-family : Arial;
	font-size : 12;
	font-weight : bold;
	letter-spacing : 3;
	padding-left : 5;
	padding-top : 5;
}
/* different link colors for home page link, thus the next three entries */
a.home_title:link {
	color: Blue;
}
a.home_title:visited {
	color: Blue;
}
a.home_title:hover {
	color: red;
}

/* formats 'send a postcard' link display */
.light_orange_text {
	vertical-align : middle;

}
/* positions the top header graphic */
#topheader {
	position:relative;
	left:0px;
	top:0px;
	width:800px;
	height:170px;
}
/* positions the table with the 'HOME' link in header */
#mockup-02 {
	position:relative;
	left:0px;
	top:0px;
	width:770px;
	height:20px;
	background-color:#FF9800;
}
/* positions the blackbar */
.blackbar {
	position:relative;
	left:0px;
	top:-1px;
	width:800px;
	height:15px;
	background-color:#000000;
	font : bold 10px Arial, Helvetica, sans-serif;
	vertical-align : middle;
	color:#ffffff;
	text-align : right;
}

a.blackbar:link {
	color: White;
}
a.blackbar:visited {
	color: White;
}
a.blackbar:hover {
	color: yellow;
}
/* formats black row below header 
.blackbar {
	position:relative;
	overflow:hidden;
	height:5px;
	color : White;
	font-family : Arial;
	font-size : 12;
	font-weight : normal;
	letter-spacing : 1;
	vertical-align : middle;
	padding-right : 5px;
}*/
/* positions the table with the Contest Graphic */
#mockup-05 {
	position:relative;
	left:0px;
	top:0px;
	width:196px;
	height:85px;
	z-index:0;
	background-color:#FFFFFF;
}
/* positions the table with the Random Image for all pages EXCEPT home page */
#random_image {
	position:relative;
	left:0px;
	top:0px;
	bottom:0px;
	width:380px;
	height:89px;
}
/* positions the table with the Random Image for the home page */
#mockup-06 {
	position:relative;
	left:0px;
	top:0px;
	width:380px;
	/*height:85px;*/
	background-color:#000000;
	/*background-image : url(images/home_page/mule_train.jpg);*/
}
/* displays the accuweather stuff */
#weatherbox_1 {
	position:relative;
	left:0px;
	top:0px;
	width:192px;
	height:68px;
	border : none;
	background-color:#ffffff;
}
/* displays weather header */
#weatherbox_2 {
	position:relative;
	left:0px;
	top:0px;
	width:194px;
	height:21px;
	border : none;
	background-color:#dfdfdf;
}
/* breaking news title box */
#mockup-07 {
	position:relative;
	overflow:hidden;
	left:0px;
	top:0px;
	width:196px;
	height:40px;
	z-index:2;
	background-color:#4F5D5F;
}
/* breaking news content */
#mockup-08 {
	position:relative;
	overflow:auto;
	left:0px;
	top:0px;
	width:196px;
	height:120px;
	z-index:2;
	background-color:#818688;

}

#mockup-09 {
	position:relative;
	left:0px;
	top:0px;
	width:1px;
	height:434px;
}

#menuarea {
	position:relative;
	left:0px;
	top:0px;
	width:196px;
	/*height:168px;*/
	background-color:#437CB0;
	z-index:100;
}

#maintitle {
	position:relative;
	overflow:hidden;
	left:0px;
	top:0px;
	width:380px;
	height:38px;
	z-index:100;
	background-color:#B3BBBC;
}

 /* #maincontent {
	position:relative;
	overflow:auto;
	left:0 px;
	top:0px;
	width:574px;
	height:700px;
	z-index:2;
	background-color:#46BD70;
SEE DSP_STYLE_COMP.CFM*/
} 
#mockup-11 {
	position:relative;
	overflow:hidden;
	left:0px;
	top:0px;
	width:380px;
	height:38px;
	z-index:1;
	background-color:#B3BBBC;
}

/* right column */
#rightcontent {
	position:relative;
	overflow:hidden;
	left:0 px;
	top:0 px;
	width:192px;
	z-index:2;
	float:left;
}
#visitorguide {
	position:relative;
	left:0px;
	top:0px;
	width:192px;
	height:68px;
	border-bottom : thick solid Black;
	font : bold 14px Arial, Helvetica, sans-serif;
	vertical-align : middle;
	background-color:#E9D5F3;
}
#greyblock {
	position:relative;
	left:0px;
	top:0px;
	width:192px;
	height:68px;
	z-index:22;
	font : bold 14px Arial, Helvetica, sans-serif;
	vertical-align : middle;
	background-color:#DFDFDF;
}
#citysign {
	position:absolute;
	z-index:100;
	left:-20px;
	top:-50px;
	width:203px;
}
/* Homepage main content */
#homecontent {
	position:relative;
	overflow:hidden;
	left:0 px;
	top:0 px;
	width:410px;
	z-index:2;
}

#homecontentCAL {
	position:relative;
	overflow:hidden;
	left:0 px;
	top:0 px;
	width:595px;
	z-index:2;
}
#PageTitle {
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	z-index:22;
	float:left;
	font : bold 14px Arial, Helvetica, sans-serif;
}
#chamber {
	position:relative;
	left:0px;
	top:0px;
	width:192px;
	color: white;
	height:68px;
	z-index:22;
	font : bold 14px Arial, Helvetica, sans-serif;
	vertical-align : middle;
	background-color:#437CB0;
}
/* chamber has different link colors */
a.chamber:link {
	color: White;
}
a.chamber:hover {
	color: yellow;
}
a.chamber:visited {
	color: White;
}

#mockup-13 {
	position:relative;
	overflow:hidden;
	left:0px;
	top:0px;
	width:196px;
	height:38px;
	z-index:0;
	background-color:#814C9C;
	border : 0px;
	border-bottom : 0px;
	border-bottom-width : 0px;
	margin-bottom : 0px;
	outline : 0px;
	padding-bottom : 0px;

}


#city-menu {
	position:relative;
	overflow:hidden;
	left:0px;
	top:0px;
	width:196px;
	height:38px;
	z-index:0;
	background-color:#FF9800;
}

#calendarmenu {
	position:relative;
	left:0 px;
	top:0 px;
	width:196px;
	height:25px;
	z-index:1;
	font-family : Arial;
	font-size : 14px;
	font-weight : normal;
	color : white;
	text-align : center;
	background-color:#EEECD7;

}

/* #mockup-15 {
	position:relative;
	overflow:auto;
	left:0px;
	top:0px;
	width:196px;
	height:232px;
	background-color:#FFFFFF;
	border : 0px;
	z-index : 3;
} */

/* #mockup-15b {
	position:relative;
	overflow:auto;
	left:0px;
	top:0px;
	width:196px;
	height:279;
	background-color:#FFFFFF;
	border : 0px;
} */

#mockup-16 {
	position:relative;
	left:0px;
	top:0px;
	width:194px;
	height:34px;
	z-index:1;
	background-color:#C2C6C7;
}

#mockup-17 {
	position:relative;
	left:0px;
	top:0px;
	width:194px;
	height:280px;
	z-index:1;
	background-color:#A1A6A8;
}

#mockup-18 {
	position:relative;
	left:0px;
	top:0px;
	width:800px;
	/*height:20px;*/
	z-index:1;
	background-color:#8B38CB;
}

#mockup-19 {
	position:relative;
	left:0px;
	top:0px;
	width:800px;
	/*height:48px;*/
	z-index:1;
	background-color:#A445E8;
}

#footer_bar1 {
	position:relative;
	left:0px;
	top:0px;
	width:770px;
	height:20px;
	z-index:1;
	background-color:#8B38CB;
}

#footer_bar2 {
	position:relative;
	left:0px;
	top:0px;
	width:770px;
	height:48px;
	z-index:1;
	background-color:#A445E8;
}

/* Begin Calendar Style */
#calendar {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:528px;
	z-index:100;
	float:left;
}

#calendar_events {
	font-family : Arial;
	font-size : 10px;
	font-weight : normal;
}

#calendar_text {
	font-family : Arial;
	font-size : 12px;
	font-weight : normal;
}

#calendar_month {
	font-family : Arial;
	font-size : 18px;
	font-weight : bold;
	padding-left: 25px;
	padding-right: 25px;
}

#calendar_day {
	font-family : Arial;
	font-size : 10px;
	font-weight : bold;
}

#calendar_title {
	font-family : Arial;
	font-size : 11;
	font-weight : bold;
	color : white;
	padding-left : 4px;
}

/* MINICALENDAR */
/* small instructions for minicalendar area */
.instructions {
	font-family : Arial;
	position : relative;
	top : 2px;
	left : 5px;
	font-size : 10;
	font-weight : normal;
	letter-spacing : 1;
	padding-top : 5px;
}
/* title for todays event in minicalendar area */
.item_title {
	font-family : Arial;
	font-size : 11;
	font-weight : bold;
	letter-spacing : 1;
	padding-top : 5px;
}
/* Month title for minicalendar */
.mini-month {
	font-family : Arial;
	font-size : 14px;
	font-weight : bold;
}
/* Day titles for top of minicalendar */
.mini-day {
	font-family : Arial;
	font-size : 11px;
}
/* Individual days of the month on minicalendar */
.mini-events {
	font-family : Arial;
	font-size : 11px;
}

/* Begin Postcard Style */
#postcard {
	position:relative;
	left:0px;
	top:0px;
	width:574px;
	height:528px;
	z-index:100;
	float:left;
}

#postcard_caption {
	font-family : Arial;
	font-size : 8px;
	font-weight : normal;
}

#postcard_text {
	font-family : Arial;
	font-size : 10px;
	font-weight : normal;
}

#postcard_preview {
	position:relative;
	left:84px;
	top:0px;
	width:76px;
	height:40px;
	z-index:102;
}

#postcard_pre {
	font-family : Courier;
	font-size : 10px;
	font-weight : normal;
	line-height : 18px;
}

/* Menu Items */

#mainmenu {
	font-family : Arial;
	font-size : 14px;
	font-weight : normal;
	text-align : left;
	color : white;
}

.MAINMENUOn {
	color: white;
	font-size : 12px;
	text-decoration : none;
    padding: 2px 4px;
}

.MAINMENUOver {
	color: black;
	font-size : 12px;
	text-decoration : none;
    padding: 2px 4px;
}

#citymenu {
	font-family : Arial;
	font-size : 14px;
	font-weight : normal;
	text-align : left;
	color : white;
}

.CITYMENUOn {
	color: white;
	font-size : 12px;
	text-decoration : none;
    padding: 2px 4px;
}

.CITYMENUOver {
	color: black;
	font-size : 12px;
	text-decoration : none;
    padding: 2px 4px;
}

.CalendarMenuOn {
	color: white;
	font-size : 12px;
	text-decoration : none;
    padding: 2px 4px;
}

.CalendarMenuOver {
	color: black;
	font-size : 12px;
	text-decoration : none;
    padding: 2px 4px;
}
#admin_main { 
     position:relative; 
     overflow:auto; 
     left:0px; 
     top:0px; 
     height:560px; 
     width:100%; 
     z-index:2;
	 background-color:#ededed; 
	 padding-left: 5;
} 

#admin_smalltext {
	font-family : Arial;
	font-size : 11px;
	font-weight : bold;
}
#admin_mediumtext {
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
}
#admin_comment {
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	color : #929292;
}
#admin_menu {
	font-family : Verdana;
	font-size : 10px;
	font-weight : bold;
	color : white;
	padding-left:5;
}
.admin_Header {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:20px;
	z-index:1;
	border : thin outset #FFAE00;
	background-color:#FBD990;
}

#newsletter {
	font-family : Arial;
	font-size : 12px;
	font-weight : bold;
	padding-left: 25px;
	padding-right: 25px;
}

#travelplanner {
	font-family : Arial;
	font-size : 12px;
}

#travelplanner-small {
	font-family : Arial;
	font-size : 11px;
}

#travelplanner-city {
	font-family : Arial;
	font-size : 16px;
	color : white;
	font-weight : bold;
}

A:link {
	TEXT-DECORATION: none;
}
A:visited {
	TEXT-DECORATION: none;
	color : Blue;
}
A:hover {
	TEXT-DECORATION: none;
	color : Yellow;
}