/* ################################################## START DESIGN  */


html,body{
	margin:0;
	padding:0;
	background-color: #FFFFFF;
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

p{
	margin:0;
	padding:0;
}

img{
	border:0;
}

a{
	color:#2c95d2;
}
a:hover{
	color:#000000;
}
a:active {
	color:#000000;
}




/* ################################################## END DESIGN  */



/* ################################################## START LAYOUT  */



#header{
	height:60px;
	width:100%;
	margin:0;
	background: #4f4f4f url(../images/bg_header.jpg) no-repeat;
	color: #FFFF00;
}
div#login{
	height:40px;
	float:right;
	margin:0;
	padding:10px 20px 0 0;
}

div#navigation{
	height:44px;
	width:100%;
	margin:0;
	background: url(../images/nav/nav_1px.gif) repeat-x;
	color: #FFFFFF;
}
div#navigation ul{
	height: 44px;
	float:left;
}
div#wrapper{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}
div#searchbox{
	margin:0 20px 0 0;
	height:92px;
	background:#5c59b6;
	padding:5px;
}

div#statusDiv{
	margin: 0 20px 0 0;
	height:48px;
	background:#5c59b6 url(../images/corner_bottom_left.gif) bottom left no-repeat;
	padding:0 20 0 0;
	color:White;
	position:relative;
	
}
div.FirstContent{
	background:#e6e6f4;
	margin:0 260px 0 20px;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:0px;
	background:#ffffff url(../images/bg_content_left.jpg) top left no-repeat;
}

.content_in{
	margin:0;
	padding:0;
	width:100%;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:0px;
	background:transparent url(../images/bg_content_right.jpg) top right no-repeat;
}

div#special{
	position:absolute;
	right: 0px;    
	width:180px;
	margin: 0 20px 0 0;
	background:transparent;
	text-align:center;
	top:280px;
	
}
.specialStaticPages{
	
	float:right;
	width:180px;
	margin: 20px 20px 0 0;
	background:transparent;
	text-align:center;
}
/*All static pages*/

.textWrapper
{
	max-width:400px;
	width:auto;
	margin-top:20px;
	margin-left: 20px;
	margin-right:auto;
	margin-bottom:20px;
	text-align:left;
	float:left;
}
div#footer{
	width:100%;
	font-size:10px;
	background:transparent url(../images/bg_footer.jpg) repeat-x;
}


/* ################################################## END LAYOUT  */

.adminMenu
{
	margin-left:20px;
}
.adminMenu table
{
	color: white; border-collapse: collapse;
}
.adminRow
{
	color: White; background-color: rgb(93, 123, 157); font-weight: bold;
}
.adminMenu a
{
	color:White;
	text-decoration:none;
}
.adminMenu a span
{
	color:Yellow;
	text-decoration:none;
}
.adminMenu a:hover
{
	color:White;
	text-decoration:underline;
}


/* ################################################## START HEADER  */

a.account{
	padding:0 40px 0 0;
	color: #FFFFFF;
	text-decoration:none;
	font-size:10px;
}
a.account:hover{
	padding:0 40px 0 0;
	color: #FFFF00;
}
a.account:active{
	padding:0 40px 0 0;
	color: #FFFF00;
}
a.account:hover{
	padding:0 40px 0 0;
	color: #FFFF00;
}

div#login{
	height:40px;
	float:right;
	margin:0;
	padding:10px 20px 0 0;
	color:red;
}

div#login input {
	width:200px;
	margin:3px;

}
#welcomebox
{
	position:absolute;
	top:7px;
	
}
#welcomebox a
{
	color:White;
	font-weight:bold;
}
#welcomebox a:hover
{
	color:Yellow;
}

.welcometext
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:White;
}
.welcometext a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:White;
}
.welcometext a:hover {
	color:Yellow;
}
.admintext
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:White;
}

/* ################################################## END HEADER  */



/* ################################################## START SEARCHBOX  */

/*div#searchbox div{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:transparent url(../images/fingerprint.jpg) bottom right no-repeat;
}*/
.searchbox_in
{
	margin :0;
	padding:0;
	width:100%;
	height:100%;
	background:transparent url(../images/fingerprint.jpg) bottom right no-repeat;
	position:relative;
	z-index:11;
}

#searchbar_in{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:transparent url(../images/corner_bottom_right.gif) bottom right no-repeat;
	
}
.GridTopIn{
	margin: 0 0 0 0;
	padding:0;
	width:100%;
	height:100%;
	background:transparent url(../images/table/corner_top_right.gif) top right no-repeat;
	
}
.GridTopIn a
{
	color:Black;
	
}
.GridTopIn a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:Black;	

}
.GridTop{
	margin: 10px 25px 0 0;
	height:48px;
	width:100%;
	background:#5c59b6 url(../images/table/corner_top_left.gif) top left no-repeat;
	padding:0 20 0 0;
	color:Black;
}




/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#FFFFFF;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label1 {
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#5c59b6;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(../images/search/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../images/search/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(../images/search/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../images/search/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(../images/search/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(../images/search/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/search/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../images/search/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/search/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/search/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/search/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../images/search/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../images/search/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:200px;
	height:29px;
	background:url(../images/search/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:29px;
	float:left;
	background:url(../images/search/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:25px;
	height:29px;
	float:right;
	background:url(../images/search/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:29px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:10px;
	margin-left:3px;
	width:172px;
	background:#FFFFFF;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#000000;
	text-decoration:none;
	display:block;
	padding:1px 4px;
}
.optionsDivVisible a:hover {
	color:#2c95d2;
	background:transparent url(selectlist_bg.gif) repeat-x;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(../images/search/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}




/* ################################################## END SEARCHBOX  */


/* ################################################## START CONTENT  */


.intro_text{
	padding:0 5px 5px 20px;
	width:296px;
	float:left;
}

h2{
	padding: 20px 5px 0 20px;
}


div.box{
	width:296px;
	height:200px;
	margin:5px 5px 5px 12px;
	padding:0 0 0 8px;
	float:left;
	background:transparent url(../images/bg_box.gif) no-repeat;
}

div.box img{
	width:126px;
	height:185px;
	float:left;
	background:pink;
	position:absolute;
}


p.box_in{
	margin: 20px 25px 55px 126px;
	float:right;
}

a.boxTitle{
	font-size:large;
	font-weight:bold;
}


.clear{
	clear:both;
	float:none
}



/* ################################################## END CONTENT  */



/* ################################################## START FOOTER  */


div#footer p{
	padding: 5px 5px 5px 20px;
	
	font-size:10px;
}


/* ################################################## END FOOTER  */




/* ################################################## START NAVIGATION  */

#topnav {
    width: 660px;
	height: 44px;
    margin: 0;
	padding: 0;
	background: transparent url(../images/nav/nav.gif) 0 -88px no-repeat;
    position: relative;
}
#topnav li {
    margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
#topnav li, #topnav a {
    height: 44px;
	display: block;
}

#advert {background: transparent url(../images/nav/nav_ad.jpg) no-repeat; float:right; width: 162px; height:44px;position:absolute;right:0;}
#adverta {background: transparent url(../images/nav/nav_ad.jpg) 0 -44px no-repeat;float:right; width: 162px; height:44px;position:absolute;right:0;}
a#advert:hover {background: transparent url(../images/nav/nav_ad.jpg) 0 -44px no-repeat;position:absolute;right:0;}

#search {left: 0; width: 169px; height:44px;}
#searcha {left: 0; width: 169px; height:44px;}

#about {left: 477px; width: 183px; height:44px;}	
#abouta {left: 477px; width: 183px; height:44px;}

#registration {left: 317px; width: 160px; height:44px;}
#registrationa {left: 317px; width: 160px; height:44px;}
#registration_create {left: 317px; width: 160px; height:44px;}
#registration_registered_admin {left: 317px; width: 160px; height:44px;}
#registration_registered_user {left: 317px; width: 160px; height:44px;}
#registration_admin {left: 317px; width: 160px; height:44px;}
#registration_admina {left: 317px; width: 160px; height:44px;}
#registration_user {left: 317px; width: 160px; height:44px;}

	#registrationa  {
    	background: transparent url(../images/nav/nav.gif) -317px 0 no-repeat;
	}
	#registration a:hover {
    	background: transparent url(../images/nav/nav.gif) -317px -44px no-repeat;
	}
	#registration a:active  {
    	background: transparent url(../images/nav/nav.gif) -317px -44px no-repeat;
	}
	#registration_admin {
    	background: transparent url(../images/nav/nav.gif) -317px -220px no-repeat;
	}
	#registration_admina {
    	background: transparent url(../images/nav/nav.gif) -317px -132px no-repeat;
	}
	#registration_admin a:hover  {
    	background: transparent url(../images/nav/nav.gif) -317px -176px no-repeat;
	}
	#registration_admin a:active  {
    	background: transparent url(../images/nav/nav.gif) -317px -176px no-repeat;
	}	
	#registration_user {
    	background: transparent url(../images/nav/nav.gif) -317px -264px no-repeat;
	}
	#registration_user a:hover  {
    	background: transparent url(../images/nav/nav.gif) -317px -264px no-repeat;
	}
	#registration_user a:active  {
    	background: transparent url(../images/nav/nav.gif) -317px -264px no-repeat;
	}	

#my {left: 169px; width: 148px; height:44px;}
#mya {left: 169px; width: 148px; height:44px;}
#my_not_registered {left: 169px; width: 148px; height:44px;}

	#mya {
    	background: transparent url(../images/nav/nav.gif) -169px 0 no-repeat;
	}
	#my a:hover {
    	background: transparent url(../images/nav/nav.gif) -169px -44px no-repeat;
	}
	#my a:active  {
    	background: transparent url(../images/nav/nav.gif) -169px -44px no-repeat;
	}
	#my_not_registered {
    	background: transparent url(../images/nav/nav.gif) -169px -264px no-repeat;
	}
	#my_not_registered a:hover {
    	background: transparent url(../images/nav/nav.gif) -169px -264px no-repeat;
	}
	#my_not_registered a:active  {
    	background: transparent url(../images/nav/nav.gif) -169px -264px no-repeat;
	}
	#search a:hover {
		background: transparent url(../images/nav/nav.gif) 0 -44px no-repeat;
	}
	#about a:hover {
		background: transparent url(../images/nav/nav.gif) -477px -44px no-repeat;
	}
	#search a:active  {
		background: transparent url(../images/nav/nav.gif) 0 -44px no-repeat;
	}
	#searcha {
		background: transparent url(../images/nav/nav.gif) 0 0 no-repeat;
	}
	#about a:active  {
		background: transparent url(../images/nav/nav.gif) -477px -44px no-repeat;
	}
	#abouta  {
		background: transparent url(../images/nav/nav.gif) -477px 0 no-repeat;
	}
	
/* ################################################## END NAVIGATION  */