/*Generic */
* {
	margin: 0;
	padding: 0;
}
/*Body*/
body {
	background-image: url(Images/Background/Page.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #0071a7;
	font-family: tahoma, verdana, serif;
	color: #034c6e;
	background-color: #fbfcfe;
	text-align: center;
}
.InnerPage {
	background-image: url(Images/Background/PageInner.jpg);
}
/*Master div*/
#Master {
	width: 996px;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	z-index: 99;
}
/*Page holder div.. to aviod the FF float bug*/
#PageHolder {
	float: left;
	width: 100%;
}
#Header {
	width: 100%;
	background-image: url(Images/Background/Header.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
	height: 116px;
}
/*images*/
img {
	border: 0;
	display: block;
}
/*logo*/
h1 {
	padding: 15px 0 0 50px;
}
.InnerPage h1 {
	padding: 10px 0 0 50px;
}
/*paragraph*/
p {
	font-size: 0.75em;
	padding: 0 0 10px 0;
}
/*Read More*/
p.ReadMore a {
	color: #e6526b;
	text-decoration: none;
}
/*Read More*/
p.ReadMore {
	padding: 0;
}
a {
	color: #e6526b;
	text-decoration: none;
}
a:hover {
	color: #034c6e;
}
/*Read More hover*/
p.ReadMore a:hover {
	color: #034c6e;
}
* :focus {
	outline:none
}
/*heading 2*/
h2 {
	padding: 0 0 10px 0;
	text-align: right;
	direction: rtl;
}
/*Mediaspace holder - flash animation and navigation*/
#MediaSpaceHolder {
	background-image: url(Images/Background/MediaSpace.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 960px;
	height: 302px;
	padding: 21px 0 0 29px;
	float: left;
	margin: 1px 0 0 0;
}
/*Top Navigation*/
.NavList {
	list-style: none;
	float: right;
	margin-top: -62px;
	padding: 0 10px 0 0;
	width: 800px;
}
/*Top Navigation item*/
.NavList li {
	float:right;
	padding: 0 0 0 30px;
}
/*Top Navigation item links*/
.NavList li a {
	color: #83ceee;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.7em;
}
/*Top Navigation item links hover*/
.NavList li a:hover, .NavList li.Highlight a {
	color: #d6edf7;
}
/*Navigation 2 right below the flash animation*/
#Navigation2 {
	list-style: none;
	margin: 28px 0 0 0;
	float: left;
	width: 930px;
}
.InnerPage #Navigation2 {
	list-style: none;
	margin: 5px 0 0 0;
	float: left;
	width: 695px;
}
/*Navigation 2 links */
#Navigation2 li {
	float:  right;
	font-weight: bold;
	padding: 0 25px 0 10px;
}
.InnerPage #Navigation2 li {
	padding: 0 10px 0 10px;
}
/*Navigation 2 links*/
#Navigation2 li a {
	text-decoration: none;
	color: #c7ebfc;
	font-size: 0.9em;
}
/*Navigation 2 hover*/
#Navigation2 li a:hover, #Navigation2 li.Highlight a {
	color: #e6506a;
}
/*Homepage COntent*/
.Content {
	float: left;
	clear: both;
	width:100%;
	padding: 0 0 40px 0;
}
#Content {
	float: left;
	float: left;
	clear: both;
	width:100%;
}
/*Homepage left column*/
#Column1 {
	float: left;
	width: 390px;
	overflow-x: hidden;
}
/*Homepage center column*/
#Column2 {
	float: left;
	width: 390px;
	overflow: hidden;
	padding: 0 0 0 9px;
}
/*Box styles for the promo etc*/
.Box {
	background-image: url(Images/Background/BoxShadow.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	float: left;
	_float: none;
	padding: 0 0 10px 9px;
}
/*Box styles for the promo etc - wrapper 1 for background*/
.Box .Wrap1 {
	background-image: url(Images/Background/Wrap2.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #489abb;
	float: left;
}
/*Box styles for the promo etc - wrapper 1 for background (column3)*/
#Column3 .Box .Wrap1 {
	background-image: url(Images/Background/Col3Wrap2.gif);
	background-color: #60a7c4;
}
/*Box styles for the promo etc - wrapper 2 for background*/
.Box .Wrap2 {
	background-image: url(Images/Background/BoxFooter1.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0 10px 10px 10px;
}
/*Box styles for the promo etc - wrapper 3 for background*/
.Box .Wrap3 {
	background-image: url(Images/Background/Wrap3.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height:auto!important;
	min-height:520px;
	height:520px;
	background-color: #92c2d6;
	width:321px;
	padding: 20px;
	overflow-x: hidden;
	text-align: right;
}
/*Box Sections*/
.Box .Section {
	clear: both;
	margin: 30px 0 0 0;
	float: left;
	width: 100%;
}
/*Box Sections description*/
.Box .Description {
	float:  right;
	width: 150px;
	clear:left;
	padding: 0 0px 0px 10px;
	text-align: right;
}
/*Box Sections thumbs*/
.Box .Thumb {
	padding: 0 0px 20px 10px;
	float:left;
	width: 150px;
	text-align: left;
}
/*Box Sections thumbs images*/
.Box .Thumb img {
	margin: 0 auto 10px auto;
}
/*Box Sections thumbs description*/
.Box .Thumb p {
	font-size: 0.7em;
	padding: 0;
}
/*Box Emoticons list*/
.Box .Emoticons {
	clear: both;
	list-style: none;
	width:  400px;
	float: left;
}
/*Box Emoticons list*/
.Box .Emoticons li {
	float: left;
	padding:0 0px 5px 0;
}
.Box ul.HomeList {
	list-style: none;
	width:321px;
	float: left;
}
.Box ul.HomeList li {
	float: right;
	padding: 0 0px 20px 0px;
	width: 155px;
	overflow: hidden;
}
.Box ul.HomeList .Thumb {
	margin: 0 0 0 0px;
	width: auto;
	padding: 0;
}
.Box ul.HomeList .Description {
	clear:left;
	float:none;
	padding:0;
	clear:both;
	width: auto;
}
.Box ul.HomeList .Description p {
	padding: 0 5px 0px 0px;
	font-size: 0.7em;
}
.Box ul.HomeList .Description p a {
	text-decoration: none;
	color: #cb3750;
}
.Box ul.HomeList .Description p a:hover {
	color: #b71b36;
}
.InnerPage .Box ul.HomeList {
	width: 100%;
}
.InnerPage .Box ul.HomeList li {
	height: 200px;
	float: right;
	text-align: right;
	padding: 0 0 0 15px;
}
.InnerPage #Column2 .Box ul.HomeList {
	width: 350px;
	float: right;
	padding: 10px 0px 50px 0;
}
.InnerPage #Column2 .Box ul.HomeList li {
	float: right;
	width: 80px;
	padding: 0 0 20px 30px;
	height: 120px;
	overflow: hidden;
}
.InnerPage #Column2 .Box ul.HomeList li .Description {
	float: right;
	width: auto;
	text-align: right;
}
.InnerPage #Column2 .Box ul.HomeList li .Thumb {
	text-align: right;
	float: right;
	width: 80px;
}
.InnerPage #Column2 .Box ul.HomeList img {
	margin: 0;
	float: right;
}
.InnerPage #Column2 .Box ul.HomeList li .Description p {
	font-weight: bold;
	font-size: 0.9em;
	color: #1e698b;
	padding: 10px 5px 0 0;
}
/*Column3*/
#Column3 {
	padding: 0 0 0 11px;
	float: left;
	width: 189px;
	overflow: hidden;
}
/*Column3 Thumbs*/
#Column3 .Thumb {
	position: relative;
	width: 100px;
	padding: 0;
	float: right;
	margin-bottom: -35px;
	margin-right: -18px;
	overflow: hidden;
}
/*Column3 Promo*/
#Column3 .Promo {
	clear: both;
	margin: 0 0 20px 0;
}
/*Column3 Wrap2 for background*/
#Column3 .Box .Wrap1 {
	background-color: #55a1c1;
	background-position: left top;
}
/*Column3 Wrap2 for background*/
#Column3 .Box .Wrap2 {
	background-image: url(Images/Background/Col3BoxFooter1.gif);
	background-position: left bottom;
}
/*Column3 Wrap3 for background*/
#Column3 .Box .Wrap3 {
	background-image: url(Images/Background/Col3Wrap3.gif);
	width: 119px;
	height:auto!important;
	min-height:120px;
	height:120px;
	background-color: #9cc8db;
	position: relative;
	padding-bottom: 0;
	overflow: hidden;
}
/*Column3 Wrap3 for background*/
#Column3 .Box .Wrap3 h2, #Column3 .Box .Wrap3 p {
	padding: 0 0px 0 0;
}
#Column3 .Box .Wrap3 h3 {
	padding: 10px 0px 0 0;
}
.InnerPage #Header {
	background-image: url(Images/Background/InnerPageTop.jpg);
	height: 169px;
	background-position: right top;
}
.InnerPage #Navigation2 {
	padding: 0 0 0 40px;
}
.InnerPage #Header h2 {
	margin: -35px 0 0 0;
	padding: 0 20px 0 0;
	float: right;
	position: relative;
}
.InnerPage #Column1 {
	width: 590px;
	text-align: right;
	float: right;
	margin-top: 0px;
}
.InnerPage #Content h2 {
	float: none;
	padding: 10px 0 20px 0;
	position: relative;
	right: 270px;
	_margin-top: -30px;
}
.InnerPage #Content #Column1 h2 {
	right: 0;
}
.InnerPage #Column1 p {
	line-height: 1.8em;
}
.InnerPage #Column1 p img {
	float: left;
}
h3 {
	font-size: 1em;
	padding: 0 0 10px 0;
}
/*Box styles for the promo etc*/
.InnerPage .Box {
	background-image: url(Images/Background/BoxShadow.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	float: left;
	padding: 0 0 10px 9px;
}
/*Box styles for the promo etc - wrapper 1 for background*/
.InnerPage .Box .Wrap1 {
	background-image: url(Images/Background/Col1BoxFooter.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #4e9dbe;
	padding-bottom: 10px;
}
/*Box styles for the promo etc - wrapper 1 for background (column3)*/
.InnerPage #Column3 .Box .Wrap1 {
	background-image: url(Images/Background/Col3Wrap2.gif);
	background-color: #60a7c4;
}
/*Box styles for the promo etc - wrapper 2 for background*/
.InnerPage .Box .Wrap2 {
	background-image: url(Images/Background/Col1BoxHeader.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 10px 0px 10px;
	background-color: none;
}
/*Box styles for the promo etc - wrapper 3 for background*/
.InnerPage .Box .Wrap3 {
	background-image: url(Images/Background/InnerWrap3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:auto!important;
	min-height:530px;
	height:530px;
	background-color: #fafcfd;
	width:521px;
	padding: 20px;
	float: left;
}
.InnerPage #Column2 {
	margin-top: 0px;
	float:  right;
}
.InnerPage #Column2 .Box {
	background-image: url(Images/Background/Col2BoxFooter.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
/*Box styles for the promo etc - wrapper 2 for background*/
.InnerPage #Column2 .Box .Wrap2 {
	background-image: url(Images/Background/Col2BoxHeader.gif);
}
/*Box styles for the promo etc - wrapper 3 for background*/
.InnerPage #Column2 .Box .Wrap3 {
	width:319px;
	min-height:150px;
	height:150px;
	padding:20px 20px 0px 20px;
	text-align: right;
	direction: rtl;
	float: left;
}
/*Box styles for the promo etc - wrapper 3 for background*/
.InnerPage #Column2 .Box .Wrap1 {
	background-image: none;
	padding: 0;
}
.InnerPage #Column2 .Box .Wrap3 ul {
	list-style: none;
	text-align: right;
}
.InnerPage #Column2 .Box .Wrap3 ul li a {
	color: #034c6e;
	text-decoration: none;
}
.CartoonLogos {
	float:left;
	margin: 10px 0 0 10px;
}
.CartoonLogos ul {
	list-style: none;
}
.CartoonLogos td, .CartoonLogos ul li {
	vertical-align: top;
	padding: 0 0 0px 0;
}
.CartoonLogos td {
	vertical-align:top;
	text-align:right;
}
.CartoonLogos td img {
	margin: 0 10px 10px 0;
}
/*Footer Holder*/
#FooterHolder {
	width: 100%;
	background-image: url(Images/Background/Footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	margin: 30px 0 0 0;
	text-align: center;
}
/*Footer*/
#Footer {
	margin: auto;
	background-image: url(Images/Background/Footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 996px;
	height: 132px;
	margin: -60px auto 0 auto;
}
/*Footer Paragraph*/
#Footer p {
	position: relative;
}
/*Footer Paragraph*/
#Footer .Left {
	top: 105px;
	float: left;
	padding: 0 0 0 80px;
}
#Footer .Right {
	top:90px;
	padding: 0 60px 0 0;
	float: right;
	text-align: right;
	font-size: 0.7em;
}
#Footer .Right a {
	text-decoration: none;
	color: #fff;
}
#Footer .Right a:hover {
	color: #83ceee;
}
/*======================Online Poll======================*/
.sf_pollTitle {
	background:url(Images/Caption/onlinePoll.png) no-repeat right;
	width:147px;
	height:57px;
	text-indent:-2000px;
}
ul.RadioButtonListCssClass {
}
.RadioButtonListCssClass li {
	/*background-color:#999;*/
	height:53px;
	vertical-align:middle;
	padding:0 !important;
	margin-bottom:1px;
	float:right;
	width:155px;
}
.RadioButtonListCssClass li{
	margin-bottom:10px;
}
.RadioButtonListCssClass li input {
	float:right;
	padding:0;
	/*margin:0 !important;*/
	height:55px;
	padding-left:5px;
}
.sf_pollQuestionAnswers div.label, .PollBox label {
	width:60px;
	height:60px;
	display:inline-block;
	text-indent:-2000px;
	padding:0;
	margin:0;

}
.sf_pollQuestionAnswers li div.RadChart{ float:left!important; margin-top:23px; margin-left:50px;}
.sf_pollQuestionsList li input{ outline:none;}
.sad {
	background:url(Images/poll/sad.png) right no-repeat;
	
}
.happy {
	background:url(Images/poll/happy.png) right no-repeat;
}
.cool {
	background:url(Images/poll/cool.png) right no-repeat;
	
}
.cry {
	background:url(Images/poll/cry.png) right no-repeat;
}
.serious {
	background:url(Images/poll/serious.png) right no-repeat;
}
.bored {
	background:url(Images/poll/bored.png) right no-repeat;
}

/*comment box*/
.sf_contentCommentForm{ direction:rtl}
.sf_commentListing{ list-style:none;}
.sf_commentListing li{ margin-bottom:10px;}
.sf_commentAuthor{ padding-bottom:0;}
.sf_anonymousComment span{ font-size:0.75em;}

