@charset "utf-8";
/* CSS Document */
html						{height:100%;}
body						{margin:0px; padding:0px; background:#CC0033; font-family:Arial, Helvetica, sans-serif; height:100%; color:#ffffff;}
p, h1, h2, h3, h4			{margin:0px; padding:0px;}
h1							{position:absolute; left:-999px; top:-999px;}
h2							{font-size:20px; font-weight:normal;}
a							{text-decoration:none; color:#ffffff;}
a:hover						{text-decoration:underline}
/************* LAYOUT STYLES *************/
#mainHeader					{position:absolute; left:0px; top:0px; width:100%; height:120px; background:#ffffff; z-index:999;}
#navigation					{position:absolute; left:0px; top:120px; width:100%; border-top:1px solid #777777; border-bottom:1px solid #CCCCCC; height:21px; background:url('images/backgrounds/navigation.gif') repeat-x; z-index:999;}
#navList					{margin:0px; width:600px; margin-left:150px; padding:0px;}
#mainContent, .mainContent	{background:url('images/backgrounds/nav_Shadow.gif') repeat-x; background-position:0 143px;	padding:173px 30px 30px 30px;}
#mainContent.withPanel		{margin-left:170px;}
#homePanel					{width:170px; text-align:center; background:#ffffff; min-height:100%; height:auto; position:absolute; top:0px; left:0px; z-index:1;}
#homePanel #homeImages		{margin-top:143px; padding-top:20px; background:url('images/backgrounds/nav_Shadow2.gif') repeat-x;}
#content					{margin:auto; width:500px;}

#mainHeader img				{margin:5px 0 5px 250px;}
/************** NAVIGATION ***************/
#navList li					{float:left; display:block; list-style:none;}
#navList li a				{margin:0px 15px 0px 15px; font-size:14px; font-weight:bold;}
#navList li a:hover			{color:#3366CC; text-decoration:none;}

#navigation.center			{padding:0px;}
#navigation.center #navList	{margin:auto;}
/***************** HEADER ****************/
#mainHeader.center			{text-align:center;}
#mainHeader.center img		{margin:5px 0 5px 0;}
#mainHeader .dateSpan		{position:absolute; top:5px; margin-left:100px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3366CC;}
/**************** BRANCHES ****************/
#branchesPanel				{background:#ffffff; width:270px; min-height:100%; height:auto; position:absolute; left:0px; top:0px; text-align:center;}
#branchesPanel img			{margin:15px;}
#branchesPanel ul			{padding:0px; margin:30px;}
#branchesPanel ul li		{font-size:20px; list-style:none; font-family:verdana;}
#branchesPanel a			{color:#3366CC; text-decoration:none;}

#branchInfo					{position:absolute; top:180px; left:380px; width:300px; text-align:center; font-size:12px; font-family:verdana;}
#branchInfo h2				{font-size:26px;}

/***************** FORMS ******************/
#contactForm				{font-size:12px; margin:0px; padding:10px;}
#contactForm div			{width:220px; float:left;}
#contactForm label			{width:200px; display:inline-block;}
#contactForm input			{width:150px; margin-bottom:10px;}
#contactForm #submit		{width:80px; margin-left:50px;}
/************** DIV STYLES ***************/
#content.withImgs			{width:400px; padding-right:200px; position:relative;}
#content.conservatory		{width:300px; padding-left:250px;}
#conservatoryRoof			{position:absolute; top:0px; left:0px; background:url('images/backgrounds/ConservatoryRoof.gif'); min-height:100%; height:auto; min-width:100%; width:auto;}
#imgsRight					{position:absolute; right:-50px; top:0px;}
/************** TEXT STYLES ***************/
p#homePageText				{font-size:18px; width:400px;}
p#homePageText a:hover		{text-decoration:none; color:#999999;}


#homePanel img				{margin:10px;}

/************** SIG LINKS ***************/
#SIGlink					{position:fixed; bottom:0px; padding:3px 0 3px 0; background:#CC0033; text-align:center; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; width:100%; margin-left:-30px;}
#SIGlink a					{color:#CCCCCC; text-decoration:none;}
#SIGlink a:hover			{text-decoration:underline;}

.cleaner					{overflow:hidden; clear:both; height:1px; margin:-1px;}