/*********************************************************
Copyright Columbia Conference Center - All Rights Reserved 
*********************************************************/

* { margin: 0; padding: 0; }
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #333333; margin: 0; padding: 0; text-align: center; color: #000000; }

#container { width: 990px; margin: 0 auto; text-align: left; background:url(../img/bg_container.jpg) repeat-y top; } 

#header_container { width:990px; background:none; }
#header { background:url(../img/header.jpg) no-repeat; height:417px; }
#header2 { background:url(../images/ccc_banner.jpg) no-repeat; height:150px; }
#header3 { background:url(../images/c3_banner.png) no-repeat; height:150px; }
#header_bottom { background:url(../img/header_bottom.jpg) no-repeat; width:990px; height:52px; }

#container_home { width:930px; margin:0 auto; }

#mainContent_home { margin: 10px 20px 30px 250px; border-left:1px #cccccc solid; }
#mainContent_home h1{ font-weight: normal; line-height: normal; font: 23px Georgia,Serif; color:#3a3a3a; padding:20px 0 5px 30px; text-align:left; }
#mainContent_home p{ font:15px "Times New Roman", Times, serif; color:#3a3a3a; line-height:22px; padding: 20px 10px 0 30px; text-align:justify; }
#mainContent_home ul { font:15px "Times New Roman", Times, serif; color:#3a3a3a; line-height:18px; padding: 10px 0 10px 30px; text-align:justify; }
#mainContent_home ul li a { color:#003366; text-decoration:underline; }
#mainContent_home a { color:#003366; text-decoration:underline; }

#sidebar1_home { float: left; width: 230px; padding: 0 0 0 25px; }
#sidebar1_home a { font:14px Arial, Helvetica, sans-serif; color:#006699; }
#sidebar1_home p{ font:14px "Times New Roman", Times, serif; color:#555555; line-height:20px; padding: 15px 0 0 0px; text-align:justify; }
.sidehome { margin:20px 0px;;width:250px; }
.sidehome a img {border:none;margin-right:5px;vertical-align:middle;}
#c3 { height:45px; }
#facebook { height:45px; }
#wedding_receptions { height:45px; }
#latest_news { height:45px; }
#wedding_quote { height:45px; }
#resources { height:45px; }

#container_sub { width:950px; margin:0 auto; }

#mainContent,#mainContact { margin: 20px 40px 40px 0; }
#mainContent h1,#mainContact h1 { font-weight: normal; line-height: normal; font: 23px Georgia,Serif; color:#3a3a3a; padding:0 0 0 30px; text-align:left; }
#mainContent h2,#mainContact h2 { font-weight: normal; line-height: normal; font: 17px Georgia,Serif; color:#3a3a3a; padding:20px 0 0 30px; text-align:left; }
#mainContent h3,#mainContact h3 { font-weight: normal; line-height: normal; font: 17px Georgia,Serif; color:#3a3a3a; padding:5px 0 5px 0; text-align:left; }
#mainContent p,#mainContact p { font:15px "Times New Roman", Times, serif; color:#3a3a3a; line-height:20px; padding: 15px 0 0 35px; text-align:justify; }
#mainContent ul { font:14px "Times New Roman", Times, serif; color:#555555; line-height:20px; padding: 15px 0 0 60px; text-align:justify; }
#mainContent ul li a { color:#003366; text-decoration:underline; }
#mainContent ul li a:hover { color:#003366; text-decoration:none; }
#mainContent a { color:#003366; text-decoration:underline; }
#mainContent a:hover { color:#003366; text-decoration:none; }

#mainContact {margin-left:50px;}

.contentbox {margin-right:280px}

#header_middle { background:url(../img/subpages/home.jpg) no-repeat; width:990px; height:417px; }
#wedding_middle { background:url(../img/subpages/wedding.jpg) no-repeat; width:990px; height:417px; }
#conference_middle { background:url(../img/subpages/conference.jpg) no-repeat; width:990px; height:417px; }
#contact_middle { background:url(../img/flash/home/home4.jpg) no-repeat; width:990px; height:417px; }
#catering_middle { background:url(../img/subpages/catering.jpg) no-repeat; width:990px; height:417px; }
#directions_middle { background:url(../img/subpages/directions.jpg) no-repeat; width:990px; height:417px; }

#right-box { float: right; margin: 0 0 30px 0; padding:0 0 0 0px; }

.catering_image {-moz-box-shadow:0px 0px 5px #ccc;-webkit-box-shadow:0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}

/* Subnav */

.subNav { width:275px; margin:0 0 0 0; }
.subNav ul { margin: 0; padding: 0; }
.subNav ul li { margin: 0; list-style: none; list-style-image: none !important; border-bottom: 1px dashed #c6a420; line-height: 22px; height: 1%; }
.subNav ul li a { padding:6px 0 6px 0; margin:0; text-decoration: none; display: block; font: 15px Georgia, "Times New Roman", Times, serif; color: #444444; height: 1%; outline: none; }
.subNav ul li a:hover { color:#000000; text-decoration:underline; }
.subNav ul li a:active { color: #ee3024; }
.subNav ul li ul { margin: -10px 0 10px -20px; padding: 0; width:180px; }
.subNav ul li ul li { margin: 0; padding: 0; height: 1%; list-style: none; list-style-image: none !important; border-bottom: none; line-height: 12px; }
.subNav ul li ul li a { padding: 0 0 4px 0; text-decoration: none; display: block; font: 12px Georgia, "Times New Roman", Times, serif; color: #555555; outline: none; }
.subNav ul li ul li a:hover { color: #000000; text-decoration: underline; }

/* Navigation */

#CCCnavContainer { height: 66px; margin: 0 auto; padding: 0; text-align: center; }
#navCCC { margin: 0 auto; width:916px; padding: 0; list-style-type: none; background: transparent url(../img/nav.gif) 0 0 no-repeat; }
#navCCC li { float: left; margin: 0; padding: 0; height: 66px; background-color: transparent; background-repeat: no-repeat; }
#navCCC li a { display: block; background-color: transparent; background-repeat: no-repeat; height: 66px; text-decoration: none; }
#navCCC li a:hover { text-decoration: none; background-image: url(../img/nav.gif) 0 0 no-repeat; }
#navHome { width: 83px; background-position: 0 0; background-image:url(../img/nav.gif); }
#navHome:hover, #navHomeSel { width: 83px; background-position: 0 -66px; background-image: url(../img/nav.gif); }
#navVirtual { width: 148px; background-position: -83px 0; background-image: url(../img/nav.gif); }
#navVirtual:hover, #navVirtualSel { width: 148px; background-position: -83px -66px; background-image: url(../img/nav.gif); }
#navWedding { width: 212px; background-position: -231px 0; background-image: url(../img/nav.gif); }
#navWedding:hover, #navWeddingSel { width: 212px; background-position: -231px -66px; background-image: url(../img/nav.gif); }
#navEvents { width: 206px; background-position: -443px 0; background-image: url(../img/nav.gif); }
#navEvents:hover, #navEventsSel { width: 206px; background-position: -443px -66px; background-image: url(../img/nav.gif); }
#navDownload { width: 136px; background-position: -649px 0; background-image: url(../img/nav.gif); }
#navDownload:hover, #navDownloadSel { width: 136px; background-position: -649px -66px; background-image: url(../img/nav.gif); }
#navCatering { width: 131px; background-position: -785px 0; background-image: url(../img/nav.gif); }
#navCatering:hover, #navCateringSel { width: 131px; background-position: -785px -66px; background-image: url(../img/nav.gif); }
.navText { visibility: hidden; }

#ULnav { text-align: right; margin:0 auto; width: 919px; height:30px; background:url(../img/nav_sub.gif) no-repeat top right; font:12px 'Myriad Pro', Helvetica, Arial, sans-serif; padding:7px 25px 10px 0; color:#CCCCCC;}
#ULnav a:link, #ULnav a:visited { display:inline; text-decoration:none; border:none; color:#FFFFFF; padding: 0 11px 0 11px; color:#FFFFFF; }
#ULnav a:hover { text-decoration:underline; border:none; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/* Form */

#mainContent form { width:196px; background:url(../img/contact_form.jpg) no-repeat; padding:20px 0 80px 40px; }
#mainContent form br { line-height:0; }
#mainContent input, #mainContent textarea, #mainContent select { background-color:#ffffff; border:1px solid #ddd; color:#003366; width:155px; height:25px; vertical-align: middle; margin-bottom:4px; padding-top:1px; padding-left:4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#mainContent textarea {  height:51px;  overflow:auto; }
#mainContent input.submit, #mainContent input.submit-contact-main {  width:60px;  cursor:pointer;  padding:0;  }
#mainContent input.submit-contact-main { margin:20px 0 0 210px; }
.imgfloatrt{ float:left; padding:10px; font:10px Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; }

#footer { width:990px; height:75px; font: 11px Arial, Helvetica, sans-serif; color:#777777; background:url(../img/bg_footer.jpg) bottom no-repeat; }
#footer p { margin: 0; padding: 0 0 0 60px; line-height:25px; }
#footer a { color: #444444; text-decoration:underline; }
#footer a:hover { color:#FF6633; text-decoration: none; }
#footer span { display:block;text-align:right;float:right;margin-right:60px; }

ul#navlist { padding:0; margin:0; list-style-type: none; font: 10px Arial, Helvetica, sans-serif; text-align:center; }
ul#navlist li { display: inline; padding:0 8px 0 8px; }

/*GALLERY*/

.thumbs {list-style-type:none;}
.thumbs li {float:left;padding:5px;text-align:center;list-style:none;}
.thumbs li a img {border:1px #999 solid;filter:alpha(opacity=80);opacity:0.8;}
.thumbs li a:hover img {border:1px #999 solid;filter:alpha(opacity=100);opacity:1.0;}
.thumbs li p a img {border:1px #999 solid;filter:alpha(opacity=60);opacity:0.6;}
.thumbs li p a:hover img {border:1px #999 solid;filter:alpha(opacity=100);opacity:1.0;}
.thumbs p {color:#666666;font-size:10px}

/*************************/
/*************************/
/*************************/
/*************************/
/*POPUPBOX JQUERY*/

div#nyroModalFull { font-size: 12px; color: #777; }
div#nyroModalLoading { border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(../images/popup//ajaxLoader.gif) no-repeat; background-position: center; }
div#nyroModalLoading.error { border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff; }
div#nyroModalWrapper { background: #fff; border: 4px solid #777; }
a#closeBut { position: absolute; display: block; top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(../images/popup/close.gif) no-repeat; outline: 0; }
h1#nyroModalTitle { margin: 0; padding: 0; position: absolute; top: -22px; left: 5px; font-size: 12px; color: #ddd; font-family: Verdana, Arial, Helvetica, sans-serif; }
div#nyroModalContent { overflow: auto; }
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background-image: url(../images/popup//prev.gif);
}
a.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
a.nyroModalNext:hover {
	background-image: url(../images/popup//next.gif);
}

/*************************/
/*************************/