/* Online Business, free web template by davereederdesign.com */

body { margin: 0; padding: 0; font-size: 100%; text-align: left; background: #f00008; color: #333; letter-spacing: 0.5pt; }


/* Global styles */
* {margin: 0; padding: 0; border: 0;}
span {color: #00A2FF}
p, ul, ol, li, p, a, h2 { font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.5pt; }


/* Heading styles */
h1 {margin-left: 10px; font-family: Georgia, serif; color: #333; float: left; font-weight: normal; margin-left: 10px; font-size: 1.55em}
h1 a:link, h1 a:visited, h1 a:active {text-decoration: none; color: #333; font-weight: normal}
h1 a:link span, h1 a:visited span, h1 a:active span {text-decoration: none; font-weight: normal}
h1 a:hover {color: #00A2FF; text-decoration: none; font-weight: normal}
h1 a:hover span {color: #f00008; text-decoration: none; font-weight: normal}

h3 a, h3 a:link, h3 a:hover {font-weight: normal} /* styling for h3 heading links */
h4 a, h4 a:link, h4 a:hover, h5 a:link, h5 a:hover {font-weight: bold} /* styling for other heading links */

h2 {margin: 0; padding-left: 10px; font-size: 0.75em; background-color: #f00008; color: #fff; line-height: 2em} /* headings on black backgrounds */

h3, h4, h5 { font-family: Georgia, serif; letter-spacing: 1pt; margin: 20px 0 0 10px }
h3 {font-size: 1.25em; line-height: 1.25em; font-weight: normal}
h4 {font-size: 0.90em; line-height: 0.90em; font-weight: bold}
h5 {font-size: 0.70em; line-height: 0.70em; font-family: Arial, Helvetica, sans-serif; font-weight: bold} /* appears like bold paragraph text */



/* Text styles */
p { margin: 10px; font-size: 0.7em; line-height: 1.75em; letter-spacing: 0.5pt; }
li { font-size: 0.7em; }
form.login p { font-size: 0.7em; line-height: 1.75em; margin: 0 5px 0 0; }
#siteimg p {   /* This is the large text in the site img div */
	margin: 0 0 0 10px; /* removed usual top and bottom margin from paragraph to avoid layout breaking */
	padding-left: 10px;
	padding-top: 90px;
	font-family: Georgia, serif;
	font-size: 1.45em; 
	line-height: 1.05em; 
	font-weight: normal; 
	letter-spacing: -0.05em; 
}
#bttmbar p { font-size: 0.6em; }
acronym {border-bottom: 1px dashed #333; cursor: help}

ul {margin-left: 10px; font-size: 0.70em; line-height: 1.75em; list-style: inside square}



/* Paragraph Links */
a {color: #00A2FF; font-weight: bold; text-decoration: none} /* The blue colour */
a:link {color: #00A2FF; font-weight: bold; text-decoration: none}
a:hover {color: #f00008; font-weight: bold; text-decoration: none}


/* Divs */

#container { background-color: #d01; background-image: none; width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
	overflow: hidden
; margin: 0 auto; }
#container  {background: #87CEFA; }
#container {background: #fff url(/images/container_bg.gif) repeat-y;}

#topbar {   /* Top bar, can be used for extra links etc */
	background-color: #fff; background-image: none; background-position: 0 0; width: 770px; height: 25px; }
	
#hdr {    /* Header/Banner area */
	width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
	height: 200px; /* Same as h1 line-height */
	background: #000 url(/images/top_img.gif) no-repeat;}

#navbar {   /* Main Navigation area */
	background-color: #fff; width: 200px; 
}

#siteimg {   /* Large Site Image */
	color: #f00008; width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
	height: 100px; background: #fff url(http://www.tunisiancenterusa.com/images/homeimg.jpg); margin-top: 0; /* Light Grey */	
}

#lftcol {
	float: left;
	width: 200px;
	background: transparent;
	overflow: hidden
}

#rgtcol {
	float: left;
	width: 570px;
	background: transparent;
	overflow: hidden
}
#rgtcol p {color: #333; font-size:12px; }
#rgtcol h4 {color: #000; font-size:14px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.5px;  clear:both; padding-top: 10px; }
#rgtcol p.updated {line-height: 0.9em; color: #f00; padding-bottom: 0px; margin-bottom: 0px; font-weight:bold; font-size:10px;}

#bttmbar { /* bottom bar, containing top button and copyright info etc */
	width: 770px; height: 3em; line-height: 3em; background: #d01; letter-spacing: 0.3pt; overflow: hidden
 }
#bottom { width: 770px; height: 20px; margin-right: auto; margin-left: auto; }

/* Forms, Input boxes and buttons */
form.login {float: right; line-height: 3em; margin: 0; width: 8.2em;}
input.login {border: solid 1px #333; width: 8em; font-size: 0.95em;}
input.loginbttn { border: solid 0; width: 3em; background: #00a2ff; color: #fff; font-size: 1em ; padding: 0; }

/* Images */
img.rightimg { float: right; margin-left: 10px; outline: solid 1px #00a2ff; }
img.leftimg { float: left; margin-right: 10px; outline: solid 1px #00a2ff; }
img.centimg { margin-right: 10px; float: left; margin-left: 15%; outline: solid 4px white; }
img.thumbimg { margin-right: 10px; float: left; margin-top: 20px; margin-bottom: 5px; outline: solid 2px white; }
img.languageimg {float: right; margin: 4px 2px 0 0} /* used for the language flags */
span#today {color:#fff; padding-left: 300px; text-align:right; width:inherit;}
#lftcol p b {color:#666;}

dl.table-display {width: 41.1em; margin: 2em 0; padding: 0; color:#333; font-size:12px;}
.table-display dt {width: 15em;float: left;margin: 0 0 0 0;padding: .5em;border-top: 1px solid #999;font-weight: bold;}
.table-display dt a {color: #333}
/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */
.table-display dd{float: left;width: 24em;margin: 0 0 0 0;padding: .5em;border-top: 1px solid #999;}

dl { line-height: 1.5em; padding: 0; margin: 0 0 0.7em 0; }
dt { font-weight: bold; padding: 0.5em 0; border-bottom: #000 1px dotted;}
dd { margin:0; padding: 0.5em 0; text-align: left; }
#costumes p.image {clear:both; padding:10px 10px 10px 0;}
ul{border:0; margin:0; padding:0;}

	ul#pagination-clean{border:0; margin:0; padding:0;clear:both; padding-top:20px;}
	#pagination-clean li{
		border:0; margin:0; padding:0;
		font-size:11px;
		list-style:none;
	}
	#pagination-clean li, #pagination-clean a{
		border-right:solid 1px #DEDEDE;
		margin-right:2px;
	}
	#pagination-clean .previous-off,
	#pagination-clean .next-off {
		color:#888888;
		display:block;
		float:left;
		font-weight:bold;
		padding:3px 4px;
	}	
	#pagination-clean .next a,
	#pagination-clean previous a{
		border:none;
		font-weight:bold;
	}	
	#pagination-clean .active{
		color:#000000;
		font-weight:bold;
		display:block;
		float:left;
		padding:4px 6px;
	}
	#pagination-clean a:link, 
	#pagination-clean a:visited {
		color:#0e509e;
		display:block;
		float:left;
		padding:3px 6px;
		text-decoration:underline;
	}
	#pagination-clean a:hover{
		text-decoration:none;
	}
#youtube {position: relative; left: 0px; top:135px; margin:0; padding:0; float:left; z-index:100;}
#siteimg {height:100px; width:770px; background: #fff url(/images/siteimage.jpg) no-repeat;  margin:0; padding:0;}
#hdr {height:200px; width:770px; background: #fff url(/images/top_img.gif) no-repeat; margin:0; padding:0; }
#header_image {height:300px; width:770px; background-color: #fff;}