/* CSS Document */
body{
	color:#fff6d7;
	font:normal 12px trebuchet MS;
	font-size:80%;  /*-- Enables font size scaling in MSIE  --*/
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/bg.jpg) repeat scroll left top #0f2841;
}

html > body{
	font-size:9.5pt;
}
html, body {
	height: 100%;
}

form,table,p,h1,h2,h3,h4,h5,h6,ul,li,div,dl{
	margin:0;
	padding:0;
	font-size:100%;
}
li{
	padding:0;
	margin:0;
	list-style:none;
}
a{
	text-decoration:none;
	outline:none;
	color:#303030;
}
img{
	border:0;
	vertical-align:top;
}
.clsFloatLeft{
	float:left;
}
.clsFloatRight{
	float:right;
}
/* CSS Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear{clear:both; margin:0; padding:0;}
							/*END OF COMMON CODE*/
#container{
	width:1002px;
	margin:0 auto;
	text-align:left;
	background:#f7f2d4;
}
/*header*/
#header{		

}
/*logo*/
#selLogo{
	height:84px;
	width:710px;
	float:left;	
	padding:5px;
	margin-left:5px;
}
#selLogo h1{
	background:url(../images/Weblogo.png) no-repeat left top;
}
#selLogo a{
	display:block;
	overflow:hidden;
	height:82px;
	text-indent:-1000em;
	width:700px;
}
/*end of logo*/
/*search box*/
#selSearch{
	float:right;	
	width:252px;
}
.clsSearchText{
	color:#000000;
	float:left;
	margin:51px 0 0 0;
}
.clsSearch{
	background:url(../images/search.jpg) no-repeat left center;
	height:22px;
	margin:50px 0 0 0;
	padding:0 2px;
	float:right;
}	
#selSearch input.searchbut{
	cursor:pointer;
	width:30px;
	height:17px;
	background:none;
	border:medium none;
	
}
#selSearch input.textarea{
	background:none scroll 0 0;
	border:medium none;
	color:#000000;
	width:168px;
}
/*end search box*/
/*banner*/
.clsBanner{
	float:left;
	padding:0 0 5px;
}
#selSubHead{
	margin:10px 8px;
	height:271px;
}
/*subbanner right side*/
.white_t {
	background:url(../images/yellow_tb.jpg) 0px top repeat-x #dfdabc;
	}
.white_b{
	background:url(../images/yellow_bb.jpg) 0px bottom repeat-x;
}
.white_r{
	background:url(../images/yellow_rb.jpg) right 0px repeat-y;
	}
.white_l{
	background:url(../images/yellow_lb.jpg) 0px 0px repeat-y;
	}
.white_tl {
	background:url(../images/yellow_tlc.jpg) left top no-repeat;
	}
.white_tr{
	background:url(../images/yellow_trc.jpg) right 0px no-repeat;
	}
.white_bl{
	background:url(../images/yellow_blc.jpg) left bottom no-repeat;
	}
.white_br{
	background:url(../images/yellow_brc.jpg) right bottom no-repeat; 
	padding:10px 20px;
	}
* html .cls100_p{
	width:100%;
	}
 .cls100_p{
 	height:1%;
	color:#000;
 }
 .cls100_p div.news{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:5px 0; padding:5px 0; width:220px;}
.clsAchievement{
	float:right;
	font-family:myriad pro;
	width:260px;
}
.clsAchievement h2{	
	border-bottom:1px solid #C8C4A9;
	font-size:15px;
	font-weight:normal;
	padding:0 30px 5px 15px;
}
.clsAchievement h2 span{
	color:#7d0e26;
}
.clsAchievement p{
	padding:13px 5px;
	border-bottom:1px #c8c4a9 solid;
}
.clsAchievement p a{
	margin:0 8px;
	font-size:16px;
}
.clstopimage{
	margin-left:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; text-align:center; color:#7d0e26;
}
.clsArrow{
	background:url(../images/arrow.gif) no-repeat left center;
	border-bottom:none;
}
/*menu*/
.clsMenuLeft{
	background:url(../images/menu_left.gif) no-repeat left top;
	padding-left:10px;
}
.clsMenuRight{
	background:url(../images/menu_right.gif) no-repeat right top;
	padding-right:10px;
}
.clsMenuCenter{
	background:url(../images/menu_center.gif) repeat-x scroll 0 0;
	height:44px;
}
.clsMenu{
	padding:0 5px;
	clear:both;
}
.clsMenu li{
	background:url(../images/li_right.gif) no-repeat right center;
	float:left;
	display:block;
	width:88px;
	text-align:center;
}
.clsMenu li a{
	color:#e6e5e5;
	font:12px Tahoma;
	display:block;
	line-height:43px;
}
.clsMenu li a:hover{
	background:url(../images/menu_hover.gif) no-repeat scroll 0 0;
}
.clsMenu li a.Active{
	background:url(../images/menu_hover.gif) no-repeat scroll 0 0;
}
.clsMenu li.noborderright{
	background:none;
}
/*sidebox*/
.red_t {
	background:url(../images/red_tb.jpg) 0px top repeat-x #dfdabc; margin-bottom:10px;
	}
.red_b{
	background:url(../images/red_bb.jpg) 0px bottom repeat-x;
}
.red_r{
	background:url(../images/red_rb.jpg) right 0px repeat-y;
	}
.red_l{
	background:url(../images/red_lb.jpg) 0px 0px repeat-y;
	}
.red_tl {
	background:url(../images/red_tlc.jpg) left top no-repeat;
	}
.red_tr{
	background:url(../images/red_trc.jpg) right 0px no-repeat;
	}
.red_bl{
	background:url(../images/red_blc.jpg) left bottom no-repeat;
	}
.red_br{
	background:url(../images/red_brc.jpg) right bottom no-repeat;
	}
.clsSidebox{
	float:left;
	width:240px;
	margin-left:8px;
}
*html .clsSidebox{
	margin-left:5px;
}
.clsLogin,.clsNavigation, .clsMessage{
	padding:17px;
	font-size:13px;
	font-family:Calibri;
}
.clsMessage p{text-align:justify;}
.clsMessage .DirectorImage, .clsBusinessContent .PrincipalImage
{float:left;
 margin:0 5px 5px 0;  
 padding: 1px; /*add some padding to the inside of the button*/ /*the colour of the button*/
    border: 2px solid #666666; /*required or the default border for the browser will appear*/ /*give the button curved corners, alter the size as required*/
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px; /*give the button a drop shadow*/
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
    box-shadow: 0 0 1px rgba(0,0,0, .75); /*style the text*/}
.clsLogin input.usertext
{
    width: 145px;
    background: url(../images/usertext.gif) no-repeat left center;
    border: medium none;
    padding: 3px 0 3px 0;
}
.clsSidebox h2{
	color:#dadada;
	font:13px Tahoma;
	padding:4px 0 0 10px;
	text-transform:capitalize;
}

.loginbutton{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../images/login_but.gif') no-repeat left center;
    padding: 5px 0;
    color:#f7f2d4;
	font-size:11px;
	margin:0 10px 0 0;
	cursor:pointer;
}
  /* height: 23px;
    overflow: hidden;
    background:url(arrow_xs.png) no-repeat 225px #FFF;
    border: 1px solid #ccc;
}*/
.styled-select select {
    background: transparent;
    width: 140px;
    padding-right: 4px;
    padding-bottom:7px;
    padding-left: 4px;
    padding-top: 0px;
    font-size: 12px;
    line-height: 1;
    border: none;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
}

.clsNavigation ul{
/*	padding:0 0 10px 0;*/
}
.clsNavigation li{
	background:url(../images/nav_li.gif) no-repeat left center;
	padding-left:20px;
	margin-bottom:3px;
}
.clsNavigation li a{
	/*font-weight:bold;*/
	font-size:12px;
}

.clsNavigation li a:hover{text-decoration:underline; color:#7d0326;}

#main{
	padding-bottom:12px;
	display:inline-block;
	width:1002px;
}
/*content*/
.clsContent{
	float:right;
	width:730px;
	color:#000000;
	font-size:11px;
	line-height:20px;
	margin-right:8px;
}
*html .clsContent{
	margin-right:4px;
}
#main h3{
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	text-transform:uppercase;
	color:#333;
}
.clsContent1 h2{
	color:#75001b;
	font:bold 15px Tahoma;
	padding-bottom:10px;
}
.clsContent1 p img{
	float:left;
	margin-right:10px;
}
.clsContent1 p{
	font:11px\35px Tahoma; text-align:justify;
}
.readmore{
	clear:both;
	margin:0 20px 0 0;
	text-align:right;	
}
.clsContent2 .readmore{
	position:relative;
	top:-15px;
}
.readmore a{
	background:url(../images/readmore_li.gif) no-repeat left center;
	padding-left:10px;
	font:11px arial;
	margin-right:30px;
}
.readmore a:hover{
	text-decoration:underline;
}
.clsContent2 p{
	font:11px Tahoma;
	line-height:18px;
}
.clsContent2img,.clsContent3img{
	float:left;
}
.clsContent2l{
	float:left;
	width:280px;
	border-right:1px dotted #666;
	padding-right:8px;
}
.clsContent2l p img,.clsContent2r p img{
	float:left;
	margin-right:10px;
}
.clsContent2r{
	float:right;
	width:390px;
}
.clsContent1,.clsContent2,.clsContent3{
	margin-bottom:5px;
}
.clsContent3 li{
	margin-bottom:2px;
}
.clsContent2 h3{
	padding-bottom:5px;
}
.clsContent3{
	padding:5px 0 0 10px;
}
.clsContent3 h3{
	font:bold 13px Tahoma;
	padding-bottom:5px;
}
.clsContent3 p img{
	float:left;
	padding:5px 18px 5px 0;
}
.clsBusinessContent{
	float:left;
}
.clsBusinessContent p{text-align:justify;}
.clsBusinessContent ul{
	width:230px;
}
.clsContent3 a{
	background:url(../images/nav_li.gif) no-repeat left center;
	padding-left:13px;
}
.clsContent3 a.link{background:transparent; color:#FFF; padding:0;}
.clsContent3l{
	float:left;
	width:380px;
	border-right:1px #aca994 dotted;
	padding-right:6px;
	margin-right:15px;
}
.clsContent3r{
	/*float:right;*/
	float:left;
}

.clsContent3r h2{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:20px; color:#F90; font-weight:bold;}
.clsContent3r div{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#900; font-weight:bold; margin:10px 0;}
.clsContent3r .loginbutton{
	background:url(../images/login_but.gif) no-repeat left center;
	padding:5px 0;
	border:medium none;
	color:#f7f2d4;
	width:67px;
	font-size:11px;
	margin:0 10px 0 0;
	cursor:pointer;
	text-align:center;
}
.clsContent3r ul{
	padding-left:10px;
	width:300px;
}
.clsContent3 li a{
	font:11px Tahoma;
	line-height:18px;
}
/*end of content*/
/*footer*/
#footer{
	background:#c1bc9c;	
}
.clsSubFooter{
	margin:0 auto;
	width:680px;
	text-align:center;
}
.clsSubFooter li{
	float:left;
	color:#000000;
	padding-right:5px;
}
.clsSubFooter ul{
	padding:5px 0;
}
.clsSubFooter p{
	color:#000000;
	font:12px "trebuchet MS";
	padding:2px 0;
}
.clsSubFooter a:hover{
	text-decoration:underline;
}
/*end of footer*/


/* 
	Intro
*/

#intro { background:url(images/intro.gif) left top repeat-x; height:418px; padding-top:22px; }

.slider-holder { width:980px; height:271px; position:relative; overflow:hidden; }

.slider-holder ul,
.jcarousel-clip { list-style:none; width:980px; height:271px; position:relative; overflow:hidden; }
.slider-holder ul li { float:left; position:relative; width:980px; height:271px; list-style:none; }
.slider-holder .offer-image { position:absolute; top:0; left:0; }
.slider-holder .offer-image img {  }
.slider-holder .offer-data { position:absolute; top:1px; right:1px; height:317px; width:230px; background:url(images/semi-transparent.png); padding:34px 20px 0 25px; }
.slider-holder .offer-data .entry { height:212px;}
.slider-holder .offer-data p { color:#dfd5d5; line-height:18px; padding-bottom:18px; text-align:justify; }
.slider-holder .offer-data p a { color:#dfd5d5; }

.slider-holder .offer-data .buttons { padding-right:4px; }

.slider-holder .offer-data .buttons .button,
.slider-holder .offer-data .buttons .button span { height:29px; line-height:29px; float:left; }
.slider-holder .offer-data .buttons .button { float:right; background:url(../images/bullets.png) left top repeat-x; border:1px solid #434340; padding:0 8px; }
.slider-holder .offer-data .buttons .button span { background:url(../images/bullets.png) left top no-repeat; padding-left:7px; }

.slider-navigation { height:0px; background:url(../images/bullets1.png) left top no-repeat; margin-top:0px; visibility:hidden; }
.slider-navigation ul { list-style:none; margin-left:420px; }
.slider-navigation ul li { float:left; }
.slider-navigation ul li a { background:url(../images/bullets.png); width:14px; height:0px; display:block; font-size:0; line-height:0; text-indent:-4000px; text-decoration:none; }
.slider-navigation ul li a.active,
.slider-navigation ul li a:hover { background:url(../images/bullets.png); }

li.disc{list-style:none; margin:0; padding:0 0 0 20px; background:url(../images/nav_li.gif) 0 7px no-repeat;}

a.link1{color:#7d0e26; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;}
a.link1:hover{text-decoration:underline;}

.name{margin:5px 0 40px 0; width:450px; text-align:right; font-size:14px; color:#7d0e26; font-weight:bold; float:right;}
.box1{width:200px; float:left; text-align:left; font-weight:bold; margin:5px;}
.box2{width:200px; float:left; text-align:left; font-weight:bold; margin:5px;}
.box3{width:240px; float:left; text-align:left; font-weight:bold; margin:5px;}
.box4{width:95px; float:left; text-align:center; font-weight:bold; margin:5px 3px 5px 3px;}
.box5{width:129px; float:left; text-align:left; font-weight:bold; margin:5px 3px 5px 3px;}
.box1_header{width:200px; margin:5px; text-align:left; font-size:16px; color:#7d0e26; font-weight:bold; float:left;}
.box2_header{width:200px; margin:5px; text-align:left; font-size:16px; color:#7d0e26; font-weight:bold; float:left;}
.box3_header{width:240px; margin:5px; text-align:left; font-size:16px; color:#7d0e26; font-weight:bold; float:left;}
.box4_header{width:95px; margin:5px 3px 5px 3px; text-align:center; font-size:16px; color:#7d0e26; font-weight:bold; float:left;}
.box5_header{width:129px; margin:5px 3px 5px 3px; text-align:left; font-size:16px; color:#7d0e26; font-weight:bold; float:left;}
.red{color:#F00;}

#ContactForm .left{width:99px; line-height:26px; float:left; margin:5px 5px; text-align:right;}
#ContactForm .right{width:340px; line-height:26px; float:left; margin:5px 0; text-align:left;}
.input {width:330px;height:18px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
textarea {overflow:auto;max-width:330px; min-width:330px; border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font-style:italic;margin:0;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#ContactForm a{margin-left:10px;float:right;width:62px;font-style:normal;font-weight:bold;color:#fff;height:32px;line-height:32px;text-decoration:none;background:#7d0e26;text-align:center}
#ContactForm a:hover{background:#080808}

/*Dropdownlist*/

.wrapper-dropdown-5
{
    /* Size & position */
    position: relative;
    width: 145px;
    margin: 0 auto;
    padding: 1px 1px; /* Styles */
    background: #F7F2D4;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/*End of Dropdownlist*/

.headertext
{
	
	color:White;
	
	list-style: none;  
	background: #6F001A;
	background: -moz-linear-gradient(#A70328, #6F001A); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6F001A),color-stop(1, #A70328));	
	background: -webkit-linear-gradient(#A70328, #6F001A);	
	background: -o-linear-gradient(#A70328, #6F001A);
	background: -ms-linear-gradient(#A70328, #6F001A);
	background: linear-gradient(#A70328, #6F001A);
	-moz-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;
}
.contents{color:#7d0e26; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-style:normal; font-weight:normal;}
.mastercontents
{
    font-weight:normal;
}

.sylabustd
{
    width: 200px;
    float: left;
    text-align: left;
    font-weight: bold;
    margin: 2px 3px 2px 3px;
    padding-left: 25px;
}

.headertextstyle
{
    margin: 1px 0px 1px 0px;
    text-align: center;
    font-size: medium;
    color: #F2F2F2;
    font-weight: normal;
    float: left;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
}

.normalbtn
{
    /*forces the cursor to change to a hand when the button is hovered*/
    padding: 4px 25px 4px 25px; /*add some padding to the inside of the button*/
    background: #800000; /*the colour of the button*/
    border: 1px solid #800000; /*required or the default border for the browser will appear*/ /*give the button curved corners, alter the size as required*/
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px; /*give the button a drop shadow*/
    -webkit-box-shadow: 0 0 2px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 2px rgba(0,0,0, .75);
    box-shadow: 0 0 2px rgba(0,0,0, .75); /*style the text*/
    color: #D8D8D8;
    font-size: 1.1em;
}
.normalbtn:hover
{
    background-color: #990000; /*make the background a little darker*/ /*reduce the drop shadow size to give a pushed button effect*/
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
    box-shadow: 0 0 1px rgba(0,0,0, .75);
    text-shadow: 0 0 1px #fff;
    color: #FFFFFF;
}
.normalbtn:active
{
	position: relative;
	top: 1px;
}
.bordercontainer
{
    /*forces the cursor to change to a hand when the button is hovered*/ /*add some padding to the inside of the button*/ /*the colour of the button*/ /*required or the default border for the browser will appear*/ /*give the button curved corners, alter the size as required*/
    border-width: 1px;
    border-color: #800000;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px; /*give the button a drop shadow*/
    -webkit-box-shadow: 0 0 2px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 2px rgba(0,0,0, .75);
    box-shadow: 0 0 2px rgba(0,0,0, .75); /*style the text*/
    color: #333333;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    padding-left: 0px;
}
.textboxstyle
{
    
    width: 150px;
}


/*
.grid-container
{
	background: url(../images/textured-light-bg.gif) repeat #f2f2f2;
	width: 100%;
}
.grid
{
	width: 100%;
	position: relative;
	display: block;
	margin: 0 auto;
}
.grid h2, .grid p, .grid ul, .grid a
{
	font-weight: 400;
	list-style: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.grid h2
{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #585858;
	text-align: center;
}
.grid .latestgallery
{
	display: block;
	float: right;
	width: 420px;
	margin: 0;
	padding: 0;
}
.grid .latestgallery h2
{
	margin-left: 50px;
	text-align: center;
}
.grid .latestgallery li
{
	float: right;
	display: block;
	background: url(../images/image-frames-thumb.png) top left no-repeat;
	height: 110px;
	width: 160px;
	padding: 4px;
}
.grid .footbox
{
	display: block;
	float: left;
	width: 220px;
	margin: 0 0 0 50px;
	padding: 0;
}
.grid .footbox li
{
	color: #000;
	margin: 22px 0 0;
}
.grid div.last, .grid .latestgallery li.last
{
	margin-right: 0;
}
.callout
{
	background: url(../images/textured-light-bg.gif) repeat #f2f2f2;
	width: 100%;
	margin: 20px 0 40px;
}
.calloutoverlay
{
	height: 77px;
	background: url(../images/hash-overlay.png) repeat-x top left;
	position: absolute;
	top: -40px;
	left: 0;
	width: 100%;
}
.calloutoverlaybottom
{
	height: 77px;
	background: url(../images/hash-overlay-bottom.png) repeat-x top left;
	position: absolute;
	bottom: -41px;
	left: 0;
	width: 100%;
}
.calloutcontainer
{
	width: 100%;
	height: 100%;
	position: relative;
	margin-top: 25px;
	z-index: 0;
	padding: 20px 0;
}
.callout .more
{
	margin-top: -50px;
	float: right;
}
.box
{
	background-color: #FFF;
	border: 1px solid #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
	padding: 29px;
}
#gallery
{
	position: relative;
	display: block;
	width: 900px;
	padding-bottom: 10px;
	margin: 0 auto;
}
#gallery li
{
	display: block;
	float: left;
	width: 280px;
	margin: 0 30px 20px 0;
	padding: 0;
}
#gallery li a img
{
	display: block;
	width: 260px;
	height: 130px;
	border: 10px solid #E0E0E0;
	margin: 0;
	padding: 0;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
#gallery li a:hover img
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-color: #B4B4B4;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
*/
.imagecontainer
{
    /*forces the cursor to change to a hand when the button is hovered*/
    padding: 1px; /*add some padding to the inside of the button*/ /*the colour of the button*/
    border: 2px solid #666666; /*required or the default border for the browser will appear*/ /*give the button curved corners, alter the size as required*/
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px; /*give the button a drop shadow*/
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
    box-shadow: 0 0 1px rgba(0,0,0, .75); /*style the text*/
    color: #D8D8D8;
    font-size: 1.1em;
}
/*
.rounded-list a{  
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: 6px;
	margin: .5em 0;
	color: #444;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;	
  }



.rounded-list a:hover
{
}

.rounded-list a:hover:before{
    transform: rotate(360deg);	
}

.rounded-list a:before
{
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #990000;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #999999;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
    color: #FFFFFF;
}
*/
.liststyle
{
}
.liststyle li
{
    padding-top: 3px; padding-right: 5px; padding-bottom: 3px;
}
.liststyle li a
{
    color:#A70328;
}
.w3mark
{
    width:150px;
    float:right;
    margin-top:-35px;
}