/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/

html, body
{
    /*height: 100%;*/
    width: 100%;
    margin: 0px;
    padding: 0px;
}

body
{
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

div#contentbackground
{
    margin: auto;
   /* min-height: 100%;*/
    width: 920px;
    background-color: white;    
    background-image: url(../images/bg.png);
    background-repeat: repeat-y;
	/*border:solid 1px #00307A;*/
}

div#container
{
    margin: auto;
    width: 860px;
	/*height:auto;*/
    background: transparent;
    background-position: left;
    background-repeat: repeat-y;
}

div#header
{
    background-color: #beebf1;
    color: #ffffff;
    top: 0px;
    padding: 0px;
    margin: 0px;
    height:  192px;
    z-index: 100;
    margin: auto;
	background-image: url(../images/banner.png);
    background-repeat: no-repeat;
}

div#header div#header_flash
{
    float: right;
    padding: 0px;
    margin-top: -5px;
}

div#header p
{
    margin: 0px;
    padding: 20px 0px 0px 20px;
    color: #ffffff;
    font-weight: 400;
    font-size: 24px;
}

div#contenttable
{
    width:870px;
	min-height:360px
}


/* Main Nav */

#main-nav
{
	width:860px;
	height:37px;
	background-color:#003178;
}

#main-nav ul
{
	list-style-type:none;
}

#main-nav ul li
{
	float:left;
	margin:7px 0px 0px 60px;
}

#main-nav ul li a
{
	color:#fff;
	font-size:18px;
	text-decoration:none;
	font-weight:normal;
}
/* End Main Nav */

/* Expandable Menu */

div#column_container {clear: both; padding-top: 10px; float:left; padding-bottom: 20px}
div#column_container div.column {float: left; padding-bottom: 20px}

div#nav_column {width: 180px}

div#nav_column ul {margin: 0px; padding: 0px;}
div#nav_column ul li {width: 180px; margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #ffffff}
div#nav_column ul li p {margin: 0px; padding: 0px; padding-left: 3px;}
div#nav_column ul li a {display: block; background-color: #003178; padding: 5px; color: #ffffff; text-decoration: none;}
div#nav_column ul li a:hover {background-color: #1954a9; border-bottom: none}

div#nav_column ul li.current a {display: block; background-color: #00307A}
div#nav_column ul li.current ul li a {color: #00307A; background-color: #D0F1F6}
div#nav_column ul li.current ul li a:hover {background-color: #afdfe6; border: none}


.nav-sub li p a	{ color: #00307A !important; background-color: #D0F1F6 !important;}

.one:hover {background-color: #7030a0!important; border-bottom: none}
.two:hover {background-color: #33cc33!important; border-bottom: none}
.three:hover {background-color: #fe3000!important; border-bottom: none}
.four:hover {background-color: #ffb92d!important; border-bottom: none}
.five:hover {background-color: #ff4f8a!important; border-bottom: none}
.six:hover {background-color: #66ffff!important; border-bottom: none;color:#003178 !important;}
.seven:hover {background-color: #009999!important; border-bottom: none}
.eight:hover {background-color: #ffff0d!important; border-bottom: none; color:#003178 !important;}
.nine:hover {background-color: #cc00ff!important; border-bottom: none}
.ten:hover {background-color: #009900!important; border-bottom: none}
.eleven:hover {background-color: #777777!important; border-bottom: none}



/*
main side menu
*/

div#menu
{
    position: relative;
    display: table-cell;
    width: 187px;
    left: 0px;
    top: 0px;
}

div#menu ul
{
    width: 187px;
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 36px;
}

div#menu ul li
{
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li a
{
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    padding: 5px 5px 5px 15px;
    margin: 0px;
}

div#menu ul li a:hover
{
    color: #ffffff;
    background-color: #777671;
}

div#menu ul li.selected
{
    display: block;
    color: #ffffff;
    background-color: #777671;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li.selected ul
{
    background-color: #a19e97;
    padding: 0px;
    margin: 0px ;
}

div#menu ul li.selected ul li
{
}

div#menu ul li.selected ul li a
{
    font-size: 11px;
    font-weight: 400;
    padding: 5px 5px 5px 30px;
    margin: 0px;    
}

div#menu ul li a ul li.selected
{
    color: #333333 !important;
    background-color: #dddddd !important;
}




/*
end main side menu
*/

div#content-container
{
	display: table-cell;
	float:none;
}

div#content
{

    background: transparent;
    width: 640px;
    vertical-align: top;
    top: 0px;
    padding: 10px 5px 35px 5px;
	
	
}

.layout-content-box-login
{
	background-image: url(../images/bg-login.png);
	background-repeat:no-repeat;
	height:80px;
	width:640px;
}

.layout-content-box-content-login
{
	color:#fff;
}

.layout-content-box-content-login a
{
	color:#fff;
	text-decoration:underline;
}

.layout-content-box-content-login p
{
	margin-left:10px;
	padding-top:7px;
}

.layout-content-box
{
	background-image: url(../images/layout-content-bg.png);
	background-repeat:repeat-x;
	background-color:#F7FDFD;
	width:640px;
	border:solid 1px #000;
	margin-bottom:15px;
}

.layout-content-box-content
{
	margin: 10px;
}

.layout-content-box-content a
{
	color:#FE3000 !important;
}


.layout-content-box-content strong
{
	text-decoration:none;
	color:#00307A;
	font-size:14px!important;
	font-weight:bold !important;
	cursor: pointer;
}
/*
end content wrapper
*/

/* Left Nav */


#left-menu
{
	width: 172px;
	height:668px;
	float:left;
	border:1px solid #222A2C;
	margin:10px 10px 10px 10px;
	background-color:#D2F1F4;
}

#left-menu p
{
	margin-left:0px;
	color:#4C5155;
	font-size:15px;
}

#left-menu ul
{
	list-style-type:none;
	margin-left:0px;
}


.main-button
{
	background-color:#00307A;
	margin-bottom:0px;
	width:172px;
	border-bottom:1px solid #000;
	height:46px;
}

.main-button p
{
	margin:auto;
	font-family: Century Gothic;
	font-size: 18px !important;
	font-weight:normal;
	/*padding:10px;*/
}

.main-button a
{
	text-decoration:none;
	color:#fff;
}

.sub-button
{
	background-color:#C6E9EF;
	margin-bottom:0px;
	padding:0px;
	width:172px;
	background-image: url(../images/sub-page-bg.jpg);
	background-repeat:repeat-x;
	height:35px;
	border-bottom:solid 1px #000;
}

.sub-button p
{
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family: Century Gothic;
	font-size: 12px !important;
}

.sub-button a
{
	color:#396089;
	text-decoration:none;
}

.nav
{
	width:170px;
	margin-left:-40px !important;
	margin-top:0px;
}

.nav ul li
{
	background-color:#C6E9EF;
	height:35px;
	margin-bottom:2px;
	padding:1px;
	width:170px;
}

.subcategories
{
	margin-left:-40px !important;
}

.subcategories li
{
	background-color:#ccc;
	height:40px;
	width:180px;
}




/* End Left Nav */

 
/* Delegate Info Section */

.download-box
{
	width:639px;
	height:40px;
	border:solid 2px #000;
	margin-top:5px;
}

.download-box-title
{
	width:199px;
	height:40px;
	overflow:hidden;
	float:left;
	text-align:left;
	line-height:15px;
	background-color:#00307A;
	border-right:1px solid #000;
	color:#fff;
}

.download-box-title p{padding-left:5px;font-weight:bold; margin-top:5px;}
.download-box-title a{text-decoration:none;}


.download-box-desc
{
	width:348px;
	height:40px;
	overflow:hidden;
	float:left;
	text-align:left;
	line-height:15px;
	background-color:#C6E9EF;
	color:#00307A;
}

.download-box-desc p{margin-left:5px;}
.download-box-desc a{text-decoration:none;}

.download-box-download
{
	width:89px;
	float:right;
	line-height:40px;
	border-left:1px solid #000;
	background-color:#9CCFE4;
	color:#00307A;
}

.download-box-download a
{
	margin-left:5px;
	text-decoration:none;
	color:#00307A;
}

/* End Delegate Info Section */


/* Search */

#search
{
	width:640px;
	height:30px;
	border:solid 1px #000;
	background-image:url(../images/search-bg.png);
	background-repeat:repeat-x;
	margin-bottom:10px;
}

#btnsearch
{
	border:none;
	position:relative;
	top:-5px;
}

#search-form
{
	float:right;
}

#searchfrm input
{
	margin:5px 0px 0px 0px;
	padding:0px;
	float:left;
}

/* End Search */

/* Crumb */

.breadcrumb
{
	float:left;
	height:28px;
	width:470px;
	overflow:hidden;
}

.crumb
{
	margin:3px 0px 0px 5px;
	font-size:18px !important;
	color:#00307A;
}

.crumb a
{
	text-decoration:none;
	color:#00307A;
	font-size:14px!important;
	font-weight:bold !important;
}

/* End Crumb */

/* Footer */

#footer-address
{
	height:310px;
	width:172px;
	background-image:url(../images/menu-images/address-bg.png);
}

#footer-address p
{
	position:relative;
	top:165px;
	left:10px;
}


div#footer-container
{
    background-image: url(../images/bg.png);
    background-repeat: repeat-y;
	width:920px;
	margin:auto;	
}

div#footer
{
    width: 860px;
    margin: 0 auto;
    display: block;
    height: 110px;
    background-color: #003178;
    margin-top: 0px;
    /*position: relative;*/
    padding: 0px;
    clear: both;
	border: 1px solid #00307A;

}

#footer p
{
	text-align:center;
	color:#fff;
	font-size:16px;
}

#footer a
{
	font-size:16px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	margin-top:0px;
}

div#footer ul
{
	list-style-type:none;
}

div#footer ul li
{
    font-size: 16px;
    color: #fff;
	text-align:right;
	font-weight:bold;
	margin-top:0px;
}


.float-right
{
	float:right;
	margin-right:40px;
}

.float-left
{
	float:left;
	margin-left:0px;
}



/* End Footer */

/* Home Page Menu */
/* Right */
#wrap-right
{
	background-image:url(../images/home-menu-bg.png);
	background-repeat: no-repeat;
	border:solid 1px #000;
	width:313px;
	height:397px;
}

#pod1-right
{
	width:315px;
	text-align:center;
	margin:30px 0px 25px 0px;
}

#pod1-right p
{
	padding:0px;
	margin:0px;
}

#pod1-right img
{
	border:solid 2px #fe0002;
}

#pod1-right h3
{
	width:225px;
	height:33px;
	text-align:center;
	background-color:#003178;
	border: solid 1px #000;
	padding-top:7px;
	margin:auto;
}

#pod1-right a
{
	color:#FFFFFF;
	font-family:Century Gothic;
	font-size:22px;
	font-weight:normal;
	text-decoration:none;
}

#pod2-right
{
	width:315px;
	text-align:center;
	margin:30px 0px 25px 0px;
}

#pod2-right p
{
	padding:0px;
	margin:0px;
}

#pod2-right img
{
	border:solid 2px #4bfc53;
}

#pod2-right h3
{
	width:225px;
	height:38px;
	text-align:center;
	background-color:#003178;
	border: solid 1px #000;
	padding-top:3px;
	margin:auto;
}

#pod2-right a
{
	color:#FFFFFF;
	font-family:Century Gothic;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}

/* Left */
#wrap-left
{
	background-image:url(../images/home-menu-bg.png);
	background-repeat: no-repeat;
	border:solid 1px #000;
	width:313px;
	height:397px;
}

#pod1-left
{
	width:315px;
	text-align:center;
	margin:30px 0px 25px 0px;
}

#pod1-left p
{
	padding:0px;
	margin:0px;
}

#pod1-left img
{
	border:solid 2px #f7d2d9;
}

#pod1-left h3
{
	width:225px;
	height:40px;
	text-align:center;
	background-color:#003178;
	border: solid 1px #000;
	margin:auto;
}

#pod1-left a
{
	color:#FFFFFF;
	font-family:Century Gothic;
	font-size:25px;
	font-weight:normal;
	text-decoration:none;
}

#pod2-left
{
	width:315px;
	text-align:center;
	margin:30px 0px 25px 0px;
}

#pod2-left p
{
	padding:0px;
	margin:0px;
}

#pod2-left img
{
	border:solid 2px #70ade4;
}

#pod2-left h3
{
	width:225px;
	height:40px;
	text-align:center;
	background-color:#003178;
	border: solid 1px #000;
	margin:auto;
}

#pod2-left a
{
	color:#FFFFFF;
	font-family:Century Gothic;
	font-size:25px;
	font-weight:normal;
	text-decoration:none;
} 
 
/* End Home Page Menu */

/* Tables */

table.menutable tr td

{

	border: 1px solid #000000;

	background-color:#EBF3FC;

	padding: 5px;

	vertical-align: top;
	color: #000;

}



table.menutable tr.menutableheading

{

	background-color: #9594CD;

	color: #E13B28;

	font-weight: 700;

}



table.menutable tr.menutableheading td

{

	border: 1px solid #000000;
	color:#fff;
	background-color: #1954A9;

}

/* Sub Pages */

.sub-page-class-ul {color:#003178; list-style-type:circle;}
.sub-page-class { margin:10px;}

/* End Sub Pages */

/* Compact Form */
.organisation-details
{
	border-bottom: dashed 1px #000;
	padding:7px;
	font-weight:bold;
}

.contact-details
{
	border-bottom: dashed 1px #000;
	padding:7px;
	font-weight:bold;
}

div.form div.form_subgroup ul.formitems li label {
display:block;
float:left;
padding:5px;
width:170px;
}


/* Feedback Section */


.feedback-box
{
	width:639px;
	/*height:40px;
	border:solid 2px #000;*/
	margin-top:5px;
}

.feedback-box-title
{
	width:630px;
	/*height:40px;
	overflow:hidden;
	float:left;*/
	text-align:left;
	line-height:15px;
	background-color:#00307A;
	/*border-right:1px solid #000;*/
	color:#fff;
}

.feedback-box-title p{padding:5px;font-weight:bold;}
.feedback-box-title a{text-decoration:none;}


.feedback-box-desc
{
	width:630px;
	/*height:40px;
	overflow:hidden;
	float:left;*/
	text-align:left;
	line-height:15px;
	/*background-color:#C6E9EF;*/
	color:#00307A;
}

.feedback-box-desc p{margin-left:5px;}
.feedback-box-desc a{text-decoration:underline;}

.feedback-box-download
{
	width:89px;
	float:right;
	line-height:40px;
	border-left:1px solid #000;
	background-color:#9CCFE4;
	color:#00307A;
}

.feedback-box-download a
{
	margin-left:5px;
	text-decoration:none;
	color:#00307A;
}

/* End Feedback Section */

/* Sinc8 Overrides */
div#currentuserdetails
{
	clear:both;
	float:none;
	margin-bottom:10px;
	width:100%;
}

#login
{
	background-image:url(../images/login-main-bg.png);
	background-repeat: no-repeat;
	height:270px;
	width:640px;
}

#login p
{
	margin-left:10px;
	margin-top:10px;
	color:#000;
}

#login h3
{
	margin-left:10px;
	padding-top:10px;
	color:#000;
}

#login a
{
	color:#000;
	text-decoration:underline;
}


.highlightedStripe {
background-color:#003178;
color:#FFFFFF;
}

.formitems-iasp {list-style-type:none;}
.formitems-iasp input
{
	width:270px;
	margin-top:10px;	
}

#sincordia-footer{margin:0px 35px 10px 0px;float:right;}

#sincordia-footer p {margin:0px; padding:0px;}

#sincordia-footer a
{
	color:#fff;
	font-size:9px;
	text-decoration:underline;
}
/* End Sinc8 Overrides */