/* Reset
----------------------------------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,label,select,option,blockquote,fieldset,input { margin: 0; padding: 0; }

ul, ol {
	list-style:none;
}

img {
	border:none;
}

:focus {
	outline: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before,q:after {
	content:'';
}


.floatleft {
	float:left;
	margin:0px;
	padding:0px 20px 10px 0px;
}




.floatright {
	float:right;
	margin:0px;
	padding:0px 0px 0px 10px;

}

hr {
	display:block;
	height:1px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #32001b;
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
}



/* End Reset
----------------------------------------------------------------------------------------*/






/* START GLOBAL STYLES
----------------------------------------------------------------------------------------*/

body {
	background-color:#252525;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#ffffff;
	text-align:center;
	line-height:18px;
}

#main-wrapper {
	background:url(images/topbg.gif) repeat-x 0 0 #000000;
}

#outer-wrapper {
	width:100%;
	background:url(images/header_bg.jpg) no-repeat top center scroll;
	text-align:center;
	
}

#inner-wrapper {
	width:983px;
	margin:0px auto;
	padding:0px;
	text-align:left;
}




a { 
	color:#ffffff; 
	text-decoration:none; 
}

a:focus,a:hover { 
	text-decoration:underline; 
}






/* END GLOBAL STYLES
----------------------------------------------------------------------------------------*/







/* START HEADER STYLES
----------------------------------------------------------------------------------------*/



#header {
	width:983px;
	overflow:hidden;
	padding:14px 0px 0px 0px;
	height:106px;
}

h1#logo {
	float:left;

}

h1#logo a {
	width:292px;
	height:0px;
	padding-top:76px;
	overflow:hidden;
	display:block;
	cursor:pointer;
}



/*-----------------------------navigation here-----------------------------*/



ul#nav {
	float:right;
	background:url(images/nav_bg.jpg) no-repeat 0 0; 
	width:689px;
	height:76px;
}

ul#nav li {
	float:left;
}

/*-----------------------------navigation here-----------------------------*/



ul#nav {
	float:right;
	background:url(images/nav-final.jpg) no-repeat 0 0;
	width:690px;
	height:79px;
}

ul#nav li {
	float:left;
}

/*-----------link-------------*/

ul#nav li#nav-tamra a {
	background:url(images/nav-final.jpg) no-repeat 0 0;
	width:86px;
	height:0px;
	padding-top:79px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin:0px 0px 0px 0px;
}

ul#nav li#nav-between a {
	background:url(images/nav-final.jpg) no-repeat -86px 0;
	width:157px;
/*width:117px;*/
	height:0px;
	padding-top:79px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin:0px 0px 0px 0px;
}

ul#nav li#nav-afterdark a {
	background:url(images/nav-final.jpg) no-repeat -243px 0;
	/*background:url(images/nav-final.jpg) no-repeat -203px 0;*/
	/*width:158px;*/
	width:75px;
	height:0px;
	padding-top:79px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin:0px 0px 0px 0px;
}

ul#nav li#nav-media a {
	background:url(images/nav-final.jpg) no-repeat -318px 0;
/*background:url(images/nav-final.jpg) no-repeat -361px 0;*/
	/*width:128px;*/
	width:125px;
	height:0px;
	padding-top:79px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin:0px 0px 0px 0px;
}

ul#nav li#nav-news a {
	background:url(images/nav-final.jpg) no-repeat -489px 0;
	width:76px;
	height:0px;
	padding-top:79px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin:0px 0px 0px 0px;
}

ul#nav li#nav-events a {
	background:url(images/nav-final.jpg) no-repeat -565px 0;
	width:125px;
	height:0px;
	padding-top:79px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	margin:0px 0px 0px 0px;
}




/*-----------hover-------------*/



ul#nav li#nav-tamra a:hover {
	background:url(images/nav-final.jpg) no-repeat 0 -79px;
}

ul#nav li#nav-between a:hover {
	background:url(images/nav-final.jpg) no-repeat -86px -79px;
}

ul#nav li#nav-afterdark a:hover {
	background:url(images/nav-final.jpg) no-repeat -243px -79px;
}

ul#nav li#nav-media a:hover {
	background:url(images/nav-final.jpg) no-repeat -318px -79px;
}

ul#nav li#nav-news a:hover {
	background:url(images/nav-final.jpg) no-repeat -489px -79px;
}

ul#nav li#nav-events a:hover {
	background:url(images/nav-final.jpg) no-repeat -565px -79px;
}




/*-----------visited-------------*/




ul#nav li#nav-tamra a.selected {
	background:url(images/nav-final.jpg) no-repeat 0 -79px;
}

ul#nav li#nav-between a.selected {
	background:url(images/nav-final.jpg) no-repeat -86px -79px;
}

ul#nav li#nav-afterdark a.selected {
	background:url(images/nav-final.jpg) no-repeat -243px -79px;
}

ul#nav li#nav-media a.selected {
	background:url(images/nav-final.jpg) no-repeat -318px -79px;
}

ul#nav li#nav-news a.selected {
	background:url(images/nav-final.jpg) no-repeat -489px -79px;
}

ul#nav li#nav-events a.selected {
	background:url(images/nav-final.jpg) no-repeat -565px -79px;
}





/* END HEADER STYLES
----------------------------------------------------------------------------------------*/






/* START MAINBODY STYLES
----------------------------------------------------------------------------------------*/



#mainbody {
	width:983px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
}

#video-container {
	width:980px;
	margin:0px auto;
	text-align:center;
	padding:0px 0px 10px 0px;
}


/*-------------------------main content----------------------------*/


#main-content {
	float:left;
	width:666px;
	padding:0px 0px 10px 0px;
}

#main-content p {
	padding:0px 10px 20px 0px;
}


ul#preview {
	width:666px;
	overflow:hidden;
	margin:0px 0px 25px 0px;
}

ul#preview li {
	float:left;
	width:210px;
	margin:0px 18px 0px 0px;
}

ul#preview li.last {
	float:left;
	width:210px;
	margin:0px 0px 0px 0px;
}

ul#preview li span {
	padding:10px 0px 0px 0px;
	display:block;
	text-align:center;
}

ul#preview li span a {
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

ul#preview li span a:hover {
	font-size:16px;
	color:#c30157;
	text-decoration:none;
	font-weight:bold;
}



/*-------------------------sidebar----------------------------*/


#sidebar {
	float:right;
	width:299px;
}


#calendar-container {
	background:url(images/calendar_middlebg.gif) repeat-y 0 0;
	width:299px;:
}

#calendar-container .calendar-content {
	background:url(images/calendar_topcurvebg.gif) no-repeat 0 0;
	padding:8px 9px 0px 8px;
}

.calendar-content p {
	font-size:11px;
	padding:0px 5px 10px 5px;
}

.calendar-content .calendar-details {
	width:282px;
	height:32px;
	margin:15px 0px 15px 0px;
	position:relative;
}

.calendar-details .prev-btn a {
	background:url(images/prev_btn.gif) no-repeat 0 0;
	width:10px;
	height:0px;
	padding-top:32px;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
}

.calendar-details .next-btn a {
	background:url(images/next_btn.gif) no-repeat 0 0;
	width:10px;
	height:0px;
	padding-top:32px;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	right:0px;
	top:0px;
}


.calendar-details ul {
	display:block;
	overflow:hidden;
	margin:0px 0px 0px 7px;
}

.calendar-details ul li {
	display:inline;
	float:left;
	width:40px;
	text-align:center;
	margin:0px 2px 0px 2px;
}

.calendar-details ul li span {
	display:block;
	text-align:center;
}




/*---------------------------------------------------------*/


.sidebar-box-container {
	background-color:#333333;
	margin:0px 0px 11px 0px;
	width:299px;:
}



/*------calendar----------------*/

.sidebar-box-container .sidebar-box-content {
	background:url(images/pages_curve_topbg.gif) no-repeat 0 0;
	padding:8px 9px 0px 8px;
}

.sidebar-box-content p {
	font-size:11px;
	padding:0px 5px 10px 5px;
}

.sidebar-box-content .pages-calendar-details {
	width:282px;
	height:32px;
	margin:15px 0px 15px 0px;
	position:relative;
}

.pages-calendar-details .prev-btn a {
	background:url(images/pages_prev_btn.gif) no-repeat 0 0;
	width:10px;
	height:0px;
	padding-top:32px;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
}

.pages-calendar-details .next-btn a {
	background:url(images/pages_next_btn.gif) no-repeat 0 0;
	width:10px;
	height:0px;
	padding-top:32px;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	right:0px;
	top:0px;
}


.pages-calendar-details ul {
	display:block;
	overflow:hidden;
	margin:0px 0px 0px 7px;
}

.pages-calendar-details ul li {
	display:inline;
	float:left;
	width:40px;
	text-align:center;
	margin:0px 2px 0px 2px;
}

.pages-calendar-details ul li span {
	display:block;
	text-align:center;
}



/*-------------------gallery------------------*/

.sidebar-box-content .goto-gallery {
	padding:10px 0px 4px 0px;
	text-align:center;
	margin:0px auto;
}


.sidebar-box-content .video-content {
	width:282px;
	height:192px;
}

.sidebar-box-content .photo-gallery-content {
	width:282px;
	display:block;
	margin:0px;
	padding:0px;
}


.sidebar-box-content ul.photo-gallery {
	overflow:hidden;
	margin:10px 0px 0px 0px;
	padding:0px;
}

.sidebar-box-content ul.photo-gallery li {
	display:block;
	width:60px;
	height:50px;
	float:left;
	margin:0px 14px 0px 0px;
}

.sidebar-box-content ul.photo-gallery li.last {
	display:block;
	width:60px;
	height:50px;
	float:left;
	margin:0px 0px 0px 0px;
}


/*--------------------------search field-------------------------------*/




#search-container {
	width:299px;
	margin:41px 0px 15px 0px;
}

.search-content {
	background:url(images/input_bg.gif) no-repeat 0 0;
	height:40px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

.search-content form {

	padding:0px 0px 0px 6px;
	height:40px;
}

.search-content form input.text-box {
	background:none;
	border:none;
	width:214px;
	height:24px;
	float:left;
	margin:7px 0px 0px 0px;
	padding:5px 4px 0px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

.search-content form input.search-btn {
	background:url(images/search_btn.gif) no-repeat 0 0;
	float:right;
	width:63px;
	height:40px;
	border:none;
	cursor:pointer;
	text-align:left;
	color:#FFFFFF;
	letter-spacing:19px;
	text-indent:-1000px;
}



/*--------------------------end search field-------------------------------*/





/*-------------------------end sidebar----------------------------*/

/* END MAINBODY STYLES
----------------------------------------------------------------------------------------*/






/* START FOOTER STYLES
----------------------------------------------------------------------------------------*/

#footer-wrapper{
	width:100%;
	background:url(images/footer_bg.gif) repeat-x 0 0 #252525;
	overflow:hidden;
}

#footer {
	width:983px;
	margin:0px auto;
	padding:0px;
	height:auto !important;
	min-height:134px;
	height:134px;
	text-align:left;

}

#footer p.footer-left {
	width:666px;
	float:left;
	padding:7px 0px 0px 0px;
}

#footer p.footer-right {
	width:150px;
	float:left;
	padding:7px 0px 0px 40px;
	text-align:right;
}


#footer p a {
	font-size:14px;
	text-transform:uppercase;
	margin:0px 20px 0px 0px;
	text-decoration:none;
}

#footer p a:hover {
	color:#000000;
}

#footer span {

	float:right;
	text-align:right;
	padding:2px 0px 0px 0px;
}

#footer span a {
	margin:20px 2px 0px 2px;
}


#footer p.copyright {
	float:left;
	padding:36px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#656565;
}




/* END FOOTER STYLES
----------------------------------------------------------------------------------------*/





/* START PAGES STYLES
----------------------------------------------------------------------------------------*/


#box-container {
	margin:41px 0px 20px 0px;
	background:url(images/article_middlebg.gif) repeat-y 0 0;
	width:666px;
}

.box-content {
	background:url(images/article_topbg.gif) no-repeat 0 0;
	width:646px;
	height:auto !important;
	min-height:64px;
	height:64px;
	padding:0px 10px 0px 10px;
	
}

h3.tamra {
	background:url(images/tamra_text.gif) no-repeat 0 0;
	width:82px;
	height:0px;
	padding-top:23px;
	overflow:hidden;
	display:block;
}









.article-sub-content {
	width:666px;
	overflow:hidden;
	padding:20px 0px 0px 0px;
}

.article-image {
	float:left;
	margin:0px 20px 10px 0px;
}

/*------this is for banner(big image)-----*/

.article-main-content {
	width:666px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
}

.article-main-content .title {
	width:666px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

/*------this is for banner(big image)-----*/


.title {
	padding:0px 0px 10px 0px;
	overflow:hidden;
}

.article-main-content h2 {
	float:left;
	display:block;
	font-size:28px;
	color:#cd0067;
	margin:0px 10px 0px 0px;
}

.article-main-content em {
	float:left;
	display:block;
	margin:14px 0px 0px 0px;
	font-size:11px;
	color:#653565;
}

.article-sub-content h2 {

	display:block;
	font-size:28px;
	color:#cd0067;
	margin:0px 20px 0px 0px;
}

.article-sub-content em {
	display:block;
	margin:0px 0px 10px 0px;
	font-size:11px;
	color:#653565;
}



/* END PAGES STYLES
----------------------------------------------------------------------------------------*/
