body {
	padding: 0 0 0 0px;
	margin: 45px 0 10px 0px;
	background-color: #000000;
}

body, td, p, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

h1 {
	font-size: 24px;
	color: #fff200;
	padding-bottom: 7px;
	margin: 0 0 0 0px;
}


/*-------------------------------------- floating */
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clear {
	clear: both;
}


/*-------------------------------------- Padding */
.pad-top-1{
	padding-top: 1px;
}
.pad-top-5{
	padding-top: 5px;
}
.pad-top-10{
	padding-top: 10px;
}
.pad-top-15{
	padding-top: 15px;
}
.pad-top-20{
	padding-top: 20px;
}
.pad-top-25{
	padding-top: 25px;
}
.pad-top-30{
	padding-top: 30px;
}

.pad-left-1{
padding-left: 1px;
}
.pad-left-5{
padding-left: 5px;
}
.pad-left-10{
padding-left: 10px;
}
.pad-left-15{
padding-left: 15px;
}
.pad-left-20{
padding-left: 20px;
}
.pad-left-25{
padding-left: 25px;
}
.pad-left-30{
padding-left: 30px;
}

.pad-right-1{
padding-right: 1px;
}
.pad-right-5{
padding-right: 5px;
}
.pad-right-10{
padding-right: 10px;
}
.pad-right-15{
padding-right: 15px;
}
.pad-right-20{
padding-right: 20px;
}
.pad-right-25{
padding-right: 25px;
}
.pad-right-30{
padding-right: 30px;
}

.pad-bottom-1{
padding-bottom: 1px;
}
.pad-bottom-5{
padding-bottom: 5px;
}
.pad-bottom-10{
padding-bottom: 10px;
}
.pad-bottom-15{
padding-bottom: 15px;
}
.pad-bottom-20{
padding-bottom: 20px;
}
.pad-bottom-25{
padding-bottom: 25px;
}
.pad-bottom-30{
padding-bottom: 30px;
}

.pad-all-1{
padding: 1px;
}
.pad-all-5{
padding: 5px;
}
.pad-all-10{
padding: 10px;
}
.pad-all-15{
padding: 15px;
}
.pad-all-20{
padding: 20px;
}
.pad-all-25{
padding: 25px;
}
.pad-all-30{
padding: 30px;
}


/*-------------------------------------- Top Navigation */
.topNavi {
	text-align: right;
	float: right;
}

.topNavi ul{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

.topNavi li{
	display: block;
	float: left;
	list-style: none;
}

.topNavi a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b0b1b4;
	text-decoration: none;
	
}

.topNavi a:hover{
	color: #ffffff;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #fff200; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	background: url(../images/bg_submenu.jpg) repeat-y #0baf4d;
	width: 210px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 0px;
	border-bottom: 1px solid #fff200; /*THEME CHANGE HERE*/
	padding: 2px 5px 3px 7px;
	text-decoration: none;
	font-weight: none;
	color: #ffffff;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #000000;
}

.dropmenudiv a.subList {
	padding-left: 20px;
	color: #f0f0f0;
	background: url(../images/bg_subsubmenu.gif) no-repeat;
}
.dropmenudiv a.subList:hover{ /*THEME CHANGE HERE*/
	background: url(../images/bg_subsubmenu02.gif) no-repeat;
	background-color: #F0F0F0;
}

/*-------------------------------------- Center */
#center {
	background-color: #0baf4d;
	padding: 9px 35px 15px 35px;
	margin-left: 28px;
	background-image: url(../images/bg_footer01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


/*-------------------------------------- Content */
#content {
}


/*-------------------------------------- right Menu */
#rightMenu {
}

#rightMenu table{
	border-top: 1px solid #fff200;
	border-left: 1px solid #fff200;
	border-right: 1px solid #fff200;
}
#rightMenu td{
	border-bottom: 1px solid #fff200;
}


/*-------------------------------------- footer */
#footer {
	height: 50px;
	padding: 9px 35px 0px 35px;
	margin-left: 28px;
	background-image: url(../images/bg_footer02.gif);
	background-repeat: no-repeat;
}
#footer a{
	color: #ffffff;
	text-decoration: underline;
}
#footer a:hover{
	color: #b0b1b4;
}


#footerLink {
	margin-top: 10px;
	color: #fff200;
	clear: both;
}
#footerLink a{
	color: #fff200;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
#footerLink a:hover{
	text-decoration: underline;
}


/*-------------------------------------- Main Page */
#mainPage {
	width: 710px;
}


/*-------------------------------------- Featured photos listing (Main Page) */
#featuredPhotoListing {
	text-align: center;
	color: #58585a;
	padding:0px;
}
#featuredPhotoListing .featuredPhotoItem {
	margin: 0px 0px 10px 0px;
	background-color: #ffffff;
	width: 124px;
	height:110px;
	padding: 3px 3px 3px 3px;
	text-align: center;
	list-style: none;
}

#featuredPhotoListing .featuredSchoolName{
	text-align: center;
	color: #58585a;
	font-weight:bold;
}

#featuredPhotoListing .featuredPhotoTitle{
	text-align: center;
	color: #58585a;
}




/*-------------------------------------- Featured photos listing (Main Page) */
#photoGallery {
	width: 630px;
}
#photoGallery a{
	color: #ffffff;
	text-decoration: none;
}
#photoGallery a:hover{
	color: #fff200;
}
#photoGallery .content {
	width: 570px;
}
#photoGallery .sorting {
	border-bottom: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
	height: 37px;
}
#photoGallery .sorting ul{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}
#photoGallery .sorting li{
	display: block;
	float: left;
	padding: 0 5px 0 20px;
	list-style: none;
}
#photoGallery .photoListing {
	padding: 15px 0 15px 0px;
	border-bottom: 1px solid #bdd7be;
}
.photoListing .photo {
	border: 3px solid #ffffff;
	margin-right: 20px;
	
}
.photoListing span{
	height: 21px;
	width: 21px;
	text-align: left;
	margin-top: -5px;
}
.photoListingImg{ 
	position: absolute;
	float:right;
	border-top: 1px solid #fff200;
	border-right: 1px solid #fff200;
	z-index: 1;
	height: 21px;
	margin-left: 3px;
	margin-top:85%;
	width: 21px;
	text-align: left;
	background:url(../images/icon_enlarge.png) bottom no-repeat;
}
.photoListing .label {
	color: #fff200;
	text-align: right;
	padding-right: 10px;
}
.photoListing td{
	padding-bottom: 7px;
}

#photoGallery .pageList {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: solid 1px #bdd7be;
	color: #bdd7be;
}

#photoGallery .pageList span{
	color: #fff200;
}

#photoGallery .pageList a{
	color: #bdd7be;
	text-decoration: none;
}

#photoGallery .pageList a:hover{
	color: #ffffff;
}

#photoGallery .footerLink 
{
	margin-top: 10px;
	color: #fff200;
	clear: both;
}
#photoGallery .footerLink a
{
	color: #fff200;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
#photoGallery .footerLink a:hover{
	text-decoration: underline;
}


/*-------------------------------------- User Login */
#userLogin {
	width: 630px;
}
#userLogin a{
	color: #ffffff;
	text-decoration: none;
}
#userLogin a:hover{
	color: #fff200;
}
#userLogin .content {
	width: 550px;
}
#userLogin h2{
	font-size: 12px;
	padding-bottom: 8px;
	margin: 0 0 0 0px;
}

.userLoginForm {
	padding: 10px 10px 10px 10px;
	border: 1px solid #cae6cb;
}
.userLoginForm .label {
	color: #fff200;
	padding-right: 10px;
}


/*-------------------------------------- Account Successful Created */
#thankyou1 {
	width: 630px;
}
#thankyou1 .linkSection {
	background: url(../images/bg_orange_gradient.gif) repeat-x;
	height: 27px;
	text-align: center;
	border: solid 1px #57826e;
}
#thankyou1 .linkSection a{
	color: #ffffff;
	text-decoration: none;
	
}
#thankyou1 .linkSection a:hover{
	color: #fff200;
}
#thankyou1 #content {
	width: 550px;
	float: right;
}

/*-------------------------------------- Contact Us */
#contactUs {
	width: 630px;
}
#contactUs h2{
	font-size: 12px;
	padding-bottom: 5px;
	margin: 0 0 0 0px;
	color: #fff200;
	font-weight: normal;
}
#contactUs a{
	color: #fff200;
}
#contactUs a:hover{
	color: #ffffff;
}
#contactUs #content {
	width: 550px;
	float: right;
	font-size: 14px;
}
#contactUs ul{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}
#contactUs li{
	margin: 0 0 0 0px;
	padding: 0 0 20px 0px;
	list-style: none;
}



/*-------------------------------------- What's New */
#whatsNew {
	width: 630px;
}
#whatsNew h2{
	font-size: 12px;
	padding-bottom: 8px;
	margin: 0 0 0 0px;
}
#whatsNew a{
	color: #fff200;
}
#whatsNew a:hover{
	color: #ffffff;
}
#whatsNew #content {
	width: 575px;
	margin-left: 80px;
	font-size: 14px;
}
#whatsNew .banner1 {
	margin-left: 70px;
}
#whatsNew .banner2 {
	padding: 8px 0 8px 0px;
}


/*-------------------------------------- Calendar */
#calendar {
	width: 630px;
}
#calendar h2{
	padding: 0 0 15px 0px;
	margin: 0 20px 0 0px;
	font-size: 16px;
	font-style: italic;
	text-align: right;
}
h2 .month{
	color: #fff200;
}
#calendar h3{
	font-size: 14px;
	padding: 0 0 15px 0px;
	margin: 0 0 0 0px;
	color: #fff200;
}
#calendar a{
	color: #fff200;
}
#calendar a:hover{
	color: #ffffff;
}
#calendar #content {
	width: 550px;
	margin-left: 80px;
	font-size: 14px;
}
#calendar .border{
	border-bottom: #8dc63f solid 1px;;
	padding-bottom: 15px;
	margin: 0 0 15px 0px;
}

#calendar .img{
	border-bottom: #8dc63f solid 1px;;
	padding-bottom: 15px;
	margin: 0 0 15px 0px;
}
	


/*-------------------------------------- Terms and Conditions */
#tnc {
	width: 630px;
	background-color: #0baf4d;
	padding: 20px 0 20px 0px;
	color: #ffffff;
	background-image: url(../images/bg_footer01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#tnc h2{
	font-size: 12px;
	padding-bottom: 8px;
	margin: 0 0 0 0px;
}
#tnc a{
	color: #fff200;
}
#tnc a:hover{
	color: #ffffff;
}
#tnc #content {
	width: 550px;
	margin-left: 110px;
}
#tnc td{
	padding-bottom: 15px;
}
#tnc ol{
	margin: 0 0 0 30px;
	padding: 0 0 0 0px;
}
#tnc li{
	margin: 0 0 0 0px;
	padding: 0 0 15px 10px;
}

/*-------------------------------------- Sitemap */
#sitemap1 {
	width: 630px;
}
#sitemap1 h2{
	font-size: 14px;
	padding-bottom: 8px;
	margin: 0 0 0 0px;
	color: #fff200;
	
}
#sitemap1 h2 a{
	color: #fff200;
	text-decoration: none;
}
#sitemap1 h2 a:hover{
	color: #ffffff;
}
#sitemap1 li a{
	color: #ffffff;
	text-decoration: none;
}
#sitemap1 li a:hover{
	color: #fff200;
}
#sitemap1 #content {
	width: 550px;
	margin-left: 80px;
}
#sitemap1 ul{
	margin: 0 0 20px 30px;
	padding: 0 0 0 0px;
}
#sitemap li{
	margin: 0 0 0 0px;
	padding: 0 0 15px 10px;
}

#sitemap1 ul ul{
	margin: 5px 0 0 25px;
	padding: 0 0 0 0px;
}

/*-------------------------------------- Prizes */
#prizes {
	width: 630px;
}
#prizes h2{
	padding: 0 0 15px 0px;
	margin: 0 20px 0 0px;
	font-size: 16px;
	font-style: italic;
	text-align: right;
}
#prizes h3{
	font-size: 14px;
	padding: 0 0 15px 0px;
	margin: 0 0 0 0px;
	color: #fff200;
}
#prizes a{
	color: #fff200;
}
#prizes a:hover{
	color: #ffffff;
}
#prizes #content {
	width: 550px;
	float: right;
	font-size: 14px;
}
#prizes .border{
	border-bottom: #8dc63f solid 1px;;
	padding-bottom: 15px;
	margin: 0 0 15px 0px;
}

/*-------------------------------------- Promotion */
#promotionPage {
	width: 630px;
}
#promotionPage a{
	color: #fff200;
}
#promotionPage a:hover{
	color: #ffffff;
}
#promotionPage #content {
	width: 550px;
	float: right;
	font-size: 14px;
}
#promotionPage ul{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}
#promotionPage li{
	margin: 8px 0 30px 0px;
	padding: 0 0 0 0px;
	list-style: none;
}



/*-------------------------------------- Step-by-Step Guide */
#stepGuide {
	width: 630px;
}
#stepGuide h2{
	padding: 0 0 0 0px;
	margin: 20px 0 0 0px;
	font-size: 14px;
	font-style: italic;
	color: #fff200;
}
#stepGuide h3{
	font-size: 14px;
	padding: 0 0 0 60px;
	margin: 0 0 0 0px;
	color: #fff200;
}
#stepGuide a{
	color: #fff200;
}
#stepGuide a:hover{
	color: #ffffff;
}
#stepGuide #content {
	width: 550px;
	float: right;
	font-size: 12px;
}
#stepGuide ul{
	padding-bottom: 15px;
	padding-left: 57px;
	margin: 5px 0 0 0px;
}
#stepGuide li{
	margin: 5px 0 0 0px;
}
#stepGuide .border{
	border-bottom: #ffffff solid 1px;
	padding-bottom: 20px;
	margin: 0 0 20px 0px;
}
	



/*-------------------------------------- Others */
.border01 {
	background-image: url(../images/border_yellow.gif);
	background-repeat: repeat-x;
	height: 13px;
	width: 100%;
}

.yellowTxt {
	color: #fff200;
}

.redTxt {
	color: #F00;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.notice, 
.success    { padding: 6px 8px; margin: 1em 0; border: 2px solid #ddd; font-size: 11px;line-height: 1.2em; float:left; text-align: left; }
.error   { padding: 6px 8px; margin: 1em 0; border: 2px solid #ddd; font-size: 11px; line-height: 1.2em; float:left; text-align: left; }

.error{ background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; clear:both; }

.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #ffffff; }
.error a:hover { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/* Thumbnail iamge
-------------------------------------------------------------- */
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}


/*********  textbox width ************/

.textField
{
	width: 250px;
}

.textFieldMember
{
	width: 180px;
}

.textarea
{
	width: 250px;
	height: 150px;
}

.fileupload
{
	width: 250px;
}