/*-----------------------------------------------------------\
|    Software developed by Daniel Retief & Bardoe Besselaar    |
 \-----------------------------------------------------------*/
 
  /*--------------------------------------/
|	GENERAL 				/
 \------------------------------------*/

* {font-family: Arial, Helvetica, sans-serif;}

body{
font-size: 		      10px;
color: 		        	#333333;
background-color: 	#7AA5AB;
background-image:	   url(images/bggrad.jpg);
background-repeat:	repeat-x;
}

a {       color: #297288;  text-decoration: none; }
a:hover { color: #205C6F;  text-decoration: underline; }

h1 {
font-size: 		      36px;
color: 			      #345960;
margin: 		         10px 0px 30px 0px;
}
h2 {
font-size: 		      17px;
font-weight: 		   bold;
color: 			      #345960;
margin: 		         10px 0px 20px 0px;
padding-left: 		   10px;
padding-top:		   10px;
}

h3 {
margin: 		         5px 0px 5px 0px;
padding-top:		   10px
text-transform: 	   uppercase;
color: 			      #345960;
font-size: 		      15px;
font-weight: 		   bold;
}
p {
text-align:          left;
font-size:		      12px;
}

#login, #logout{
margin:	            0 auto;
width:	            800px;
height:	            15px;
text-align:	         right;
font-size:           8px;
}

#login a , #logout a{
color:               #7AA5AB;
text-decoration:     none;
padding:             2px;
font-size:           8px;
text-transform:      uppercase;
}
#login a:hover , #logout a:hover{color: #FFFFFF;}

hr {
border-top-color:    #7AA5AB;
border-right-color:  #B5C5C8;
border-bottom-color: #B5C5C8;
border-left-color:   #B5C5C8;
color:               #7AA5AB;
}

 /*--------------------------------------/
|	                    HEADER			    /
 \------------------------------------*/
#title{
background-color: 	#FFFFFF;
background-image:	   url(images/logo_banner.jpg);
background-repeat: 	no-repeat;
background-position:	center right;
}
#pheading {
font-size: 		      36px;
color: 			      #345960;
padding: 		      10px;
height: 		         60px;
text-align: 		   left;
vertical-align: 	   top;
margin: 		         0px;
}
#submenu{
color:               #CCCCCC;
margin-left:         10px;
margin-top:          -7px;
margin-bottom:       1px;
width:	            800px;
height:	            12px;
text-align:	         left;
font-size:           9px;
display:             block;
}
#submenu a {
font-weight:		   bold;
text-decoration:     none;
color:               #333333;
padding:             2px 5px 2px 5px;
}
#submenu a:hover {
color:               #52787b;
text-decoration:     underline;
}
 /*--------------------------------------/
|	               FILM STRIP			    /
 \------------------------------------*/

#film_strip{
height:			   170px;
background-color:	#FFFFFF;
color:		      #000000;
border:      	   none;
padding:     	   0px;
margin:		 		0px;
border-spacing:	2px;
}
#film_strip table{
height:  			168px
border-collapse:	separate;
border-spacing: 	2px 2px;
border:      	   none;
padding:     	   0px;
margin:		 		0px;
border-spacing:	2px;
}
#film_strip a{
text-transform:	uppercase;
text-align:			center;
color:				#FFFFFF;
font-size:			13px;
border:     	   solid 1px #345960;
text-decoration:	none;
font-weight:		bold;
padding:				0px;
margin:				0px;
background-color:	#345960;
display:				block;
}
#film_strip a:hover{
color:				#1C2F33;
background-color:	#FFFFFF;
}
#film_strip .active {
color:				#1C2F33;
background-color: #FFFFFF;
border-bottom:    solid 1px #FFFFFF;
}
#film_strip .active .film {
background-image: none;
}
#film_strip .film {
border-top:       solid 1px #345960;
padding-top:      4px;
padding-bottom:   5px;
background-image: url(images/shading2.png);
}
#film_strip img{
height:	   		138px;
width:	   		262px;
padding:	      	0px;
border:     	   none;
}
 /*--------------------------------------/
|	INTRODUCTIONS				/
 \------------------------------------*/
#info_strip { 
margin: 0px 35px 10px 35px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;  
}
.info_strip blockquote {
font-size:         11px
margin-left:       60px;
margin-right:      60px;
margin-bottom:     15px;
margin-top:        15px;
color:				 #345960;
background-color:  #E7F3F5;
border:            solid 1px #345960;
padding:           10px;
}
.info_strip blockquote ul { margin-left: 50px; margin-right: 50px;}
.info_strip { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.info_strip h1{font-size:34px; color:#345960;}
.info_strip h2{font-size:24px; color:#345960;}
.info_strip h3{font-size:20px; color:#345960;}
.info_strip h4{
font-size:         18px;
color:             #7AA5AB;
background-image:  url(images/star.png);
background-repeat: no-repeat;
background-position:center left; }

.info_strip h5{font-size:16px; color:#7AA5AB; padding:0px; margin-top:15px;}
.info_strip h6{font-size:14px; color:#AAC5C9; padding:3px; margin-top:10px; display:block; background-color:#345960;}
.info_strip th {
font-size:         12px;
background-color:  #7AA5AB;
vertical-align:    text-top;
color:             #FFFFFF;
padding-top:       5px;
margin:            0px;
padding-bottom:    5px;
padding-right:     0px;
padding-left:      5px;
}
.info_strip img{
border:            2px solid #7AA5AB;
margin:            15px 0px;
}
.info_strip p{
margin-top:        8px;
margin-bottom:     8px;
}
.info_strip strong{
color:             #345960;
padding:           0px;
background-color:  transparent;
}
.info_strip ol, #info_strip ul{
font-size: 		    11px;
color:             #345960;
font-weight: 		 bold;
}

.info_strip li{
color:             #565759;
font-weight: 		 normal;
margin:            5px 0px;
}
.info_strip li a{ color: #297288;  text-decoration: none;}
.info_strip li a:hover{
background-image:	   url(images/gradient-list.jpg);
background-repeat:	repeat-x; }
.info_strip td a {
border:              none;
padding:             5px 0px;
}
.info_strip table{
vertical-align:      text-top;
font-size:           11px;
width:               730px;
border-spacing:      0px;
border-collapse:     collapse;
padding:             0px;
margin-top:          5px;
margin-bottom:       5px;
border:              none;
}
.info_strip td table{
vertical-align:      text-top;
border-spacing:      0px;
border-collapse:     collapse;
padding:             0px;
margin:              0px;
border:              none;
}
.info_strip td{
padding:             3px;
border-right:        none;
border-bottom:       1px solid #ECF0F1;
vertical-align:      text-top;
}
.info_strip tr{
border-bottom:       1px solid #ECF0F1;
}

.info_strip table strong {
color:                #345960;
font-weight: 		    bold;
}
.info_strip table a{
padding:              2px;
border:               1px solid transparent;
display:              block;
}
.info_strip table a:hover{
border:               1px solid #7AA5AB;
text-decoration:	    none;
}

 /*--------------------------------------/
|              Userbody content         /
 \------------------------------------*/

#usercontent { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#usercontent h1{font-size:32px; color:#345960;}
#usercontent h2{font-size:22px; color:#345960;}
#usercontent h3{font-size:18px; color:#345960;}

#usercontent h4{
font-size:         16px;
color:             #7AA5AB;
padding-left:      20px;
background-image:  url(images/star.png);
background-repeat: no-repeat;
background-position:center left; }

#usercontent h5{font-size:14px; color:#7AA5AB; padding:0px; margin:15px 0px 3px 0px;}
#usercontent h6{font-size:12px; color:#AAC5C9; padding:3px; margin:10px 0px 0px 0px; display:block; background-color:#345960;}
#usercontent th {
font-size:         12px;
background-color:  #7AA5AB;
color:             #FFFFFF;
padding-top:       3px;
margin:            0px;
padding-bottom:    3px;
padding-right:     0px;
padding-left:      5px;
}
#usercontent img{
border:      1px solid #7AA5AB;
}
#usercontent p{
margin-top:        5px;
margin-bottom:     5px;
}
#usercontent strong{
color:             #345960;
padding:           0px;
background-color:  transparent;
}
#usercontent ol, #usercontent ul{
font-size: 		    11px;
color:             #345960;
font-weight: 		 bold;
}

#usercontent li{
color:             #565759;
font-weight: 		 normal;
margin:            3px 0px;
}
#usercontent li a{ color: #297288;  text-decoration: none;}
#usercontent li a:hover{  
background-image:	   url(images/gradient-list.jpg);
background-repeat:	repeat-x; }
#usercontent td a {
border:              none;
padding:             3px 0px;
}
#usercontent table{
vertical-align:      text-top;
font-size:           11px;

border-spacing:      0px;
border-collapse:     collapse;
padding:             0px;
margin-top:          5px;
margin-bottom:       5px;
border:              none;
}
#usercontent td table{
border-spacing:      0px;
border-collapse:     collapse;
padding:             0px;
margin:              0px;
border:              none;
}
#usercontent td{
vertical-align:      text-top;
padding:             3px;
border-right:        none;
border-bottom:       1px solid #ECF0F1;
}
#usercontent tr{ 
border-bottom:       1px solid #ECF0F1;
}

#usercontent table strong {
color:                #345960;
font-weight: 		    bold;
}
#usercontent table a{
padding:              2px;
border:               1px solid transparent;
display:              block;
}
#usercontent table a:hover{
border:               1px solid #7AA5AB;
text-decoration:	    none;
}
#usercontent select {
width: auto;
padding:5px;
}


 /*--------------------------------------/
|	                 Layout			       /
 \------------------------------------*/

#root{
width:			    800px;
margin:			    0px auto;
background-color:  #FFFFFF;
padding: 		    0px;
border:			    solid 1px black;
}
.calendarBox {
font-family:       Arial;
font-size:         12px;
position:          relative;
top:               30px;
margin:            0px auto;
padding:           5px;
width:             254px;
border:            1px solid #000;
}
.calendarFloat {
font-family:       Arial;
font-size:         12px;
float:             left;
width:             31px;
height:            25px;
margin:            1px 0px 0px 1px;
padding:           1px;
border:            1px solid #000
}
.useredit select {
font-size:		  11px;
font-weight:     bold;
border:          solid 1px #7AA5AB;
background-color:#FFFFFF;
color:           #7AA5AB;
border:          1px solid #345960;
width:           200px;
padding:         5px 2px;
}
.useredit option {
font-size:		  10px;
font-weight:     bold;
border bottom:   solid 1px #7AA5AB;
background-color:#FFFFFF;
color:           #7AA5AB;
border:          1px solid #345960;
padding:         5px 2px;
}

.pagenav ul {margin-left: 5px;
margin-bottom:     5px; 
	list-style-type: none; list-style-image: none; }
.pagenav li {display: inline; }
.pagenav ul li a {text-decoration:none;  margin: 0px;
	padding: 5px 15px 5px 15px; color: black;
	background: rgb(122, 165, 171);}
.pagenav ul li a:hover {color: black;
	background: #ECF0F1; }
.pagenav li.current_page_ancestor a { 
	background:#ECF0F1; color:#500; !important;
}